网站的导航在一定意义上可以看做是对搜索系统中的关键词类别的提取，这个类别可大可小。比如众多购物网站中的“手机”类别，这是一个大的类别，而“手机”类别下的“索爱”品牌则是属于小类别。这两个类别可以通过导航系统的上下级关系表现出来，同样也可以基于搜索系统的范围搜索展现出来。

即使搜索系统在功能上几乎可以完全替代导航系统，但是导航系统却仍然是网站中不可缺少的组件，预先以网站主题为核心提取搜索系统中的大类别做为导航，将用户获取特定信息的范围进行类别的筛选。这是从让用户在最短的时间内获取特定信息为出发点的需求。

然而几乎所有网站的导航系统与搜索系统的表现形式都是区别开来的，以便于用户快速准确的区分哪里是导航，哪里是搜索。既然导航系统可以做为搜索系统中的一部分，那为何两者不能在表现形式上也进行叠加呢？

如上图，直接将导航系统中的类别以下拉框的形式表现，这个下拉框本身是搜索系统中的一部分，是对搜索范围的筛选。

第二类的导航与第一类实际上是形式上的差距，但第三类采用联动的下拉菜单方式则更趋向于搜索系统中的范围筛选，同时这样的导航设计也可以兼顾到指引用户路径的面包屑导航，然而这个导航的限制是大类别不能进行交叉筛选，只能是线性的范围筛选。

于是尝试带有维度的第四种导航跟搜索的合并方式：

当然，这样的导航与搜索的合并方式有很大的局限性，那就是网站中的类别不能多，如果是垂直性质的购物网站也许是可行的，用户可以通过交叉维度的筛选方式去寻找一定范围内的信息。

如果用户是有着明确的目标的，比如说知道新闻的标题，或是知道即将购买的物品的名称型号，那么用户只需要一个搜索框，导航在这里都是显得多余的。

这就是对比原则的一个表现。

没有对比的页面，在读者的眼里就像是平静的海面，视线可及之处没有一个焦点；当出现了对比，突出了视觉重点，也即意义着平静的海面上有个小岛之类的可以吸引住视觉焦点。

对比要强烈！这是书中一直强调的一个观点，其本意应该是通过视觉上的强烈差异化来增强页面的效果，以及强调元素之间的差异性。可是这个强烈依然涉及到一个度的问题，过于强烈的对比，很有可能导致读者对于在页面中处于对比弱的那些元素的忽视。

纸面及网页这两种载体有着各自的局限性，在对比的处理上，网页所受到的局限性会更大。比如在字体的对比上，这一点尤其是在中文网页上，利用字体进行对比处理的局限性相当之大，因为系统默认带有的中文字体不多，所以很多时候在中文网页上对于文本的对比处理依然是在字号、加粗以及颜色上面。

对比元素可以做为重复元素来使用，而与亲密性原则对元素的归类组织类似，对比原则除了可以增强视觉效果外，同样有助于信息的组织。

亲密性、对齐、重复、对比，这是四个相辅相成的设计原则，单一的处理方式并不能给设计带来多大的改观，但当同时应用这四个原则的时候，虽然不可能说让设计变得非常精美，起码也可以让读者在扫视后快速正确的获取到设计中所想表达的内容。

不同的元素组合之间的关系可以是平等的、从属的或是毫不相关的，这些元素组合之间的关系在视觉上仅靠亲密性原则以及对齐原则并不能完整的呈现。比如两个平等关系的元素组合，虽然通过亲密性原则使其之间保持一定的距离，再通过对齐原则使其在一个页面中看起来彼此相关，但如果这两个元素组合使用不同的字体以及字号，我们依然无法从视觉上辨别出它们之间的关系。

拥有良好的组织性，同时保证了元素间的统一性，但很有可能缺乏一致性。这样的页面设计会成为妨碍读者通过视觉快速获取页面正确的内容的关键。这就需要使用到第三个原则——重复原则。

同样的顶线及底线、同样是两端对齐的方式、同样的字体及字号，还有三角形。这两个页面有太多相同的东西，所以很容易从视觉上快速判断出这两张纸是属于同一本书里的内容。

这就是重复的力量！

重复原则并不仅仅只是表现在字体上，页面中任何一个元素都可以成为设计中重复的对象：字体、字号、颜色、图案，甚至是版式。

犹如在上一个对齐原则中所说的一样，规则是可以打破的。在设计中使用到的重复元素并没有规定必须保证高度的一致性，高度的一致性很有可能会导致页面设计的呆板无趣。

同样的字体及字号，可以使用不同的颜色；同样的形状，可以使用不同的大小……这些都是可以使重复性在页面上的运用不会那么枯燥的方法。

就像大部分单一的设计都会让人感到无趣一样，在设计中使用单一的重复元素，仍然会让设计显得枯燥无味，然而物极必反的道理也是通用的，过多的使用重复元素则会让页面显得凌乱。

这里就涉及到一个对比度的问题。

虽然亲密性原则说的是在逻辑理解上没有关系的元素组合之间应该以更远的距离表现出来，但对于同一个页面内的元素组合而言，它们都是围绕着同一个主题核心的，它们的差异性在逻辑上只是同一个主题的不同属性而已，所以需要一种方式，让页面中的所有元素看上去统一、有联系而且彼此相关，将这些不同元素之间的关联在视觉上表达出来。

这种方式，即是对齐。

对齐的方式可分为左对齐、右对齐、居中对齐以及两端对齐。虽然对齐的方式有多种，但并不意味着可以在一个页面中使用多种对齐方式，那样只会让页面中的元素显得凌乱，而在页面中只使用一种对齐方式将会使页面统一而有条理。

在这四种对齐方式里，左对齐或是右对齐是最经常被使用到的，而对于有一定行长的文本而言，两端对齐也是一个好的方式，而居中对齐则是四种对齐方式中最不推荐使用的对齐方式。因为对于读者而言，居中对齐可能导致视线的跳跃性太大，尤其是当页面中存在大量文本，那简直就是一种灾难。

在明白对齐的规则之后，可以试着有意识的去打破这个规则，然而即使是打破对齐规则的设计，在更大的范围之内依然是遵循着对齐原则的。

从上面这个图中可以看出，那一小段引用的文本，虽然在页面的元素之间是打破了对齐规则的，但是其仍然与标题是左对齐的。

对于打破对齐规则的设计的好坏，关键在于其在对齐性上所针对的范围。

购买链接：写给大家看的设计书(第3版)

网页设计师与平面设计师都归类为设计师，其实这两个职业是跨行业的，虽然有很多设计师一直在跨行业工作着。这两个职业的最大区别应该是在思维上，对于平面设计师来说，天马行空般的创新思维很重要，他们需要的是在一张白纸上勾画出符合客户需求的绚丽创意；而对于网页设计师来说，更多的是需要考虑创意在网络上实现的成本以及可能性，天马行空般的思维成了次要的。

这也就是为何很多时候，网页设计师去做平面设计师的工作要比反过来容易得多。也许可以用这样一个比喻来形容：网页设计师去做平面设计师的工作就像是放开圈养在马棚里的马，也许没了撒野的能力，但还能奔跑；而平面设计师去做网页设计师的工作，则更像是原本狂奔的野马突然被圈养在马棚里，框架的束缚会让野马变成手足无措。

回到标题提出的问题，为什么视觉设计师需要懂HTML？

HTML就是那束缚野马的框架。任何天马行空的创意都需要限定在这个框架之中，并非是创意无法实现，而是需要考虑实现创意的成本。

对于平面设计师来说，画面是设计的核心，画面就是他们所想要表达的内容；而对于网页设计师来说，画面则是用来衬托内容的一种形式，内容才是网页设计师所要表达出来的核心。

相对于平面设计的单一性来说，网页设计更多的还有注重设计的可重用性。每个网站都是由很多的页面构成的，而这些页面中的样式大部分都是可重用的。

如果视觉设计师不懂HTML，不能准确的分析一个网页的结构，那将可能给开发的成本带来很大的提高。而互联网产品的一个特点是更新迭代的时间快，如果投入的成本过高则会影响更新迭代的速率，最终将会影响到产品的发展。

最后说一点，如果视觉设计师不懂HTML，那对开发人员来说，则是一种灾难。

一直以来，Apple都在尽最大的努力，以保证其品牌在视觉表现上的一致性。比如Apple网站与MAC OS系统之间无论是视觉还是交互上的一致性。即使是面向windows系统的Safari之类的应用软件，Apple也尽量使其在视觉表现上达到一致性，虽然在交互方面因不同系统使用者的习惯而略有不同，但起码用户在使用的时候只要看到界面就能想起这是出自Apple的设计或者是模仿自Apple的设计。这无疑已经将品牌深植入用户的潜意识中。

但看到下面的这个界面，谁的第一反应会是“这是出自Apple的设计”？

毫无疑问，这个界面让人第一个想起的并不是Apple而是Goolge Chrome。Google Chrome对于浏览器标签的简单改进设计，使其更加符合标签的含义，而且对于浏览器界面的简化也引领了新的设计潮流。

而好的设计就应该学习，所以Apple在Safari 4中采用了与Chrome同样的头部设计，但让人无法理解的是Apple在Safari 4中竟然让软件界面随系统主题变化！Apple竟然抛弃了她一直以来的在品牌视觉设计上的一致性！

更为让人不解的是，Safari 4的界面对于系统主题的支持也不好，当系统更改到非默认主题时，就出现了下面的情况，更好了好几种主题都是同样的问题：

当然，现在的Safari 4还只是beta版，这些问题在正式版出现的时候应该会得到修正，只是正式版的Safari 4面世的时候，界面还会随系统主题而变吗？这当然是我们不愿意看到的。

看看我们熟悉的具有浓烈的Apple味在里面的Safari 3。

Safari 4 Beta版已经放出，据说IE 8正式版也即将公布，Firefox 3.1版也快面世，新一轮的浏览器大战又将拉开帷幕！

D4是由阿里巴巴集团各子公司UED部门联合发起的视觉/交互设计论坛。D4面向所有交互、视觉设计师和对设计感兴趣的人，旨在促进行业内设计师们之间的学习和交流，提高水平、加深合作。

一直以来论坛秉承开放的心态期盼与社会各界的朋友们共同探讨与分享交互设计之道。这次论坛由雅虎口碑承办，我们将进一步深化这种理念。论坛将于08年10月18日下午在杭州西湖国际举行，欢迎大家报名参加！名额有限，想参加就赶快行动喽！：）

时间：2008年10月18日(周六) 下午13：45开始

地点：杭州市文二路391号西湖国际科技大厦

D4论坛网址：http://www.d4forum.org/

国内的互联网开始越来越热闹了，设计行业的聚会也越来越多，UCDChina书友会、 UXday的聚会、D2、D4……更多的交流才能促进整个行业更快的发展，很多互联网公司也都意识到了这一点，阿里巴巴集团旗下的各网站从之前承办D2到现在自发组织的D4，为整个设计行业的提升做出了巨大的贡献。

喜欢视觉/交互设计的朋友们要抓紧报名了，可惜这一天我有事需要回家一趟，哎！