网页界面设计遵循的原则有哪些?
时间:2024-02-13 03:55:01 | 来源:网站运营
时间:2024-02-13 03:55:01 来源:网站运营
网页界面设计遵循的原则有哪些?:一、保证一致
二、清晰的视觉层次
三、注重交互体验
四、容错机制
五、鼓励用户
六、亲和力
七、保持简洁
一、保持一致有哪些?
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、交互简洁(避开不必要的交互效果,用户体验第一位)