-- 安阳师范学院互联网 + 应用技术学院 UI 设计方向讲师 黄艳芳 1: 应该遵循的基本原则无论是控件使用, 提示信息措辞, 还是颜色, 窗口布局风格, 遵循统一的标准, 做到真正的一致. 这样得到的好处: 1: 使用户使用起来能够建立起精确的心里模型, 使用熟练了一个界面后, 切换到另外一个界面能够很轻松的推测出各种功能, 语句理解也不需要费神理解 2: 降低培训, 支持成本, 支持人员不会行费力逐个指导. 3: 给用户统一感觉, 不觉得混乱, 心情愉快, 支持度增加做法: 项目组有经验人士, 确立 UI 规范: 美工提供色调配色方案, 提供整体配色表界面控制程序人员, 用户体验人员提出合理统一使用的控件库. 参考标准界面使用规范: 控件功能遵循行业标准, Windows 平台参见《Microsoft 用户体验》控件样式在允许的范围内可以统一修改其样式, 色调参考其他软件先进操作, 提取对本项目有用的功能, 以使用, 绝对不能盲从, 漫无目的. 根据需要, 设计特殊操作控件, 准则为: 简化操作, 达到一定功能目的界面实施人员与美工商榷控件可实现性,(如不实行此步骤, 将会导致各自对对方工作不满意, 也会产生不一致的混乱). 重复叠代上述工作. 建立合理化文档《UI 标准》描述上述规范, 强行界面设计者理解之, 并作为开发准则, SQA 人员进行监控开发人员是否遵循, 及时告诫开发人员. 2:(Color) 颜色使用恰当, 遵循对比原则: 1: 统一色调, 针对软件类型以及用户工作环境选择恰当色调: 如: 安全软件, 根据工业标准, 可以选取 ***, 绿色体现环保, 蓝色表现时尚, 紫色表现浪漫等等, 淡色可以使人舒适, 暗色做背景使人不觉得累等 2: 如果没有自己的系列界面, 采用标准界面则可以少考虑此方面, 做到与操作系统统一, 读取系统标准色表 3: 色盲, 色弱用户, 即使使用了特殊颜色表示重点或者特别的东西, 也应该使用特殊指示符,?quot;!,? 着重号, 以及图标等 4: 颜色方案也需要测试, 常常由于显示器, 显卡的问题, 色彩表现每台机器都不一样, 应该经过严格测试, 不同机器进行颜色测试 5: 遵循对比原则: 在浅色背景上使用深色文字, 深色背景上使用浅色文字, 蓝色文字以白色背景容易识别, 而在红色背景则不易分辨, 原因是红色和蓝色没有足够反差, 而蓝色和白色反差很大. 除非特殊场合, 杜绝使用对比强烈, 让人产生憎恶感的颜色. 6: 整个界面色彩尽量少的使用类别不同的颜色 itop 色表具体标准参考美术学统计学术标准. 色表的建设, 对于美工在图案设计, 包装设计上起着标准参考作用, 对于程序界面设计人员设计控件, 窗体调色起到有章可循的作用. 3:(Resource) 资源一个多姿多彩的人机交互界面, 少不了精美的鼠标光标, 图标以及指示图片, 底图等. 1: 也需要遵循统一的规则, 包括上述颜色表的建立, 图标的建立步骤也应该尽可能的形成标准, 参考 itop 的 outlookbar 图标设计标准 2: 有标准的图标风格设计, 有统一的构图布局, 有统一的色调, 对比度, 色阶, 以及图片风格 3: 底图应该融于底图, 使用浅色, 低对比, 尽量少的使用颜色. 4: 图标, 图像应该很清晰的表达出意思, 遵循常用标准, 或者用户机器容易联想的到物件, 绝对不允许画出莫名奇妙的图案. 5: 鼠标光标样式统一, 尽量使用系统标准, 杜绝出现重复的情况, 例如某些软件中一个手的形状就有 4 钟不同的样子.
来源: http://www.bubuko.com/infodetail-3020404.html