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

2023-05-30 0 798

一、确保完全一致

二、明晰的听觉层级

三、著重可视化新体验

四、纠错监督机制

五、引导使用者

六、可塑性

七、维持简约

一、维持完全一致有什么样?

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、可视化简约(避开不必要的可视化效果,使用者新体验第一位)

相关文章

发表评论
暂无评论
官方客服团队

为您解决烦忧 - 24小时在线 专业服务