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