UI设计与制作(微课版)
上QQ阅读APP看书,第一时间看更新

1.3.1 一致性原则

UI设计界面直观、简洁,操作方便、快捷,界面上展示的功能应一目了然,用户不需要太多培训就可以方便地使用该软件。

• 字体:保持字体及字体颜色一致,避免一个主题中出现多种字体;对于不可修改的字段,统一用灰色显示。

• 对齐:保持页面内元素对齐方式的一致,若无特殊情况,应避免同一页面出现多种元素对齐方式。

• 表单录入:在包含必填项与选填项的页面中,必须在必填项旁给出醒目标识(如*);对于输入的各类型数据,需限制为文本类型并进行格式校验,如输入电话号码时只允许输入数字、邮箱地址需要包含“@”等。在用户输入有误时给出明确提示,如图1-16所示。

图1-16

• 鼠标指针:当鼠标指针指向可单击的按钮、链接等时,需要变换鼠标指针为手形,图1-17、图1-18所示为鼠标指针变换前后效果。

图1-17

图1-18

• 保持功能及内容描述一致:避免使用多个词描述同一功能,如混用编辑和修改、新增和增加、删除和清除等。建议在项目开发阶段建立一个产品词典,该词典包括产品中常用的术语及其描述,设计或开发人员严格按照产品词典中的术语来展示产品中的文字信息。