如何开展工作?
- 理解交互原型
- 通读原型,找到不合理的地方,进一步优化设计方案
- 批判的眼光能够拓宽设计思路,获得更好的成长
- UI 设计师能够通过视觉设计的角度来找到交互设计中的问题
- 了解用户三要素
- 目标用户
- 核心需求
- 使用场景
- 竞品分析
- 切忌闭门造车
- 找到大众已经接受的点
- 开始设计
在设计之前多考虑一些需求上的问题。
入门:保证用户理解是基础
UI 设计的核心价值是:传递信息,解决问题
- 逻辑问题
- 格式塔的应用
- 五大方法
- 简单
- 相似
- 接近
- 闭合
- 连续
- 视觉元素的逻辑关系
- 从属关系
- 递进关系
- 平行关系
- 区域设计(排版布局)
- 信息架构优于创意设计
- 标题在7个字左右
- 正常人受到短时记忆的限制
- 时间问题
- 阅读时间影响用户体验
- 呈现问题
- 控件问题
- 表达问题
- 标题辅助正文
- 无序列表
- 有序列表
- 文不如表,表不如图(可视化设计)
优秀篇
视觉流、视觉元素、一致性、技巧
视觉流
视觉设计就是一门通过界面与用户沟通的语言,视觉流就是语言输出的顺序
视觉流的设计方法
理顺信息,确保完整性以及输出有价值的信息
控制视觉流,注目度(影响因素有字体的各种参数、图形、图片、动画、视频等)
用户差异性分析
对于有目的以及无目的的用户,通过设计来提供相应的视觉元素来帮助用户快速找到需要的模块。
视觉元素
一致性:保证视觉元素的一致性
卓越设计关键就是超出用户的期望
卓越产品设计的三个方向:交互层、视觉层、需求层
视觉层:传递的思想
如何传递思想
素材、排版、配色
字体设计、反色、画龙点睛、大小对比
选色、克制、细节 直接反映了设计师的审美水平
如何设计充满时尚感的产品?
巩固设计基础、设计之前就要有清晰的思路(提升眼光、储备素材)、具有实现技术
文艺风格更加大胆,偏艺术
文艺往往与时代特征相连接、更需要与观众互动
在基础的排版上能够做出很多好的设计
商务风格更加稳重,传递品牌价值、排版结构更加规整简洁,力求信息能够准确传达给用户
可爱的风格
交互设计上的提升点:
转场:适当添加转场而不是大面积使用(在常用的场景中添加少量的动效),对于高频操作来说复杂转场消耗了用户宝贵的时间
情感化:与用户在合理的范围内进行交流(例如b站在输入密码时,卡通形象会捂住双眼)、在用户无法获得预期效果时提供幽默的设计缓解用户的尴尬(例如404页面的各种设计)
效率:考虑用户的每一步操作是否完全需要用户主动执行(例如填写验证码时是否需要用户读取短信再进行输入)