网页界面设计遵循的原则有哪些？

一、保证一致

二、清晰的视觉层次

三、注重交互体验

四、容错机制

五、鼓励用户

六、亲和力

七、保持简洁

一、保持一致有哪些？

1、风格（趋向于扁平风，应用到一点卡片样式）

2、图标（颜色统一、风格统一、类型统一、尺寸大小统一）

3、form表单控件（控件统一、交互统一、验证提示统一）

4、提示信息（成功、错误、提示）

5、弹出框（遮罩、填充一致、布局一致）

6、表格一致、切换一致

二、清晰的视觉层次？

1、一 二级导航主次明显 （一级导航在页面顶部，二级导航在页面左侧，三级导航点击展开）

2、功能区、信息区区分明显（顶部、左侧为功能区，右侧为信息展示区）

3、选择项（按钮、功能等有高亮提示，弹出框有遮罩）

三、注重交互体验？

1、表单的输入框的状态变化

default state 是灰色

focus state 是绿色

输入错误有 图标+文字的统一

2、提交 都会有 相关的弹出窗提示信息

3、表格移入都有交互

4、链接、按钮都有反馈

四、容错机制？

1、引导和提示（提供详尽的说明文字和指导方向，引导和提示突出表现，且简单容易理解重要或操作 结果不可逆的时候，询问用户让其知道操作的后果）

2、限制操作（适当限制用户的某些交互操作例如：置灰）

3、反馈和帮助（用户有些错误发生时，及时反馈错误并提供纠错帮助。出错信息应当对用户解决问题提供建设性帮助。）

4、错误恢复（允许用户犯错，并使操作者能够撤销以前的指令。）

五、鼓励用户？

1、操作完成时及时提示（弹出框等）

2、想用户所想，做用户所做（用户能自由的作出选择，且所有选择都是可逆的）

六、亲和力?

1、文稿口语化（避免繁琐的叙述）

2、语言简洁

七、保持简洁?

1、UI界面简洁（抛开繁琐的阴影、渐变、无意义的设计元素）

2、交互简洁（避开不必要的交互效果，用户体验第一位）

顶一下

(0)

0%

踩一下

(0)

0%