UI界面的视觉认识

做好一套UI界面的6个大点

1、软件的使用
2、规范的掌握
3、组件应用
4、图标绘制
5、平面排版
6、配色技巧

UI界面的组成部分

1、几何元素
2、文字元素
3、图标元素
4、图片元素

优秀的界面标准的四个维度

• 符合标准
• 视觉合理
• 细节统一
• 功能完善

视觉界面的自我检查

一、系统规范应用的检查

• Statur的使用
• Tab Bar 的使用
• 顶部标题栏的使用
• 强提示弹窗的使用
• 动作栏的使用
• 打开键盘的状态
• ApplePay的应用.......

二、设计风格的检查

• 具备舒适又简约的风格样式
• 具备质朴自然的设计特点
• 能满足用户的喜好......

三、视觉统一性的检查

• 主色、辅助色、中性色的应用
• 文字字体的统一应用
• 间距板式的应用
• 圆角样式的应用
• 控件样式的应用
• 组建样式的应用
• 统一的页边距
• 板块间距的使用
• 组件下的模块间距使用大小，如16、8
• 商品双列列表使用的页边距......

四、交互合理性检查

• 加入购物车完成购买的流程正确顺畅
• 页面跳转、返回提示明确
• 操作流程顺畅，意图提示明了
• 按钮尺寸合理，不容易误触
• 交互动画设置合理，不会过于繁琐.......

五、状态缺省内容检查

• 按钮不同状态显示
• 图标不同状态显示
• 文字不同状态显示
• 网络错误、链接错误等提示
• 输入框内容错误提示......