返回首页

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

293 2023-12-15 04:57 admin

一、保证一致

二、清晰的视觉层次

三、注重交互体验

四、容错机制

五、鼓励用户

六、亲和力

七、保持简洁

一、保持一致有哪些?

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%
相关评论
我要评论
用户名: 验证码:点击我更换图片

网站地图 (共14个专题14546篇文章)

返回首页