公告:设计者网站已经部分开通。(2006.07.18)
首页设计教学精品欣赏资源下载视觉杂志|论坛|博客|
设计者服务器网站PR查询工具
  小型软件的通用界面设计制作指南
天极 |设计者 http://www.shejizhe.cn 您现在的位置: 设计者 >> 设计教程 >> 视觉设计 >> 文章正文
本文提供了小型软件的通用界面设计制作的一些方法和原则,以及相关问题的解决方案。

一:遵循一致的准则,确立标准并遵循

无论是控件使用,提示信息措辞,还是颜色、窗口布局风格,遵循统一的标准,做到真正的一致。 这样得到的好处:

1:使用户使用起来能够建立起精确的心里模型,使用熟练了一个界面后,切换到另外一个界面能够很轻松的推测出各种功能,语句理解也不需要费神理解

2:降低培训、支持成本,支持人员不会行费力逐个指导。

3:给用户统一感觉,不觉得混乱,心情愉快,支持度增加

做法:

项目组有经验人士,确立UI规范:

·美工提供色调配色方案,提供整体配色表

·界面控制程序人员、用户体验人员提出合理统一使用的控件库。参考标准界面使用规范:

控件功能遵循行业标准,windows平台参见《Microsoft 用户体验》(MSDN中有,中文已经翻译发行,项目组必须有一本)

控件样式在允许的范围内可以统一修改其样式、色调参考其他软件先进操作,提取对本项目有用的功能,以使用,绝对不能盲从,漫无目的。 根据需要,设计特殊操作控件,准则为:简化操作、达到一定功能目的

·界面实施人员与美工商榷控件可实现性,(如不实行此步骤,将会导致各自对对方工作不满意,也会产生不一致的混乱)。重复叠代上述工作。

·建立合理化文档《UI标准》描述上述规范,

·强行界面设计者理解之,并作为开发准则,

·SQA人员进行监控开发人员是否遵循,及时告诫开发人员。

二:(Color)颜色使用恰当,遵循对比原则

1:统一色调,针对软件类型以及用户工作环境选择恰当色调:

安全软件,根据工业标准,可以选取黄色,绿色体现环保,蓝色表现时尚、紫色表现浪漫等等,淡色可以使人舒适,暗色做背景使人不觉得累等

2:如果没有自己的系列界面,采用标准界面则可以少考虑此方面,做到与操作系统统一,读取系统标准色表

3:色盲、色弱用户,即使使用了特殊颜色表示重点或者特别的东西,也应该使用特殊指示符,如"!","?"着重号,以及图标等

4:颜色方案也需要测试,常常由于显示器、显卡的问题,色彩表现每台机器都不一样,应该经过严格测试,不同机器进行颜色测试

5:遵循对比原则:在浅色背景上使用深色文字,深色背景上使用浅色文字,蓝色文字以白色背景容易识别,而在红色背景则不易分辨,原因是红色和蓝色没有足够反差,而蓝色和白色反差很大。除非特殊场合,杜绝使用对比强烈,让人产生憎恶感的颜色。

6:整个界面色彩尽量少的使用类别不同的颜色

itop色表

具体标准参考美术学统计学术标准。

色表的建设,对于美工在图案设计、包装设计上起着标准参考作用,对于程序界面设计人员设计控件、窗体调色起到有章可循的作用。

三:(Resource)资源

一个多姿多彩的人机交互界面,少不了精美的鼠标光标、图标以及指示图片、底图等。

1:也需要遵循统一的规则,包括上述颜色表的建立,图标的建立步骤也应该尽可能的形成标准,参考itop的outlookbar图标设计标准

2:有标准的图标风格设计,有统一的构图布局,有统一的色调、对比度、色阶,以及图片风格

3:底图应该融于底图,使用浅色, 低对比,尽量少的使用颜色。

4:图标、图像应该很清晰的表达出意思,遵循常用标准,或者用户机器容易联想的到物件,绝对不允许画出默认奇妙的图案。

5:鼠标光标样式统一,尽量使用系统标准,杜绝出现重复的情况,例如某些软件中一个手的形状就有4钟不同的样子。

[1] [2] [3] [4] 下一页  

  • 上一篇文章:
  • 下一篇文章:
  • >声明:

       本站部分文章内容来自网络,如果这样对您造成了侵权行为,请及时联系我们.我们会尽快将此文章删除,谢谢....|设计者

    [相关文章]

    Google使用技巧

    从牙膏包装看商品设计的色彩和构

    [flash]拾色器的制作

    漂亮清新的LOGO教程

    原创PS鼠绘DELL键盘

    《色彩解答》之三 色彩对比
    google ad
    · 网页设计必须注意的几个问题
    · 十四个方法提高博客的页面访问量
    · 世界顶级博客的47个博客技巧
    · 博客可用性:十大错误设计
    · 网页设计技巧—文本排版
    · Google使用技巧
    · 隐喻与设计
    · 怎样设计标志
    · 著名设计师谈标志设计经验
    · <<李永诠设计录>>
    >> 设计者更多精彩文章,尽在首页!直通车直达...
    合作站点:   永善社区 | 永善社区论坛 | 东北数据中心
    友情链接:   绿林网络  |  五千万学习联盟 | 中国电视广告网
    关于设计者 | 设计者服务器 | 联系我们 | 给设计者提意见
    设计者 www.shejizhe.cn - 版权所有