UI设计有哪些规范？
时间：2024-02-12 07:50:01 | 来源：网站运营
时间：2024-02-12 07:50:01 来源：网站运营
UI设计有哪些规范？：
理念上的规范有这里的功能不仅包括用户需求，还包括产品需求、业务需求。
把主要精力放到最核心的需求上
页面上的每一个元素的存在都可以解释，不要无缘无故增减元素
可用性规范——尼尔森十大可用性原则一、状态可见原则
用户在网页上的任何操作，不论是单击、滚动还是按下键盘，页面应即时给出反馈。“即时”是指，页面响应时间小于用户能忍受的等待时间。
二、环境贴切原则
网页的一切表现和表述，应该尽可能贴近用户所在的环境（年龄、学历、文化、时代背景），而不要使用第二世界的语言。《iPhone人机交互指南》里提到的隐喻与拟物化是很好的实践。此外，还应该使用易懂和约定俗成的表达。
三、撤销重做原则
为了避免用户的误用和误击，网页应提供撤销和重做功能。
四、一致性原则
同一用语、功能、操作保持一致。
五、防错原则
通过网页的设计、重组或特别安排，防止用户出错。
六、易取原则
好记性不如烂笔头。尽可能减少用户回忆负担，把需要记忆的内容摆上台面。
七、灵活高效原则
中级用户的数量远高于初级和高级用户数。为大多数用户设计，不要低估，也不可轻视，保持灵活高效。
八、易扫原则
互联网用户浏览网页的动作不是读，不是看，而是扫。易扫，意味着突出重点，弱化和剔除无关信息。
九、容错原则
帮助用户从错误中恢复，将损失降到最低。如果无法自动挽回，则提供详尽的说明文字和指导方向，而非代码，比如404。
十、人性化帮助原则
帮助性提示最好的方式是：1、无需提示；2、一次性提示；3、常驻提示；4；帮助文档。
界面排版规范——《格式塔原理》- 相似原则
“有相似特征元素比没有相似特征的元素被认为更为紧密相关” - 接近原则
“更接近一起的对象比进一步分开的对象被认为更相关。” - 连续定律
“在直线上或者曲线上的元素比不在直线或者曲线上的元素被认为更相关。” - 对称原则
“人们往往倾向于感知围绕匀称物体的中心对称的形状。” - 闭合性原则
“当我们看到一些复杂排列的元素时，我们趋向于寻找一个更为单一可辨识的图案模式。” - 共同命运原则 “在同一方向上的元素比固定元素或者是朝不同方向移动的元素更为紧密相关。”
- 主体与背景原则 “我们的大脑将视觉区域分为主体和背景，主体包括一个场景中占据我们主要注意力的所有元素，其余则是背景。”
配色原则- 色相一致
- 明度一致
- 纯度一致
- 色相对比
- 明度对比
- 纯度对比
设计规范输出- 多屏适配规范
- 字体规范
- 用色规范
- 布局规范
- 图标控件规范
- 提示反馈规范
- 动效规范
在线咨询
