几步让你的网站精美亮瞎眼：布局篇.doc

在上一章节中我们主要就网站视觉的第一要素：色彩而展开了较为详尽的讨论，今天开始我们将从布局上来对网站的视觉进行一些探讨。但是上篇文章中还是遗漏了一些东西，我们在本文开头前先对上一章进行一些补充。就色彩方面来说，可是一门大学问，色彩在视觉中究竟占有多大的分量?补充：关于网站视觉之色彩的延续思考我想很多人并没有足够的重视色彩，因此他们也就不可能将色彩的运用发挥到极致。人永远不要尝试着抗争与违背天性，设计也是如此。我们都知道视觉究竟是通过啥来传递给大脑的，如果你不知道的话，那就真的无语了。世界上的一切物体都是以色彩的形式来传输进我们的大脑的，而这些色彩也包括了点、面、线、明暗分界线、阴影等等，正是因为这些色彩的奇妙组合，才使得我们眼中的世界是立体的、缤纷的、多彩的。请不要尝试着去反驳我的观点，那会让我们的探讨变得很无趣。视觉是通过色彩来传达给我们最基本的信息，一个东西美不美，能不能给我们造成视觉上的冲击，在很大程度上其实都取决于色彩。正是因为色彩是视觉表现的最基本要素，所以才会有了绘画艺术。所谓的绘画就是通过色彩的变化及组合来带给人以视觉美感的表现形式。色彩是客观存在的，而构图等因素则是主观的，这或许也是有些朋友反驳的最大理由。好吧!我们都见过抽象画吧?为啥毫无构图、具象的一幅画能够带给人以足够的美感及视觉冲击?那还不是因为艺术家们对色彩的领悟及把握已到达了炉火纯青的地步?色彩对于艺术家来说代表的是修养、是功力，扩展至整个视觉领域这话也是无可厚非的。色盲患者与普通人眼中的世界是不同，不同审美观的人在视觉上对色彩的敏感度及喜好也是不同的，不同年龄层次的人对色彩的感受也不是同的，不同心情下、不同环境中对色彩的感受也不会相同，这就要求我们在表现色彩时一定注意这一点，尤其在网站视觉上，因为庞大的浏览人群，在色彩的表现上，我们最先要考虑的还是色彩的通用性。有一个最简单的测试你的网站在视觉上表现上究竟好不好的方法，你可以将网站整个截图下来，然后转成黑白单色，如果在黑白色下，你的页面层次感不强、各个组成部分辨识度不高，整个页面都给人灰蒙蒙的感觉，那就证明你做的还远远不够。一个对色彩领悟能力较高的设计师设计出来的东西，即使在去色的黑白状态下应该也是美丽动人、层次分明、依然可以给人以视觉震撼的，并不能将色彩的应用仅仅局限在简单的色彩搭配上。除了将图片转为黑白色外，你还需要将截图编程很小的随略图，如果缩略图中你的层次结构根本看不出来，颜色辨识度也不高，那么你就需要改进了。像是很多站点正常看上去还行，但一旦做成了缩略小图便编程了满幅文字，密密麻麻的毫无美感而言。关于色彩的问题我们就将到这里了，再胡侃下去就显得多余了，况且色彩的把握本身就是一种只可意会不可言传的东西，究竟能把握到什么程度完全需要设计者各种经验的长年沉淀。第二步布局篇说完了色彩，我们就来看一下布局结构了。一、好的网站布局应该是透气的在布局结构上的处理，我们大多数人(并不只是设计师)总是希望在页面上表现更多的东西，这不得不说也算是一种大国情结的延续，或者更准确的说我们国人对网站的概念应该是大而全的那种，我们都门户站点的偏好很厉害甚至有相当一部分的人认为内容越丰富、栏目越多，才越能证明网站的实力，才能算的上是正规运营的网络公司。显然这种想法是极其错误的，这只能证明你对网络现状并不了解、对网站领域还缺乏一个深度的了解，除此之外再也无法去证明其他什么东西。话多必失这四个字也是古人总结的，你表现出来的东西越多，越就暴露了你的缺点和弱点，毕竟没有一个人是全能和完美的，即使是全能和完美的，你也不可能有那么大的精力将方方面面都照顾到。好吧，我承认很多朋友还是有着清醒认识的，也有越来越多的朋友都注意到了大而全的站点很难取得成功的现实，因此也有越来越多的朋友开始找寻特色的东西作为网站的主题。这个认识似乎与我们现在所将的网站布局关系不大，但你要承认正是因为那种潜意识下的东西在作怪，才导致了我们的页面拥挤而凌乱，很多浏览者进去之后常常会心烦气闷、无所适从。看看很多站点吧!整个页面都是密密麻麻的东西，貌似设计者恨不得将所有的东西在一个页面上全展现出来。这种设计理念是错误的，即使是cms也把握一个度，没有了这个度的把握，页面便会失控，便会应了那句成语：“画蛇添足”!为啥我们不能画龙点睛呢?为啥我们不能锦上添花呢?我承认自己有密集恐惧症，而且我知道大多数浏览者对太过密集的东西都没有好感。页面堆砌太多的东西容易让人产生拥挤、压抑、浅薄、狭隘、凌乱、紧张、茫然等等一些不好的感受，在这一点上我们应该好好的去分析和比较一些国外很多优秀站点的做法，即使是内容较多的cms页面，人家做的也是宽松透气、多而不乱、井然有序、条目分明、重点突出。素描是一种很见实力而且神奇的艺术表现形式，艺术家们仅通过一支铅笔及灰度的变化便能表现出任何复杂的画面和物体，而我们的网站也就是这个道理，我们无非就是通过一些图片和文字的组合来带给浏览者以视觉上的冲击和阅读的快感。素描讲究透气性，即使是再密集的线条也不能囫囵不清、密不透风，网站也是如此，你就是内容再多，也不能密密麻麻的排布一起，失去了透气性只能带给人压抑之感。现在有越来越多的网站开始在布局结构上做文章了，一个宽松舒畅的页面布局绝对会让浏览者身心舒畅、大大延长停留在页面上的时间。二、页面布局的视觉打造应符合人的生理机能就网站大的布局方面来说，无外乎也就几种：单栏、双栏、三栏、多栏、瀑布流等等。就人的视觉上来讲，我们在浏览时看到第一眼是整个页面，而这第一眼是模糊了，仅仅会让网站瞬间给我们一个初始的印象。如果这个站点的配色及结构很出色的话，应该会让浏览者立时为之振奋，从而迫不及待的定睛去仔细看页面，甚至还会出于被视觉打动的缘故而多翻几个页面，甚至会饶有兴趣的尝试页面上的一些特效或者小互动游戏，这时若是再碰到了很有意思的文章的话，我想这个网站就从此扎根在这个浏览者的脑海里了，毫无悬念的他以后还会再次光临这个站点，这也就是因为视觉而增加的用户粘度。但如果这个站点的配色及结构很普通，并没有任何出彩的地方呢?那浏览者的眼睛就会略略停顿模糊一秒钟的时间，然后瞳孔收缩转为定焦，定焦后的目光最先还是在页面的地方，这时他看到的就是页面的结构了，通过页面的结构的判断，眼睛会将视觉感受传达至大脑，然后浏览者就自己该怎么样去浏览眼前的这个页面。那么这个时候单栏的好处也就体现出来了，因为它能在第一眼就已经尽收浏览者眼底，那种视觉感受会很舒服的，因为浏览者并不需要扭头眨眼、完全是顺应着自然本能就很轻松的看到了主体内容。如果你是两栏甚至多栏的话，浏览者的当第一眼发觉并没有将角度定格在主内容区域时，就会立刻将目光扫向页面的左边，因为他们认为左边才是最重要的。这也许是因为大多数网站都是这么处理的，首先阅读左边成为了一种习惯，也恰恰是因为这个原因才导致了越来越多的人将边栏改在了右边显示。因为我最想让浏览者看到的是左边的主内容区域。其实造成浏览者最先将目光吊向左边还是基于国人的阅读习惯。大陆地区的书写方向是横排的从左至右的，书籍的印