界面设计基础知识

界面

• 即用户界面，是人与机器进行交互的操作平台，即用户与机器相互传递信息的媒介。

UI界面

• 分为两大类：硬件界面设计和软件界面设计。

UI界面设计

• 使用户界面设计的简称。指对软件的人机交互、操作逻辑、界面美观的整体设计。

版式设计不等同于UI设计
界面设计不等同用户+界面或者美化设计
界面和用户之间有交互关系
我们需要定位使用者、使用环境、使用方式

UI设计的重要性：

• 美化角度：时尚感、层次感、愉悦的视觉体验
• 交互角度：功能更加完善、用户体感更加良好

UI工程师：

• 又称软件图形设计师、交互设计师。
• 测试交互设计的合理性以及图形设计的美观性，避免由于设计者的经验或者客户的审美带给企业的风险性。

UI设计工作流程：

界面设计流程：

• 初步设想和计划：
  初步概念、商业目标、计划以用户为中心的系统设计
• 分析：
  用户和用户使用的环境以及情节、用户的需要和可用性的需求以及设计目标
• 设计可用性：
  通过原型制作进行概念方案设计、交互设计、详图设计。（线框原型和黑白原型稿）
• 评估：
  在情境中使用来进行及早和持续的评估，权衡可用性、商业目的和效果
• 反馈：
  发现现有设计不合理的部分，计划下一个修复
• 制作和开发：
  对用户和可用性持续的关注和监测

界面设计风格类型：

• 扁平化：二维风格简单无特效、排版简洁、色彩绚丽
• 拟物化：3D特效比较逼真
• 卡通化：夸张；变形

UI界面设计原则

①　一致性必要的个性化

• 一致性：统一的字体字号、统一的色调、统一的提示用词、窗口在统一的位置、按钮也在窗口的相同的位置。
• 优点：减少记忆量、减少出错概率、积累操作经验。
• 个性化：在一致性下，适当突出该软件的“个性化”。 如PPT中不同于word 有自己的动画效果。

②　连续性

• 在排列和版面布局上要有序
  (是水平排列还是垂直排列还是两者都有之)

③　容易理解性

• 在界面设计中把 积累的生活经验 和 界面视觉元素 对应连接起来 让用户更容易理解。
  （如电子书界面，模拟翻书的设计可以很快让用户理解如何操作，并且给读者熟悉的阅读体验。）

④　清楚的报错信息

• 错误操作后，系统应该有针对性的错误信息反馈提示

⑤　快捷方式的组合
⑥　使用用户的“语言”

• 界面中要注意使用用户的“语言”，而不是设计者的“语言”
• 最有效的方法：通过数据获得用户的想法（如询问用户、用户投票等） 从而让用户使用系统的错误率降到最低。

⑦　用户记忆负担最小化

• 浏览信息比记忆更容易，在设计时要考虑到减轻用户的记忆负担。

⑧　用户界面的功能性

• 用户界面一定要有基本的功能，通过界面设计让用户明白功能操作。将产品本身的信息更加顺畅的传递给使用者，是功能界面存在的基础与价值。设计者不能片面追求界面外观漂亮而导致华而不实。

⑨　方便退出
2. 在界面的使用上要设计方便退出，提供不同可能性 (如app的退出，是按一键退出还是一层一层的退出)

⑩　帮助系统
3. 帮助用户更快捷、更好的学习界面的使用以及在遇到某些使用问题时该如何处理，减少用户在使用中的挫折感。

日常学习的girl @Manthea