网站开发7网页设计基础.ppt

第7章 网页设计基础 学习目标 设计与认知 浏览者在访问网站时会自然而然地使用认知策略，因此设计时必须符合人们的这些认知规律。 设计原则 紧凑原则 对齐原则 重复原则 对比原则 格式塔理论概述 尽管大多数设计师都没有经过心理学方面的正规培训，但设计人员解释视觉感觉的原理时要了解一些基本知识。其中一个理论是格式塔（gestalt）理论，即整体大于其各个部分之和。换句话说，人们把对象理解为一个完整单元，然后才意识到其各个组成部分。 例如，看到一个小孩骑自行车的海报时，人们不会注意到这个自行车的轮子有12根辐条、小孩穿的什么衣服或自行车是在草地上，而是先注意到自行车上的小孩。 这种基本感知理论表明，人类的意识能够组织、简化和综合自己看到的事物。我们正是这样感知和理解身边的事物的。假设整体性是人们感知事物是所追寻的一种方式，那么设计人员的主要目标就是建立统一性。 认知时的组织原则 由于现实世界非常复杂，人们在认知时采取了一些通用的策略，或者说组织原则，以便更好的认识这个世界。 图形与背景 接近性 连续性 完整和闭合倾向 相似性 对称性 简化律 认知时的组织原则——图形与背景 在一个特定的场景中，有些对象突现出来形成图形，有些对象退居到衬托地位而成为背景。一般说来，图形与背景的区分度越大，图形就越可突出而成为我们的知觉对象。例如，我们在寂静中比较容易听到清脆的鸟鸣，在绿叶中比较容易发现红花，在一个静态的天空中容易感知到飞翔的鸟儿。反之，图形与背景的区分度越小，就越是难以把图形与背景分开，例如生物界的拟态和军事上的伪装便是如此。 认知时的组织原则——图形与背景 要使图形成为知觉对象，不仅要具备突出的特点，而且应具有明确的轮廓。明暗度和统一性。需要指出的是，这些特征不是物理刺激物的特性，而是心理场的特性。一个物体，例如一块冰，就物理意义而言，具有轮廓、硬度、高度，以及其他一些特性，但如果此物没有成为注意的中心，它就不会成为图形，而只能成为背景，从而在观察者的心理场内缺乏轮廓、硬度、高度等。一旦它成为观察者的注意中心，便又成为图形，呈现轮廓、硬度、高度等等。 认知时的组织原则——图形与背景 但是，有时图形和背景是难以区分的，什么是图形，什么是背景往往取决于我们观察的角度。例如，图 9.1 左图既可以认知为一个高脚杯，也可以认知为两个相对的人脸；而图 9.1 右图则既可以是一个站立的吹奏者，也可以是一个女人的头像。 认知时的组织原则——接近性 某些距离较短或互相接近的部分，容易组成整体。例如，在图9.2中，人们会自然将8个X分为4组。 又例如，在图 9.3 中，左图会被认知为6列，右图会被认知为6行，而中图则由于各点之间距离相等，因此被认知为一个正方形。 认知时的组织原则——连续性 连续性指对线条的一种知觉倾向，如图9.4所示，尽管线条受其他线条阻断，却仍像未阻断或仍然连续着一样为人们所经验到。 认知时的组织原则——完整和闭合倾向 知觉印象会随环境而呈现成最为完善的形式。彼此相属的部分，容易组合成整体，反之，彼此不相属的部分，则容易被隔离开来。把一种不连贯的有缺口的图形尽可能在心理上使之趋合，这就是闭合倾向。 认知时的组织原则——完整和闭合倾向 例如，在图 9.5 左图，人们会将其解释为一个矩形；在图 9.5 右图，人们也会将其解释为两个交叉的三角形，而不是若干离散的图形。 完整和闭合倾向在所有感觉中都起作用，它为认知提供完善的定界、对称和形式。例如，对于某些说话很快的人，虽然每句话的最后一部分都被“吃掉”了，但并不影响听众的理解，就是因为听众自动将其“封闭”了。 认知时的组织原则 ——相似性 在认知时，相似的元素会被分为一组。例如，在图 9.6 中，人们很容易将其认知为X组和O组，而不是按照“接近性”原则将其分为左右两部分。 认知时的组织原则 ——对称性 对称性是指具有对称边界的区域会被认知为完整的图形，如图 9.7 所示。 认知时的组织原则 ——简化律 简化律是指人们倾向于用最简单的方式来认知模糊的刺激。例如，在图 9.8 中，中图和右图往往会被认知为与左图一样的立方体。 设计原则 设计要素是标志、图标、文本块、图片等的组合。设计要素必须合理组织起来，才能产生实际的含义。设计者把这些元素或形式进行组合时，一般要遵循一些基本的原则，以便符合人们的认识和审美习惯。本节介绍4个基本的设计原则：紧凑、对齐、重复、对比。 设计原则——紧凑 紧凑原则指出：应将相关项目成组地摆放在一起，让它们彼此靠近，以便相关的项目看起来更像是一个整体，而非一堆无关的东西。 当几个信息彼此相邻时，它们就会成为一个视觉整体而非数个独立的个体单元。在日常生活中也是如此，紧凑，往往意味着关联。 设计原则—