视觉设计服务于传达某个目的作用应大于它的装饰作用;它是重要的有效的沟通的工具。
甚至最好的功能强大的应用程序也受到视觉效果不好的困扰。如果你没接受过视觉信息设计方面的训练, 与一个在这些领域有经验的设计者合作是一个好主意。在一个专业的程序开发组中一定包括作为图形设计的人员。好的设计者知道怎么最好利用屏幕并且有效地使用形状,颜色,对比,焦点。而且,图形的设计者理解怎么设计并且组织信息,并且能在感觉上评定字体和颜色的影响。
视觉的设计应该是应用程序的补充而不是代替, 程序的设计应避免仅仅依靠视觉的设计来传送重要的信息。因为有视觉的缺陷的人,不能理解这些颜色。
-------------------------------------------------
Composition and Organization
合成和组织
-------------------------------------------------
我们从我们看到的屏幕外观选择我们阅读什么,我们的目光总是被有颜色的元素吸引,我们甚至以扫描的方式阅读文字。
当你设计组织你的接口的视觉的单元的,考虑下列原则:
l 信息的层次
l 焦点和强调
l 结构和平衡
l 单元的关系
l 可读性和流程
l 一致性
-------------------------------------------------
Hierarchy of information
信息的层次
-------------------------------------------------
信息元素在屏幕中放置的位置是基于它的重要性。我们应该清楚首先让用户看见哪个信息和鼓励用户第一步做什么。在设计你的应用程序时考虑这个原则, 并回答这些问题:
l 哪个信息对用户最重要?
l 当你的应用程序启动时什么是最先要做的?
l 在第一秒, 第二秒 , 第三秒以及以后,什么是用户需要做的?
l 信息的次序将支持或是通过妨碍用户的进度?
l 用户应该首先在屏幕上看见什么?
无论如何,视觉的显示应该匹配用户的相应操作,但是它也应该能由另外的元素来塑造。
-------------------------------------------------
Focus and Emphasis
焦点和强调
-------------------------------------------------
焦点和强调的原则在于优先放置你的指导和重点项目。一旦你明确了中央的想法, 你能决定焦点。你应该强调你需要突出的单元,并使独立于其它单元。
接口设计决定了用户在哪儿寻找第一信息。例如:大多数人认为最重要的信息应该看屏幕或窗口的左上角的位置。他们认为第一优先考虑的项目应该放在那里并给它强调。
-------------------------------------------------
Structure and Balance
结构和平衡
-------------------------------------------------
结构和平衡是2个最重要的视觉的设计原则。没有视觉的单元的内在的结构和平衡,所有其它的视觉设计则缺乏顺序和意义,更重要地, 结构和平衡的缺乏使用户很难楚清楚地理解接口。
-------------------------------------------------
Relationship of Elements
单元的关系
-------------------------------------------------
单元的关系对于加固以前的原则的非常重要,一个视觉的单元的放置能传达特定的关系到另外的单元。例如, 如果在一个列表框的按钮影响这个列表框,应该说按钮和表框之间的空间的关系在那里。这帮助用户清楚地并且快速看到的连接。同样, 空间的布局应该传达单元的交互关系地一致的信息。
-------------------------------------------------
Readability and Flow
可读性和流动
-------------------------------------------------
这个原则强调一个简单的意图如何变得易于理解和传送。可读性和流动性决定一个对话框或另外的接口部件的可用性。当你设计一个窗口的布局时,考虑下列问题:
l 这个想法或概念能更简单地被传送吗?
l 用户能容易使用接口步骤吗?
l 所有的单元为有一个共同的意图吗?
-------------------------------------------------
Unity and Integration
统一和集成
-------------------------------------------------
统一和集成, 这个原则反映出怎么在更大的环境关系中评估一个设计。为了图案的统一和集成,请考虑下列问题:
l 所有视觉上的不同的部分,怎么一起在屏幕上工作?
l 这个应用程序的视觉接口的怎么联系另外的应用程序?
-------------------------------------------------
Color
颜色
-------------------------------------------------
颜色对于接口界面是很重要的。你能使用它引起用注意当前应该选择的丢单元。颜色也有联合的作用;我们经常假设在相似的颜色项目之间存在关系。颜色也具有感情或心理的暗示 , 例如, 一种颜色能被分类作为凉爽或温暖。
然而当颜色单调枯燥时,则会起到相反的效果。颜色的误用可能会引起用户反感,并阻碍他完成一项任务。在使用颜色时注意下列问题:
l 尽管你可以使用颜色加强你想突出的内容,但这种做法的效果不总是很明显。
l 每个人对颜色的感受是不一样的,也许你喜欢的颜色,别人却感到厌恶。
l 你的用户是否都使用彩色显示器。
l 颜色的理解因文化的变化而不同。甚至在单个的文化群体以内,对颜色的理解也不相同。
l 有一定的人有颜色识别方面的缺陷。
下列为使用颜色总结指南
■ 颜色与信息相比较是次要的
颜色是作为提高信息的的表现的一种附加。避免作为表示功能意图的唯一的工具就是依靠颜色。你能也在接口界面用文章标签、形状、图案或则在屏幕上的位置来传递某个信息。好的设计惯例是首先使用白纸黑字或单色模式, 然后 add color 。这帮助你的设计聚焦于关键的信息和使用颜色提高那个信息。
■ 使用有限的几种颜色
尽管人眼睛能区分百万种不同的颜色,但使用太多颜色的导致视觉的喧嚷,并且使用户困于从颜色感受到信息。你使用的颜色应该适合他们的目的。淡的,微妙, 补足的颜色经常比一些明亮的颜色更好,除非你正在寻找颜色在一下子抓住用户的注意力,负责不要使用明亮的颜色。
■ 改变颜色的选择
因为颜色的偏爱每个人都不同, 允许用户 to change 颜色应该成为可能。你提供标准的系统接口和颜色计划。并且当用户改变系统颜色时,你的应用程序的视觉的单元最好可以有效地协调。
-------------------------------------------------
Fonts
字体
-------------------------------------------------
字体除了为阅读提供书面形式外,还有许多功能。象另外的视觉的单元一样,字体被用来组织信息或传递特别的信息 。当你变化时一种字体的尺寸和重量, 用户即可由此领会到那篇文章重要并且察觉它应该在优先阅读。
在计算机的常规显示分辨率,字体是通常比打印的页上的字小一些。避免斜体和下划线的字体, 在低的分辨率下,这些经常是难的读,
在你的软件的接口限制使用字体的式样种类。就象太多颜色,使用太多字体通常导致视觉的喧嚷。
谨慎地使用粗体。粗体的文字吸引注意力,滥用它却会分散用户注意力,太多的粗体的文章也减少它的影响。只将他使用到标题,和应该让用户的注意的关键的项目。
同样, 谨慎地使用斜体。最好在单独的地方使用,斜体可以吸引注意,但是总的来说它减少在信息上的强调,并且使文章不太好阅读。
为了界面的一致使用标准的系统字体。并且允许用户字定义字体。
-------------------------------------------------
Dimensionality
维度
-------------------------------------------------
在界面接口的许多单元使用前景, 加亮, 并且提供三维的外观 。这能提供真实的世界感觉给用户。例如, 命令按钮的外观区分于其他的信息类型的外观。这能给用户自然的视觉的暗示。
当设计你的自己的视觉的单元时,小心不过多做维数的使用。不是交互的一个单元则不必要使用三维效果。,并且使用恰当的图案来与系统接口配合。
--------------------END------------------------