关于UI界面设计的学习总结
- 界面设计基础知识
- UI界面设计原则
界面设计基础知识
界面
- 即用户界面，是人与机器进行交互的操作平台，即用户与机器相互传递信息的媒介。
UI界面
- 分为两大类：硬件界面设计和软件界面设计。
UI界面设计
- 使用户界面设计的简称。指对软件的人机交互、操作逻辑、界面美观的整体设计。
版式设计不等同于UI设计
界面设计不等同用户+界面或者美化设计
界面和用户之间有交互关系
我们需要定位使用者、使用环境、使用方式
UI设计的重要性：
- 美化角度：时尚感、层次感、愉悦的视觉体验
- 交互角度：功能更加完善、用户体感更加良好
UI工程师：
- 又称软件图形设计师、交互设计师。
- 测试交互设计的合理性以及图形设计的美观性，避免由于设计者的经验或者客户的审美带给企业的风险性。
UI设计工作流程：
| 人员 | 任务 |
|---|---|
| 产品制作人 | 负责产品计划书 |
| 用户体验研究员 | 调查分析 |
| 交互设计师 | 做出互动流程 |
| 视觉设计师 | 页面视觉设计 |
| 前台工程师 | 前台开发 |
| 后台工程师 | 后台开发 |
| 产品制作人 | 产品计划书 |
| 用户体验研究员 | 用户测试确保质量 |
界面设计流程：
-
初步设想和计划：
初步概念、商业目标、计划以用户为中心的系统设计 -
分析：
用户和用户使用的环境以及情节、用户的需要和可用性的需求以及设计目标 -
设计可用性：
通过原型制作进行概念方案设计、交互设计、详图设计。（线框原型和黑白原型稿） -
评估：
在情境中使用来进行及早和持续的评估，权衡可用性、商业目的和效果 -
反馈：
发现现有设计不合理的部分，计划下一个修复 -
制作和开发：
对用户和可用性持续的关注和监测
界面设计风格类型：
- 扁平化：二维风格简单无特效、排版简洁、色彩绚丽
- 拟物化：3D特效比较逼真
- 卡通化：夸张；变形
UI界面设计原则
① 一致性必要的个性化
- 一致性：统一的字体字号、统一的色调、统一的提示用词、窗口在统一的位置、按钮也在窗口的相同的位置。
- 优点：减少记忆量、减少出错概率、积累操作经验。
- 个性化：在一致性下，适当突出该软件的“个性化”。 如PPT中不同于word 有自己的动画效果。
② 连续性
- 在排列和版面布局上要有序
(是水平排列还是垂直排列还是两者都有之)
③ 容易理解性
- 在界面设计中把 积累的生活经验 和 界面视觉元素 对应连接起来 让用户更容易理解。
（如电子书界面，模拟翻书的设计可以很快让用户理解如何操作，并且给读者熟悉的阅读体验。）
④ 清楚的报错信息
- 错误操作后，系统应该有针对性的错误信息反馈提示
⑤ 快捷方式的组合
⑥ 使用用户的“语言”
- 界面中要注意使用用户的“语言”，而不是设计者的“语言”
- 最有效的方法：通过数据获得用户的想法（如询问用户、用户投票等） 从而让用户使用系统的错误率降到最低。
⑦ 用户记忆负担最小化
- 浏览信息比记忆更容易，在设计时要考虑到减轻用户的记忆负担。
⑧ 用户界面的功能性
- 用户界面一定要有基本的功能，通过界面设计让用户明白功能操作。将产品本身的信息更加顺畅的传递给使用者，是功能界面存在的基础与价值。设计者不能片面追求界面外观漂亮而导致华而不实。
⑨ 方便退出
2. 在界面的使用上要设计方便退出，提供不同可能性 (如app的退出，是按一键退出还是一层一层的退出)
⑩ 帮助系统
3. 帮助用户更快捷、更好的学习界面的使用以及在遇到某些使用问题时该如何处理，减少用户在使用中的挫折感。
日常学习的girl @Manthea