网页设计的统一性

进入21世纪，人类社会正经历着从原子时代向数字时代的转变，新世纪的天是互联网的天，互联网正在全世界进行着越来越深刻的革命bo。互联网代表着一种崭新的信息交流方式，它使信息的传播突破了传统的政治、经济、地域及文化的阻隔，使信息传达的范围、速度与效率都产生了质的飞跃bo。互联网是由成千上万的网站组成，而每个网站都是由诸多网页构成，故网页是构成互联网的基本元素bo。我国这两年的网络发展非常快，网站数量也以倍率增长，然而网页的设计却不容乐观bo。除了一些大的专业网站在版面的编排上比较讲究之外，其他很少见到界面设计考究、美术创意优秀的中文网站bo。其实谈到网页设计就不能不说到网络视觉信息的编排及归类，这是网页设计的特点，也是身处于信息化、数字化的当今设计者所必须具备的基本素质bo。因为网络本身就是一个处理信息的巨型平台，设计者必须充分认识网络，了解网络的特征，才能使设计更加适合于网络上的传播bo。一网页设计中的视觉流程kObkf不准盗库kObkf不准盗库网页是通过视觉元素的引人注目而实现信息内容的传达，为了使网页获得最大的视觉传达功能，使网络真正成为可读强性而且新颖的媒体，网页的设计必须适应人们视觉流向的心理和生理的特点，由此确定各种视觉构成元素之间的关系和秩序bo。因此，设计时应该研究各种视觉造型元素之间的距离、位置、面积和视觉流程的问题bo。kObkf不准盗库kObkf不准盗库视觉流程的形成是由人类的视觉特性所决定的bo。因为人眼晶体结构的生理构造，只能产生一个焦点，而不能同时把视线停留在两处或两处以上的地方bo。人们在阅读一种信息时，视觉总有一种自然的流动习惯，先看什么，后看什么，再看什么bo。视觉流程往往会体现出比较明显的方向感，它无形中形成一种脉络，似乎有一条线、一股气贯穿其中，使整个版面的运动趋势有一个主旋律bo。心理学的研究表明，在一个平面上，上半部让人轻松和自在，下半部则让人稳定和压抑bo。同样，平面的左半部让人轻松和自在，右半部让人稳定和压抑bo。所以平面的视觉影响力上方强于下方，左侧强于右侧bo。这样平面的上部和中上部被称为“最佳视域”，也就是最优选的地方bo。kObkf不准盗库kObkf不准盗库在网页设计中一些突出的信息，如主标题、每天更新的内容等通常都放在这个位置bo。当然视觉流程是一种感觉而非确切的数学公式，只要符合人们认识过程的心理顺序和思维发展的逻辑顺序，就可以更为灵活地运用bo。在网页设计中，灵活而合理地运用视觉流程和最佳视域，组织好自然流畅的视觉导向，直接影响到传播者传达信息的准确与有效性bo。所以在网页的编辑设计中，视觉导向是一个要点，网页的设计是一种创造，首先要立足信息的传达，但又要符合人们较为普遍的思维习惯，做到视觉流程自然、合理、畅快bo。成功的视觉流程安排，能使网页上的各种信息要素在一定空间内合理分布，能使页面上各信息要素的位置、间隙、大小保持一定的节奏感和美感bo。kObkf不准盗库kObkf不准盗库二网页设计的审美需求kObkf不准盗库kObkf不准盗库网页设计是一门新兴的设计类和网络的交叉学科，近几年随着网络的发展而逐渐受到人们的重视，它本身以网络为载体，把各种信息以最快捷、方便的方式传达给受众，在这种标准的要求下，逐步产生了审美的需求bo。人们对美的追求是不断深入的，网页设计同样如此bo。网页不光是把各种东西放上去，能看就行，这是远远不够的!要考虑如何使受众能更好地和更有效率地接收网页上的信息bo。这就需要从审美的方面入手，制作出清晰、整体性好的页面bo。使人浏览起来心情愉快，接收信息也会更加容易bo。网页设计的审美需求是对平面视觉传达设计美学的一种继承和延伸bo。两者的表现形式和目的都有一定的相似性，把传统平面设计中美的形式规律同现代的网页设计的具体问题相结合起来，运用一些平面设计中美的基本形式到网页中去，增加网页设计的美感和大众的视觉审美需求bo。kObkf不准盗库kObkf不准盗库我们经常所说的如变化和统一、条理与反复、对比和调和、均齐与平衡等，对网页中文字、图形、色彩的设计都是十分有效的视觉规律bo。首先，网页的内容与形式的表现必须统一和具有秩序，形式表现必须服从内容要求，网页上的各种构成要素之间的视觉流程，能自然而有序地达到信息诉求的重点位置bo。在我们把大量的信息塞到网页上去的时候，考虑怎样把它们以合理的统一的方式来排布，使整体感强同时又要有变化bo。怎样使它们脉络清楚又富有清晰的视觉效果等等bo。这样使页面更丰富，更有生气，看起来就不感到枯燥bo。其次，突出主题要素，必须在众多构成要素中突出一个清楚的主体，它应尽可能地成为阅读时视线流动的起点bo。如果没有这个主体要素，浏览者的视线将会无所适从，或者导致视线流动偏离设计的初衷bo。网页设计中各构成要素在组合时，要注意其结构的轻重大小、虚实、多少等对比因素，加强视觉力度，以强化页面的整体吸引力bo。作为形式美的法则，随着时代的不同而不断发展进步，特别在生活节奏如此快的互联网时代，由于追求目标的变化，人们的审美观念也在不断地变化，但是美的本质是一样的，同时随着技术的发展，很多目前不容易实现的审美形式也逐渐被克服，突破带宽的瓶颈，就会给网页设计的自如发展带来一片新的天地bo。kObkf不准盗库kObkf不准盗库三网页中各构成要素分析kObkf不准盗库kObkf不准盗库对于网页设计来讲，其信息内容的有效传达是通过将各种构成要素的设计编排来实现的bo。网页的构成要素包括文字、图形、图象、标志、色彩等造型要素及标题、信息菜单、信息正文、标语、单位名称等内容要素bo。kObkf不准盗库kObkf不准盗库1•文字的编排与设计kObkf不准盗库kObkf不准盗库文字作为信息传达的主要手段目前也是网页设计的主体，文字是网页中必不可少的元素，也是网页中的主要信息描述要素，所以网页中文字将占据相当大的面积，文字表现的好与坏将影响到整个网页的质量bo。网页文字的主要功能是传达各种信息，而要达到这种传达的有效性，必须考虑文字编辑的整体效果，能给人以清晰的视觉印象，避免页面繁杂零乱，减去不必要的装饰变化，使人易认、易懂、易读bo。不能为造型而编辑，忘记了文字本身是传达内容和表达信息的主题bo。kObkf不准盗库kObkf不准盗库网页文字编排与设计，重要的一点在于要服从信息内容的性质及特点的要求，其风格要与内容特性相吻合，而不是相脱离，更不能相互冲突bo。如政府网页其文字具有庄重和规范的特质，字体造型规整而有序，简洁而大方；休闲旅游类内容网页，文字编辑应具有欢快轻盈的风格，字体生动活泼，跳跃明快，有鲜明的节奏感，给人以生机盎然的感受；有关历史文化教育方面的网页，字体编辑可具有一种苍劲古朴的意蕴、端庄典雅的风范或优美清新的格调；公司网页可根据行业性质、企业理念或产品特点，追求某种富于活力的字体编排与设计；个人主页则可结合个人的性格特点及追求，别出心裁，给人一种强烈独特印象bo。kObkf不准盗库kObkf不准盗库在网页文字的编排与设计中，由于计算机给我们提供了大量可供选择的字体，导致字体的变化趋于多样化bo。这既为网页编辑提供了方便，同时也对编排与设计的选择能力提出了考验bo。虽然可供选择的字体很多，但在同一网页上，使用几种字体尚需精心编辑和考虑bo。一般来讲，同一页面上使用的字体种类最多只能有三四种bo。由于文本字体的显示是需要本地硬盘字体文件的支持的，所以在互联网上使用过多的字体是没有意义的bo。文字在视觉传达中作为页面的形象要素之一，除了表意以外，还具有传达感情的功能，因而必须具有视觉上的美感，能给人以美好印象，获得良好的心理反应bo。kObkf不准盗库kObkf不准盗库2•图片的编排与设计kObkf不准盗库kObkf不准盗库图片是文字以外最早引入到网络中的多媒体对象bo。网络可以图文并茂地向用户提供信息，成倍地加大了它所提供的信息量bo。而且图片的引入也大大美化了网络页面bo。可以说，要使网页在纯文本基础上变得更有趣味，最为简捷省力的办法就是使用图片bo。对于一条信息来说，图片对受众吸引也远远超过单纯的文字bo。kObkf不准盗库kObkf不准盗库网络图片的特点：一个特点是图片质量不需很高bo。因为网络图片一般只显示于计算机的显示器上，受显示器最小分辨率的限制，即使图片的分辨率很高，颜色深度很大，我们的肉眼也经常无法把它和一幅处理过的普通图片区分开来bo。一般来说，分辨率为72dpi(dotperinch)是大多数图片最佳选择；另一个特点是，图片要尽量小bo。网络页面的图片用于网络的传输，受到带宽的限制，其文件尺寸在一定范围内越小越好bo。这也是适应信息高速公路的要求bo。文件的长度越小，下载的时间就会越短bo。kObkf不准盗库kObkf不准盗库图片的位置、面积、数量、形式、方向等直接关系到网页的视觉传达bo。在图片的选择和优化的同时，应考虑图片在整体编辑计划中的作用，达到和谐整齐bo。要达到这样的效果，在页面图片的合理选用时，一要注意统一，二要注意悦目，三要注意突出重点，特别是在处理和相关文字编排在一起的图片时bo。kObkf不准盗库kObkf不准盗库3.色彩的设计kObkf不准盗库kObkf不准盗库网页在一定意义上说也是一种艺术品，因为它既要求文字的优美流畅，又要求页面的新颖、整洁，使用色彩可以产生强烈的视觉效果，使页面更加生动bo。而且，浏览者在浏览网页时，留下的第一印象就是页面的色彩设计，它的好坏直接影响阅读者的观赏兴趣bo。因此，色彩设计在网页设计中居于十分重要的地位bo。网页的色彩设计应把握以下几个方面:kObkf不准盗库kObkf不准盗库首先是整个页面的色彩选择，确定一个主色调，可以有利于体现网站主题bo。我们现在看到的网页，一般以浅颜色为背景的居多，如浅灰色、浅黄色、浅蓝色、浅绿色bo。以浅颜色为底，柔和、素淡，配上深颜色的字，如黑色，读来自然、流畅，也有利于突出页面的重点，有利于整个页面的配色，更容易为大多数人认可和掌握bo。其他一些次要内容，如背景图片、线条适宜采用不抢眼的颜色，以免喧宾夺主bo。只有少量精心选择的元素，为了突出强调的需要，才采用明亮的色彩，这些彩色亮点就会产生强烈的视觉冲击，但如果用得太多了，就会形成一种均匀的噪声，而达不到强调的效果bo。其次，在背景的色调搭配上一定要注意不能有强烈的对比，特别是同时使用色彩对立的颜色bo。大面积颜色适宜采用低比度，因为过于丰富的背景色彩会影响前景图片和文字的取色,严重时会使文字溶于背景中，不易辨识bo。所以，背景一般应以单纯为宜bo。如果需要一定的变化以增加背景的厚度，也应是在尽量统一的前提下的一种变化bo。例如在制用标题时，为追求醒目的视觉效果，可用比较深的颜色，配上对比鲜明的字体bo。实际上背景的作用主要在于统一整个网页的风格和情调，对视觉的主体起到一定的衬托和协调作用，一方面吸引网民的注意力，另一方面有助于体现网站的主题bo。四结束语kObkf不准盗库网页作为一种新的视觉表现形式，它的发展虽然没有多长时间，它兼容了传统平面设计的特征，又具备其所没有的优势，成为今后信息交流的一个非常有影响的途径bo。网页设计是一种综合性的设计，它所涉及的范围非常的广泛，包括消费者心理学、视觉设计美学、人机工程、哲学等诸多方面，当然也离不开一定的科学技术发展bo。在本文中只从视觉传达的角度进行了一些阐述与分析bo。好的网页设计除首先应考虑其内容上的精益求精外，其次就是对内容合理有效的视觉编排bo。美是任何网页所必需具备的基本因素，网页信息不仅是为了满足使用者的需求，更重要的是创造一种愉悦的视觉环境，使他们有一种全身心的享受和共鸣参考文献(1)谢依君•电子报的新闻介面分析(D)•台北：台湾国立政治大学新闻学系,1999.⑵唐良瑞，蔡安妮，孙景鳌•从认知心理及人机界面谈网页设计(J).工程图学学报，2000,(2)：31-36.\⑶徐珂，苗彤，赵晖•网页视觉与设计(M).北京：人民邮电出版社，2001.李砚祖，芦影•视觉传达的历史与美学(M).北京：中国人民大学出版社，2000.何苏六•网络媒体的策划与编辑(M).北京：北京广播学院出版社，2001现在视觉专家表明：用户浏览网站是按照'F”型的视觉路线。我们看任何东西都是从上往下的，最顶部左上角的位置是最明显的，也是最先被看到，这一点已经被现在所有的网站都运用上了，大家通常把公司的LOGO，网站的名称放在这个位置。接下来看到的是中间区域左边的一部分，这个区域大多数电商站喜于放产品栏目，以便用户查找。最后就是底部内容部分的。了解了这个规律，当我们在设计页面的时候就知道怎么样做内容，怎么样让内容搭配图片，做到协调统一。文字和图片的统一，就是形式和内容的统一文字口号是引起注意的元素之一，配加一个亮色调的按钮图标，瞬间让页面充满活力,美感，给到浏览者丰富的视觉体验。如图一：上下配有粉红色图标，位置上形成斜度视角，同有标明提醒作用，整体感观达到协调统一效果。

本期内容导读：Part1特别黄SpecialFocus:本期内容导读：氏0。囱锐视篇插画大赛飜回顾（胳访）Part2封面故幕CoverStory:CAH团肽解侵:WhatisConceptArt?Part3人物Interview:砸谏计即毒访（幅程）.Part4站酷学堂ZcoolClassroom:本期主團：逶遴”豈倩单时遛计技巧Part5作晶欣贯Appreciation:噬g计师作品矗示如图二：底图4个小图标按钮，搭配文字，每一个图标图片形象表达了赞它，收藏，分享，举报的意义，规律而生动，这个就是文字和图片的统一，也就是形式和内容的统TEXTSAMPLE如测1叫JMIIb^UkQiiTEXTSAMPLE©g«r|i™呎h-tWliff*i i聒pte■珂rrjinjR闵BfEEk4jtgM 皿uSuum钿miM.fdflaEffirMtaqvnummIUju■ iDtak44idkiUjhiQhibuLOviniriix&Hvn MjAhu AHQMfltitf*4Mi|F«>riteA4bfaJU|141■IjiriMU ・Hhiidttdimuft ■iHkfdn««<A>ii^>^T 詔皿血神mai［回讐分享ShereIt鼻咅Iflq!陶见0㈣：恢1 !■'■>-r：-£«r-r.JU|7“rhjIk-:*jr^Lnip«ir［回讐分享ShereIt让文字飞利用段落、加粗、斜体、引用、下划线或者字母大小写搭配一些图形状……这些都能让文字部分更有视觉冲击力，对文字进行创意的编排更有利于浏览者阅读。当然，能也让你认为是重要的文字加以强调。图：文字和图片的搭配，使得表述的内容更加有意义，加深浏览者的印象。类似这样的设计是最容易让用户接受和记住的。

口7年的春节正确取用图片一般用户对图片都是一视而过的，当我们在设计的过程中如何使用图片？让图片来渲染页面，保证整体页面的美感呢？选定图片要确保它们不杂乱，图片内容要正确对应文字主题,颜色搭配要合理，被人理解，不要过于花哨。无论是图片的大小，风格都应当配合好文字板块，使整体的页面效果协调有层次感。

文字融合图片，图片修饰文字。图片融合文字，文字修饰图片。任何的页面设计是都是文字和图片搭配而成的。文字融入了图片做搭配，便富有了文字生命力，而图片加之对应内容才能便构成了一道优美的旋律音符。整个网页就是活的了，能与用户交流，共通。网页的整体美感就是来源于形式和内容的统一。2.2.1文字的字体打