UI界面的视觉认识
2021-08-25 本文已影响0人
四叶舟_兰芷
做好一套UI界面的6个大点
1、软件的使用
2、规范的掌握
3、组件应用
4、图标绘制
5、平面排版
6、配色技巧
UI界面的组成部分
1、几何元素
2、文字元素
3、图标元素
4、图片元素
优秀的界面标准的四个维度
- 符合标准
- 视觉合理
- 细节统一
- 功能完善
视觉界面的自我检查
一、系统规范应用的检查
- Statur的使用
- Tab Bar 的使用
- 顶部标题栏的使用
- 强提示弹窗的使用
- 动作栏的使用
- 打开键盘的状态
- ApplePay的应用.......
二、设计风格的检查
- 具备舒适又简约的风格样式
- 具备质朴自然的设计特点
- 能满足用户的喜好......
三、视觉统一性的检查
- 主色、辅助色、中性色的应用
- 文字字体的统一应用
- 间距板式的应用
- 圆角样式的应用
- 控件样式的应用
- 组建样式的应用
- 统一的页边距
- 板块间距的使用
- 组件下的模块间距使用大小，如16、8
- 商品双列列表使用的页边距......
四、交互合理性检查
- 加入购物车完成购买的流程正确顺畅
- 页面跳转、返回提示明确
- 操作流程顺畅，意图提示明了
- 按钮尺寸合理，不容易误触
- 交互动画设置合理，不会过于繁琐.......
五、状态缺省内容检查
- 按钮不同状态显示
- 图标不同状态显示
- 文字不同状态显示
- 网络错误、链接错误等提示
- 输入框内容错误提示......
