网页留白的艺术

国画中有一句话描述这种艺术形式的空间布局比较经典，就是“计白当黑”，表明了白也就是空的地方和着的墨一样都是国画整体的组成部分，如何利用空间中的留白是非常重要的，也是提升艺术性的途径，有些尽管是画的很不错，但是看起来不舒服，就是没有重视留白，造成了画面的整体上的失败。对于网页设计来说，有何尝不是如此呢？也许现在我们没有把它提升到一个艺术审美的角度来看待，所以没有人去深究过网页的艺术性，我想这是我们网页设计者孜孜以求的方向，因为未来的网络技术高度发达，人们对于更高层次的追求也就必然会牵涉到对艺术、对美的追求。既然如此，我们就应该把眼光放远一点，把网页的设计提到这个层次来考虑。尽量的克服目前技术带来的限制。既然如此，按照艺术审美的观点，网页上的留白也是一个组成部分，同其它的主要的内容入文本、图片、动画一样，是每个设计者在制作网页时要一起考虑的。

　　提升到艺术的高度来看待留白是通过视觉上的手段，留白也可以给人带来心理上的轻松与快乐，也可以给人带来紧张与节奏，通过这种手段可以向使用者表达出设计者的心理感觉，设计者在设计网页的同时也在同自己的使用对象在作一种交流，好的设计者能够达到同自己的使用对象进行心理对话的程度。不光通过页面上的文字、图片、动画的组合和排列，同时借助留白进行表达。可以达到非常好的效果，例如一个休闲的网站，设计者要传达给使用者的一个信息就是要是让他们轻松随意，无拘无束，光通过网页上的图片和文字的表达是干巴巴的，没有感彩的。如果能通过网页设计反映出这种感彩，显然这样的设计是较为高明的设计。能实现吗？当然可以，借助网页上的留白就可以，让留白更多的显示出自己的特色，在联系图片和文字的中间架起一道桥梁！

　　既然如此，我们应该在设计中怎样合理的利用留白这种手段来实现以上的目的呢？提升艺术层次，追求心理上的认同感就要从一个空间的层面上来考虑，仅仅从留白的本身来考虑是远远不够的。它是包含在网页整个二维空间里的组成部分，整个空间要表现出一定的整体性，整体和局部本来就是一对矛盾体，互相制约又互相促进，在局部可能是空间的分配有度，留出的空白也非常的和谐，但是作为一个整体来说就不然。只有照顾了整个页面的空间的分配，使留白能够借此表现出一定的活力，有时候尽管局部可能是不完善的，又有什么要紧呢？所以要时时把握这个度，调整自己的网页的空间，其中应该坚持的标准就是以上提出的两点要求，同时借助于自己的设计师的审美的感觉，当然更重要的是要紧密的结合自己的使用对象的情感要求，当然这也是设计师在不断的设计实践过程中不断探索，不断的调整，从而能够把握住。以下分两个方面来具体谈谈。

　　如何在空间中突出留白的作用，在审美的观点上，我们知道要使做的网页更加的漂亮，有很多的形式美的要素，这里要强调的是页面的均衡、节奏和韵律，因为通过网页的排版布局，在很大程度上是借助于留白的作用，也许在设计的时候没有留意，在不知不觉中在利用它，试想在一个页面上充满了图片和文字，一点空隙都没有那是根本谈不上节奏感和韵律感的，有了这个要素（这里可以这样认为），就可以合理的调剂它和其它的网页上的其它要素之间的关系，使之安排更加的合理。可以这样来设计，利用留白的体量感来使页面的达到平衡，最好是在一种不平衡中营造出平衡的感觉，这样就会使页面更生动，更富有光彩，假如左右的两个部分有文字，可以适当的将它们的大小调整，是一边很大，文本内容很多，可以放得靠上一些，空出一小部分；另一边小，内容少一些，放在下角，上面的留白很多。这样就会赢得均衡，不会那么死板。当然这只是一个简单的例子，实际的运用中很多时候是多个形式美的要素的综合。在网页中通过留白的桥梁作用，是整个页面上的要素排布的松紧呈现出高低错落，跌宕起伏，这样浏览起来就会富有极强的节奏感，象是在听一首好听的歌曲。毕竟生活不只是按部就班的生活，有时候感觉只是生活，或者是工作，没有艺术，没有美。这是设计者的责任，在网页设计的时候要能体现出来，不是很好吗？当然不是说每个网站都设计出来象音乐或者是艺术网站一样具有那样的节奏感，在不同种类的网站中体现得要不同，这是一个需要设计者把握的问题。把握得不好就会出现和设计者的意图不一致或者甚至是相反的效果。

　　再者，利用网页留白，我们可以不用太多的说明就可以表现出它的网站的特征，这是主要从网页的功能性的方面来看的。例如新闻性网站的信息性、快速性。体育网站的充满激情。商业网站的商业味……，运用得好就如同其它的商业上的运作一样可获得成功。我们知道快餐店利用强烈的刺激性的红色作为它的墙面或者是座椅的色彩，这样让人在这样的环境里感觉到一种紧张感，由此不愿在里面呆很长时间，由此腾出更多的空间给后来的人用，所以通过这种手段使快餐店的生意更加的好。反之在医院里通常是用一些象征安静的蓝色或者是白色，可以使人心情更平静。同样在网页上我们可以利用空间的运用，借助留白来达到一定的效果，有时候得到的效果是使人意想不到的。例如在新闻类的网站上，可以将文字设置得更加的紧密一些，从而是页面上的内容更多，给使用者的一个影响是很值得看的，不用看内容就知道有很多东西，内容的设置尽量集中一些，不要给人的感觉是杂乱无章的。不要设置得太散，尽管可以是通过下拉菜单来看，但是给人的感觉就是内容少，太空。这也是人的心理因素的作用。在一些休闲的网页里就不一样了，留出的空间就要多一些，使页面显出更加轻松的特征，使人一上这个网就能感觉到一种放松的心情，符合休闲的特征。

网页上的广告条又称为banner条，是网站用来作为盈利或者是发布一些重要的信息的工具。但是它又不能作为网页的主要内容，因为它的主要目的是吸引人的注意力，让人来购买某种商品，或者是让人注意网站的一些动向，一些新的东西要让用户知道。从这个角度出发，就决定了它的性质。那就是作陪衬，但是又是非常重要的部分，这就是广告条的一些基本的特征与要求。

　　广告条的出现给网页的制作带来很多的东西，不光是要求附加一些可能是设计者不愿意加的东西，使他们不得不在制作网页的同时要把广告条作为整体的一部分来考虑，当然这同时也是一个就会，通过广告条的制作，给网页增加光彩。可以换一个角度理解，可以把广告条看做网页本身的一种装饰，这就要求做得好的广告条，因为网页本身的内容不能做太多的装饰，什么线条啊，颜色块啊等，不能太多，否则会影响使用功能。所以可以恰如其分的利用广告条来作装饰，一举两得。由此可以将网页的风格表现出来，主次分明。例如可以将网页按照自己的意愿做成古典主义风格，只要自己的广告条都采用统一的一种修边，是自己的页面呈现出古色古香的气氛，适用于一些特别的网站。也可以将之做成后现代风格，只要在自己的网站上把作为装饰的广告条作一些处理，按照打破均衡、用色打破常规，大胆的采用一些断裂的形式感处理。这样就可以在不损使用功能的情况下可以将页面做得整体感强，使用起来更加的方便。一下就广告条本身讲讲设计的规则。

　　从功能上来讲，网页上的广告条主要有一个特点要突出，就是醒目，能吸引人的注意力。因为在位置上或者是大小上，广告条是处于一种劣势，但是由于它通常是要让人点击才能达到它的作用，所以就从它的自身入手，作出一些特殊的极富冲击力的效果，要能做到这一点，我想应该从以下几个方面入手。

　　首先就是要美观，有时候是在一个很狭小的区域里要想让人点击，不美观是不行的，本来就不是使用者所要关注的内容，所以假如没有特别的事情，他就不会去点击，加之广告条设计得又不美观，就会加重的这种情绪。点击的可能就会化为乌有。反过来说假如要在这个小的区域里设计得非常漂亮，让人看上去很舒服，即使不是他们所要看的东西，或者是一些他们可看不可看的东西（这种情况特别多），他们就会很有兴趣的去看看，点击就是顺理成章的事情了。因为这个小局域的设计在某种程度上就代表了整个它要推荐的东西的水准，这是一种心理上的提升，假如做得很漂亮也在一个侧面反应了设计者的良苦用心，也只有这样才能给使用者以尊重，所以作广告条的设计，不要以为它只是网页的附属物，从而不给予重视，只是敷衍的写上一些字，或者是用一整块色，再加上一句口号式标语，让人难以接受。

　　再者从功能上来考虑就是要方便于点击，因为作广告条的目的就是要通过大量的用户的点击，达到为厂家作广告，或者是让用户知道一个什么信息。为了是厂家满意，让自己网站满意，就要想办法是更多的用户来点击。所以就要考虑到位置的编排上要适合于点击，如通常的把它设计在网页的上部和右边，使使用者随便移动鼠标就可以点击到；还有一个是一些网站的广告条设计没有考虑的，就是热点链接，主要是用一个图片作的广告条，有些在图片上只有在一些局部作的热点链接，而不是很清楚到底在什么位置，让人点击的时候，鼠标在图上移来移去就是找不到目标。还有一些的广告条是一些轮换的图片，而在这些轮换的图片中一些图片做了链接，那当看到自己感兴趣的东西，把鼠标移上去准备点击的时候图片又换走了。这就严重的影响了使用功能，所以在设计这个的时候，尽量用这个区域的热点链接。这样方便人点击，还有既使要用轮换的图形，也要考虑一下热点链接出现的时间，充分考虑到能让人从看到这个图片（上面有可点击的链接）出现到点击的时间，让他们能够有足够的时间来点击，而不是要把鼠标移到广告条的地方，等着出现就点击！这是很多人都不愿意作的；推荐是用整个广告条作一个链接；还有就是做的链接到的页面不能太大，造成点击之后半天都不能显示出来，可能很多的这种页面的内容都是用户所只是看看而已的东西，假如这样他们早就没有耐心看全部显示了。这是设计者设计时要考虑的。

　　还有一点就是广告条与整个网页的协调，不能让广告条的抢去了整个网页的风光，这样真正是喧宾夺主。因为假如你浏览网页肯定首要的目的是看网页上的主要内容，假如是看新闻主要的目的就是看主要的新闻的内容，而不是主要看广告条，有些个人主页在这个方面做得很不好。整个页面都充斥着乱七八糟的一些广告，什么网上赚钱，一次点击多少多少钱等，让人一看连看其它的内容的兴致都没有了。所以要使人对自己的广告条感兴趣，就必须使广告条的设计同整个页面协调，同时又要突出、醒目。这个虽然是个理论上的概念，也不是不能做到的。要使整个页面协调就做到几个方面就可以了。就是用色要同页面的主色相搭配，比如主色是浅黄，广告条的用色就可以用一些浅的其它颜色。切忌用一些对比色，例如假如主体色是红色（在一些需要浓烈的感彩的网站）的页面上就不要用绿色。以免太刺激。同时也显得比较的俗气。用色区别开来是应该的，这个区别是建立在一个程度上的，不能过火，超过了这个度就只能达到相反的效果。

　　再单独看看广告条本身的内容，作为一个网页的一个局部，但是它本身是一个整体，所以就要分析一下作为整体的组成，一般来说，它是由文本，图片，和动画这几个组件来组成的，文本在某种程度上说必不可少的，因为这么狭小的一个空间里要告知用户信息，如果只用图片来表现，很难做到这一点，用文字可以简洁明了的告知信息，为了避免单调，网络是一个全新的舞台，在这个舞台上，甚至是普普通通的社会的一员也有机会在这里大展身手，在这样的条件下，设计师该怎样做呢？也就是说作为一个在网络环境下的设计师应该怎样利用自己的设计来满足人们的需求，迎合他们的要求，同时如何保持自己的风格，使自己真正作为一个倡导潮流的人。

　　风格一词在词典上的解释是“气度、作风；某一时期流行的一种艺术形式”。具体到网页设计的基础上，网页设计师的风格就是在运用自己的所拥有的手段，包括所拥有的审美的素质、应用软件的能力、以及感受生活的敏锐的觉察力，来建立起自己独特的设计形式、独特的作风。从这个概念出发，设计师就应该有自己的风格。在网络如此发达的今天，网页也是五花八门，千奇百怪，但是作为一个设计师的地位还没有得到应有的提升，造成今天的网页设计师的风格没有真正的得以体现，使网页的设计在一个低层次的水平上重复。同时由于大家的相互“借鉴”，使网页的页面布局基本上成了某种约定俗成。这样的直接后果是网页作为新的媒体，本应该是方便人们的使用为目标的，却有很多的地方不能够使人满意，而这些不令人满意的地方却原封不动的保留了下来，有些是功能上的，例如在按钮或者是导航的设置上，有些形成了常规的按钮安排方式是令人不方便的。同样在一些用色的规范或者是其它元素的应用限制了设计师作用的发挥，造成了这样的僵化模式。所以在这个新的时代，急切的呼唤具有自己的风格的设计师来作出一些更好更方便的网页来。

　　虽然现在的网页的现状有吞没设计师个性的趋势，但是同样这个时代也是一个追求形式上的创新和开拓的时代。一个勇敢的同传统势力、同形式主义相抗衡的时代。每一个有理想有抱负的设计师都有理由在这样的状况下运用自己的能力，开辟出一片新天地。那么作为一个网页设计师应该怎样做才能凸现自己的风格呢？首先来说他的这种风格不能背离人们的现实太远，这个现实就是人们习惯了的网页的布局，虽然可能经过长期的努力可能会使这种局面得以改观，但是在目前的情况下如果一味的求自己的风格就会严重的脱离用户，做网页首先应该还是要考虑网络用户的使用的，如果自己的网页在很多的方面同目前已形成的习惯的编排方式大不相同，那么习惯于上网的用户使用起来就会感到很不方便，这样得不到用户的支持，这样的设计是失败的；在审美上同样是如此的，目前人们还不能一下子接受在网页上同大众完全不同的图片的安排方式或者是用色的形式，也许在设计师本人看来是非常漂亮的页面，也许是在平面设计的欣赏角度看来是非常好的页面，可是用户们却难以接受。这就是要求设计师在设计时要兼顾到习惯，在大体上或者是整体上不同习惯的使用形式相背离的情况下加入一些自己的东西，在功能上使用户更加方便。例如，可以采用更简洁的方式处理页面，去掉一些纷繁复杂的东西，或者是在页面的布局上采用自己的独特的方式来约束自己的网页上的应用元素，用细线条来分割，用色块来区别自己的不同的栏目，用声音来提示一些操作…… 这样就会逐渐的形成自己的处理页面的风格，不同的网站的设计都可以把这种风格应用上去，这样风格就这样炼成了！这也是反映出要想形成自己的风格，要一步一步的将自己的风格反映出来，不能脱离人们的现实太远。当然由于自己的习惯、修养以及其它的因素的作用，这个风格体现的方式大相径庭，例如有的设计师喜欢现代主义风格，喜欢它的简洁、实用、追求功能上的严谨。但是另外一些人喜欢追求视觉上的新奇、愉悦，所以反映到网页的设计上就是一种装饰化、流行化的风格，即所谓的新艺术风格。当然风格往往不是很单纯的一种方式反映出来，有时候是采用的结合的方式，呈现出丰富多彩的方式。

　　享誉世界的德国广告设计大师冈特`兰堡说过“一名设计师的作品停在一个水平及风格上不变化，那就是死亡”。平面设计如此，在网页设计上同样如此，在一个网页设计师的工作中要接触到许许多多、各式各样的网页的设计，在这个过程中设计师能够形成并保持自己的风格固然可贵，但是如果想取得更大的成绩就必须要赢得一种超越，在自己的设计上最熟悉的风格的基础上能够寻求突破，这才是更难能可贵的。以马斯洛的需求的层次论看，这个就应该是一种五个层次中的最高级的形式即自我实现，而能够树立自己的风格只能算是低一层次的需要的满足。当然实现自己的设计风格的突破不是一件容易的事情，这需要设计师本身具有不断开拓进取的精神，在自己的设计实践的过程中不断的完善自己，不断的充实自己，不能将自己锁定在一个方面，要不断的尝试不同的艺术风格，以期找到自己的风格变化的突破口，多学习更多的传统的、现代的设计方法，吸收一些长处，在自己的实际应用中反映出来，这样就更能使自己的设计风格的突破变得更加的容易，也会使自己在这个方面变得更加的得心应手，当然在具体的网页的功能上的实践也是非常必要的，例如在变换一些网页元素的实践中，通过自己同使用中的交流，就可以很容易的得到自己的这些变化可以得到的效果，从而反馈到自己设计中。

　　一个网页设计师没有自己的风格是很可悲的，因为这样他永远就只能是在一个低水平的层次上徘徊，或者只是拾人牙慧。永远都没有自己的东西融入到网页设计中，成就不了好的成绩，只有在不断的探索和实践中总结经验，提高自己的同时树立起自己的独特的设计理念，才能够形成自己的风格，开辟出网页设计的新天地。同时也要不断的在形成自己的风格的同时，尝试一些不同的风格，寻求突破，“不破不立”，只有不断的尝试，因为只有不断的丰富自己的同时，才有机会赢得这种尝试的成功。经常有意识的这样去实践，就有可能达到自己的设计

视觉设计服务于传达某个目的作用应大于它的装饰作用;它是重要的有效的沟通的工具。
甚至最好的功能强大的应用程序也受到视觉效果不好的困扰。如果你没接受过视觉信息设计方面的训练, 与一个在这些领域有经验的设计者合作是一个好主意。在一个专业的程序开发组中一定包括作为图形设计的人员。好的设计者知道怎么最好利用屏幕并且有效地使用形状，颜色，对比，焦点。而且，图形的设计者理解怎么设计并且组织信息，并且能在感觉上评定字体和颜色的影响。
视觉的设计应该是应用程序的补充而不是代替, 程序的设计应避免仅仅依靠视觉的设计来传送重要的信息。因为有视觉的缺陷的人，不能理解这些颜色。
-------------------------------------------------
Composition and Organization
合成和组织
-------------------------------------------------
我们从我们看到的屏幕外观选择我们阅读什么，我们的目光总是被有颜色的元素吸引，我们甚至以扫描的方式阅读文字。
当你设计组织你的接口的视觉的单元的，考虑下列原则：
l 信息的层次
l 焦点和强调
l 结构和平衡
l 单元的关系
l 可读性和流程
l 一致性
-------------------------------------------------
Hierarchy of information
信息的层次
-------------------------------------------------
信息元素在屏幕中放置的位置是基于它的重要性。我们应该清楚首先让用户看见哪个信息和鼓励用户第一步做什么。在设计你的应用程序时考虑这个原则, 并回答这些问题：
l 哪个信息对用户最重要？
l 当你的应用程序启动时什么是最先要做的？
l 在第一秒, 第二秒 , 第三秒以及以后，什么是用户需要做的？
l 信息的次序将支持或是通过妨碍用户的进度？
l 用户应该首先在屏幕上看见什么？
无论如何，视觉的显示应该匹配用户的相应操作，但是它也应该能由另外的元素来塑造。
-------------------------------------------------
Focus and Emphasis
焦点和强调
-------------------------------------------------
焦点和强调的原则在于优先放置你的指导和重点项目。一旦你明确了中央的想法, 你能决定焦点。你应该强调你需要突出的单元，并使独立于其它单元。
接口设计决定了用户在哪儿寻找第一信息。例如：大多数人认为最重要的信息应该看屏幕或窗口的左上角的位置。他们认为第一优先考虑的项目应该放在那里并给它强调。
-------------------------------------------------
Structure and Balance
结构和平衡
-------------------------------------------------
结构和平衡是2个最重要的视觉的设计原则。没有视觉的单元的内在的结构和平衡，所有其它的视觉设计则缺乏顺序和意义，更重要地, 结构和平衡的缺乏使用户很难楚清楚地理解接口。
-------------------------------------------------
Relationship of Elements
单元的关系
-------------------------------------------------
单元的关系对于加固以前的原则的非常重要，一个视觉的单元的放置能传达特定的关系到另外的单元。例如, 如果在一个列表框的按钮影响这个列表框，应该说按钮和表框之间的空间的关系在那里。这帮助用户清楚地并且快速看到的连接。同样, 空间的布局应该传达单元的交互关系地一致的信息。
-------------------------------------------------
Readability and Flow
可读性和流动
--------
如果你的站点不是关于音乐的，那么背景音乐只会让你的站点显得非常不专业化(Unprofessional）； 站点的更新速度也是一个非常重要的要素，这一点实际上和第一点是联系在一起的。在刚发现一个有兴趣的站点时候，人们会很自然的常光顾，但如果你的更新太慢，那么这些潜在的常客就会失去。像现在的"网络时代"，尽管有这份NEWSLETTER来和大家保持联系，但更新太慢仍是一个亟待改进的大毛病；
免费、免费、免费，什么东西都可以免费，免费的文章、图片、软件、书籍、各种各样的服务、空间，甚至免费的电脑，丰富内容加上"免费"是网络上所向披靡的武器；