网页设计中的功能与美

很多朋友都想向我学习如何做网页，我知道他们的意思就是说要想向我学习如何用做网页的软件，如dreamweaver、flash、firework、photoshop等等，这些纯技术的东西我不想多谈，因为如今技术的发展一日千里，就是这种应用软件也是发展升级得非常的快。

　　今天的很多认为是较难实现的功能也许经过软件升级之后就可以很方便的实现。我想强调的是关于网页排版布局方面的必要的知识，很多初学者都忽视这方面，以为技术就能代表一切，能够知道怎么用这个做网页的工具就能够做出质量较高的网页来。其实不然，因为软件知识只是一种工具，就像你有了笔，但不一定能作出好的文章来一样。很多人对技术很熟练但是做出来的网页却通常是照搬人家的东西，并没有体现做网页的水平的提高。

　　网络时代，人本身的因素是相当重要的，只有拥有这方面的一定的审美知识，才有机会做好网页，而真正技术上的东西是不重要的，毕竟技术的发展是使每个使用者使用更加的方便，发展的趋势是让软件成为“傻瓜型”。终极目标就是用鼠标一点就能够使所有的网页完成。所以，我们应该培养自己的审美修养才是最重要的。而真正的体现是在具体的网页的布局上，网页的设计呈现出多样化的趋势，但是万变不离其宗，我想认真的分析一下，可以得到一些有用的东西，在我们应用的时候作为参考。

　　虽然网页设计拥有传统的媒体的不具有的优势，例如是能够声音、图片、文字、动画相结合，营造一个富有生气的独特世界，同时它拥有极强交互性，使使用者能够参与其中，同设计者相交流。但是最基本的模式还是平面设计的内容，所以平面设计就要考虑形式美的内容，其中网页的排版布局就属于形式的内容，那什么形式呢？

　　形。原形，包括原始形，或称自然形。
　　式。许慎之《说文解字》说：“法也”。它包括“法则”、“法度”、“法制”、有“用法”的含义，也就是一种“格律”。
　　中国古典建筑形式就称为“法式”。“形”是自然的，“式”是人为的。“形式”是将自然形态经过人为改造而称为一种新的美的形式。自然形态只有通过人的改造，才能起更大的作用，由于这个原因，就形成了今天的审美形态，形象是客观的，形式则是依据客观的规律进行主观的创造。如果没有主观的创造，就没有艺术，也不可能有今天的一切，当然对于实际的网页制作来说，这也是最基本的，就是主观的创造，因为这是一个网页的灵魂，假如没有自己的主观创造，就只能拾人牙慧，重复别人丢掉不用的东西，是毫无意义的。所以现在强调网页设计的创造，表现在对页面的布局上，具体说就是体现在页面的形式美方面。就是通过页面的合理安排，例如文字的条理清楚、流畅、整体，使形式美得到体现。

首先从网站内容上来进行排版

版

　　现在的网站通常具有的内容是文字、图片、符号、动画、按钮等，其中文字占很大的比重，因为现在网络基本上还是以传送信息为主，而用文字还是非常有效率的一种方式，其次是图片，加入图片不但可以是页面更加的活跃，而且可以形象的说明问题。所以按照目前网页的设计，可以有针对性的对这些内容作一些调整，可以得出一些可以借鉴的东西。

　　既然文字是现在网页传输信息的主要工具，那么就得把页面上主要的部分留给它，这个看似简单的道理却是很多的网站所忽视的，包括一些影响力较大的网站，一味的讲求“美观”，花在形式上的没有具体内容的东西占了很大的比例。主要的文字性的内容却放到下边，结果上网的用户却要难以很舒服的获得信息，有时候要拉动下拉条才能看到整个页面的主要内容。

　　网页上真正好的文本的排布是这样的：一般放在最显著的地方，如整个显示的中央稍微偏右下；文本的排布整体性好，使浏览起来通畅而丝毫没有阻碍，理解内容更加容易。文字的大小应该适中，太大浏览起来增加了翻页的难度，太小看起来太累，加之一些不同的显示器的分辨率的不同，导致这个矛盾更加的突出。因此这是值得每一个设计者要慎重考虑的。用色也要考虑，一般用区别于主体的颜色可以起到强调的作用，但是凡事都是过犹不及，加入一个整体的文字内容里用的颜色太多，势必会影响读者的理解，也会影响他们的使用的心情，导致厌倦的情绪，所以不但要考虑文本使用的具体的物质功能，也要懂得其精神上的价值体现。对于文字的处理，很多的软件都是非常的注意这方面的改进工作，使文字处理更加的方便，例如Frontpage就是基于它的姊妹软件Word而发展起来的，由此可见一斑。再谈谈图片的处理，图片在网页的设计中占据很重要的地位，由于图片的加入使网页更加丰富多彩，所以把图片用好是非常重要的，有几个值得注意的地方，图片不能太大，网络这种特殊状态下，受带宽的限制，人们是很难忍受等待之苦的，这就要求把图片的体积缩小，同时又要使图片尽量清楚，直观，最大限度的发挥它的作用，把握这个度是很关键的，另外图片的排布也很讲究，特别是多图的情况，就要是图片与图片之间的联系凸现，同时又要融为一个整体，使看起来有条理。按钮、符号、动画等虽然现在不是占主要的位置，但也是不可或却的，就说按钮吧，它是网页的一个导航，通过它才能是使用者的使用能够顺利的进行，将它设计得漂亮，或者说规范，是让使用者心情畅快的一个催化剂。所以这些细节的问题也要细细的斟酌。

再从网页的布局形式上来看

　　按照平面设计的形式来看，整个页面可以分为几个部分，每个部分有不同的功能，也能体现不同的形式，具体看来就是上边、左边、下边、右边、中间、看似无奇，自身却有许多独特的地方，

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

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

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

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

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

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

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

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

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

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

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