基本
选择某个元件,按下复制按钮或快捷键,然后选中另一个元件按下Ctrl Alt V即可将前一个元件的格式及公共交互部分复制并粘贴到后一个元件上,这就是Axure RP 9的神秘格式刷。
快捷键
- 分层级:【 ctrl + ->/<- 】
- 恢复到坐标00位置:【 ctrl + 9 】
- …
交互
- 交互(组织动作的过程) = 事件 + 动作(事件触发时发生的动态效果)
- 关闭窗口和弹出窗口是联合使用
- 动作之间执行是按先后顺序,由上到下先后执行
- 情景设置,满足某种条件时会执行某种动作
- …
设计法则
概念:是基于【界面导航方式、界面颜色、元素、字体、界面的排版形式】
保证界面简洁与清晰
- 信躁比原则:降低信息噪音,突出主旋律,传递清晰的用户体验
- 二八原则:将一些不经常用的功能隐藏到某一个功能里边(专家级别功能)
- 组块原则:组块分类记忆法
- 临近原则:空间上的接近导致人们之间产生喜欢。在ui里边就是有一定的关联性的页面
- 信息逐渐呈现:在每屏做一次选择,直到到达目标位置,要想达到另外的目标位置,必须原路返重头开始选择
遵循设计规范与一致性
- 所见即所得定义
- 直接操作定义
- 保持一致性
- 大而简,简而精,节约至上
掌控全局做交互
- 易学性:操作简单,无需解释一目了然
- 反应用户心的理模型:简单易上手,与用户所想差别不大
- 减轻用户的记忆负担:密码登录,使用手机验证码或第三方登录
- 用户的语言来表达
- 及时有效的反馈:进度条等操作
- 避免干扰与打断:尽量少弹框
- 包容原则:二次确认
- 新手教程:操作引导
- …
交互原型图的定义
-
产品原型可以概括的说是整个产品面市之前的一个框架设计,整个前期的交互设计流程图之后,就是原型开发的设计阶段,简单来说就是将页面的模块、元素、人机交互的形式,利用线框描述的方法。人与人之间的互动,人与机器之间的交互。
-
理解交互原型图
- 交互设计师必备的工作内容
- 了解设计规范制作原型图
- 根据信息架构(产品经理)来会做原型图
- 内容的优先级
- 根据理论知识运用导航方式
- 合理进行排版布局
- …
-
交互原型图的标准
- 根据产品经理提供的思维导图做出效果草图
- 框架图合理布局
- 显示图片的位置需用图片代替
- 重要信息和文字需腰表述
- 只有黑白灰不能有其他颜色
- …
网页端按钮的6种状态
- 鼠标悬停(一些提示)
- 鼠标按下(执行接口)
- 鼠标选中(颜色变化)
- 禁用状态(不可点击)
- 默认状态
- 忙碌状态
- …
手机端按钮的四种状态
- 默认状态
- 点击状态
- 选中状态
- 禁用状态
- …