设计者必须要对设计的层次构成有很好的认识,因为要想创作美观实用并最终能打动用户的设计,关键就在于协同设计好各个层次。 比起其他领域,恰当地使用设计的各层对Web设计的成功尤为关键。今天人们接触的信息比以往多得多,可并没有足够的时间或精力去处理它们。所以,我们使用快捷的方法来决定哪些信息值得我们花费宝贵的精力。 在心理学上,这些快捷的方法被称为启发法。借助这些启发法,人们能够运用人类进化过程所固化的或从经历中学到的“规则”,来解决复杂问题,制定复杂决策。 如果在购物时看到一双鞋子,你会立刻做出判断,这个牌子的鞋是不是适合你。外形怎么样?颜色是否有吸引力?风格与你搭调么?你会根据这双鞋和以往曾经买过的鞋子的相似度,使用启发法做出决定。 在网络上,人们也大量使用各种启发法制定决策。比如,我们可以瞬间判断出,电商网站处理我们付款是否安全可信。 事实证明,在所有这些情况下,当判断一个网站是否可信时,设计是我们所用到的最重要的启发法(没有之一)。 影响设计的因素不计其数,而且界限模糊。如果问上十几位设计专家“一件设计会受哪些因素影响”,尽管会得到十几种不同的答案,但几乎都涵盖了同样的内容。在这本书中,我会谈谈下面这些设计中的“层次”。 1.3.1 目的 每件设计都有其目的或者意图。万神殿被建造为众神的庙宇,iPod作为便携式音乐播放器而生,同样每个网站或者应用程序的存在也都有自己的目的。 设计的目的也和经济因素相关联。字母的样式一直受语言传播效率的需求影响(参见第3章)。我将在第2章中说明,这些经济因素有助于控制设计的质量,而且这已在Fogg的研究中得到证明——参与者对漂亮得不恰当的网站持怀疑态度(请参见下面的补充内容“在网络上,设计如何影响可信度”)。 设计的目的及意图与用户的需求及特征有着一定的相互作用和影响。第2章将探讨如何在做结构设计时更好地迎合用户特性,第9章将会介绍如何应对色彩的文化因素。 每个用户都能清楚地获取信息,这种传达就是设计的基础。在第3章,我会在历史背景下解释各种字体的差异。附录A会解释历史因素如何影响字体传达的气氛,附录B将展示一些非常细微的排版细节如何对要传达的信息产生巨大的影响。最重要的是,第7章将说明如何给予设计中的各种信息适当的重点。 1.3.2 媒介和技术 每件设计作品都是使用一定的创作手法,由一系列特定材料创建的。由于混凝土穹顶的条件限制,万神殿的整个穹顶都配有内嵌的方格。最新的MacBook Pro采用了一体化铝制外壳,这就是制造上的考虑对产品设计产生了影响。第4章还将提到,由HTML和CSS构建的设计往往都有某些特点,这使得这些设计受限于所用技术的功能和限制。 在第4章中,我将更为详细地阐述互联网背后的技术如何打造设计趋势,比如Web 2.0的外观。第3章将说明由于像素的限制,一些历史悠久的字体设计为何并不适用于网络。第8章将介绍在为不同媒介或信息图形挑选颜色时,色彩呈现技术怎样影响我们的选择。附录A将解释,创作字符的各种技术是如何创建出各种新字体样式的。 1.3.3 审美选择 与设计意图及媒介和特性相呼应的,是设计的审美考虑。听到这个词时,你可能会想起大部分人所认为的设计——外表虚饰。但是在很多方面,设计的审美选择并不是可见的。 设计中各元素之间的几何关系不太容易察觉,但是它们对视觉和谐、内容组织的感觉以及设计的整体“简洁”程度,都有着巨大的影响。我将在第5章讨论这些隐藏的几何关系,并在第6章讨论如何把这些几何关系和其他隐性的设计准则结合起来。 设计中所使用的颜色当然是可见的。但是设计师在使用颜色时会做出一些重要且不可见的选择。第8章将解释人们如何使用视觉系统感知颜色,以及如何使用各种技术呈现颜色,之后的第9章,将说明颜色如何影响我们的情绪,以及颜色之间如何相互影响,另外我还将给出一些各颜色融洽搭配的常用规则。 在网络上,设计如何影响可信度 在斯坦福大学的一项研究中,B. J. Fogg和他的同事向参与者展示了两个网站,要求人们对网站的可信度进行排名,并解释排名依据。 在处理调查结果的过程中,Fogg发现,参与者在评定网站可信度时,设计对他们的判断有着非常重要的影响。在人们的评价中,认为网站可信度和设计有关的评价就达到了惊人的46%。人们认为可信的网站“看上去更专业”、“高品质的外观和感觉”,或者“就是(看上去)更可靠”。一些参与者甚至明确提到了那些看上去可靠的网站配色和字体。 设计良好的网站享有较高的可信度评级,设计粗劣的网站被视为缺少可信度。如果一个网站“看上去不怎么专业”、“设计草率马虎”,或者看起来“像五分钟做出来的”,那么参与者就不会信任它。 但是,正如只会画漂亮的小马并不能让你成为好画家,同样,只会构建一个炫丽的网站也不能让你成为好的设计师。参与者对过分炫丽的网站也持怀疑态度,给出了负面评价,认为这种网站看上去像是“营销团队设计的”。 网站设计必须恰到好处,创作卓越设计的关键就在于兼顾构成优秀设计的所有层次。 除了视觉效果对网站可靠性有着非常重要的影响外,Fogg的研究结果还表明,设计中的一些更加细微的方面也非常重要。在研究中,关于信息设计和网站结构的评价数量位居第二,在所有评价中的比例超过28%。一些网站因“结构清晰”而受到参与者的称赞,而其他网站则因为“信息呈现方式糟糕”而备受批评。 所以,在关于参与者信任网站与否的研究中,网站视觉效果加上信息组织方式,占评价总数近75%。另外,参与者对不适合网站的设计很敏感。 用户知道你什么时候在“画小马”,所以要创作成功的设计,就需要了解设计各层之间是如何互相影响的。