新东方在线 中华会计网校

平面设计在网页编排中的应用

平面设计在网页编排中的应用

学校:上海欧朋国际IT教育培训中心 时间:2011-1-24 9:26:05

网页设计作为一门新兴的设计类和网络媒体的交叉学科,随着互联网的不断发展而受到人们的重视,它是以网络为载体,把各种信息以最快捷、方便的方式传达给受众,在这种标准的要求下,逐步产生了审美的需求。我国这两年的网络发展非常快。大家看到互联网上除了部分大型的专业网站在版面的编排上比较考究之外,很少见到界面设计考究、美术创意优秀的中文网站。网页设计的审美需求是对平面视觉传达设计美学的一种继承和延伸。两者的表现形式和目的都有一定的相似性,把传统平面设计中美的形式规律同现代的网页设计的具体问题结合起来,运用一些平面设计中美的基本法则到网页中去,增加网页设计的美感以满足大众的视觉审美需求,是网页设计发展的必然趋势。

  网页中版式布局

  网页是通过视觉元素实现信息内容的传达,为了使网页获得最大的视觉传达功能,使网络真正成为可读性强而且新颖的媒体,网页的设计必须遵循平面设计形式美的法则,由此确定各种视觉构成元素之间的关系和秩序。网页的内容与形式的表现必须统一和具有秩序,形式表现必须服从内容的要求,达到信息诉求的重点。当网页上的内容非常多的时候,考虑怎样把它们以最合理的方式来排布,使整体感强同时又要有变化,可遵循以下几点规律:

  网页版式布局中的变化和统一。在网页设计中恰当地运用这一规律,例如体育类的网站,排布的新闻从上到下几十条,没有一点变化,显得单调而乏味,这是违反这种形式美的规律的,所以要充分地运用变化来改进它,如可以变化其排列方式、字体颜色,也可在每条新闻前添加醒目的图标,既丰富了页面,也起到了引导浏览者视线的作用,便于浏览。

  网页版式布局中的条理与反复。“条理与反复的原则是图形构成整体的秩序美的基础,是变化中的统一,也是运动发展中求得协调一致的表现方式,由它可以演化出多种多样的图形变化。”这种在很多较为优秀的网站中运用较多,例如一些商业网站,搜狐、新浪的此类网站内容丰富,信息含量大,不得不运用一定的方式其条理化,同时又在一定程度上加以归纳后重复利用,使网页较为整齐,脉络清楚,读起来也能找到重点。

  网页版式布局中的均齐与平衡。在网页设计中,在充分考虑整体页面上所有的图形、文字的基础上,页面整体的平衡和均衡尤为重要,页面上的平衡是一个动态的平衡,因为页面上两边不会总是一样的,即左边一个图右边就一个图,这在互联网上是不多的。更多的时候我们看到的页面是图和文字以及大块的颜色轻的图和小块的颜色重的图的平衡,以及与文本的疏密和大小的平衡,所以这是一种动态的平衡。因此合理地布局图片与文字的相互穿插,会使页面条理清晰,布局合理,重点突出。
网页色彩的运用

  色彩对网页设计非常重要,是网页设计的关键因素之一,能给浏览者带来最强视觉冲击力的要素就是网页色彩,好的网页色彩设计能突出主题,引导视线,统一风格,使网站更便于浏览,给人留下深刻的印象。

  鲜明、独特的识别性原则。“在网站云集的互联网上,一个网站的网页色彩只有与众不同、独一无二才能给浏览者留下深刻的印象”,达到良好的宣传效果。有几种方法可以借鉴:如选定一种色彩,然后调整其透明度或者饱和度,产生新的色彩,这样使页面看起来色彩统一,有层次感。而当使用两种色彩时,先选定一种色彩,然后选择它的对比色,这样整个页面色彩丰富但不花哨。也可用一个色系,例如淡蓝、淡黄、淡绿,或者土黄、土灰、土蓝,这样会使得网页风格统一。这在一些以女性为主题的网站中经常见到,大多采用粉色暖调,既体现了女性的主题,也使得网站的风格一致,保持良好的连续性。再如用黑色和一种彩色。比如大红的字体配黑色的边框感觉很“跳”,一些设计类网站常用到,这类网站往往页面视觉冲击力强,用色大胆,给浏览者留下深刻的印象;而灰色被称为万能色,可以和任何颜色搭配。

  配色视认度高原则。我们在浏览网站时要长时间注视发光的荧屏,所以网页色彩要尽量抑制强对比,减少屏幕刺激,减轻视觉产生的疲劳。网页色彩的配色必须考虑视认度,视认度的高低取决于图与底的色彩对比程度,不要用花底作为页面的背景,那样背景不突出反而页面没有层次感,采用与页面内容对比强烈的颜色作为背景以突出内容的主题。此外,图形面积大小和图形的复杂程度也影响视认度的高低。在页面用图的选择上要使用清晰易识别的图形,以提高视认度。

  因此,网页中色彩运用的成功与否,是决定网站的风格、定位的关键因素,遵循可行的规则,恰当地运用色彩,是网页设计的关键。

网页中其他各构成要素分析

  对于网页设计来讲,其信息内容的有效传达是通过将各种构成要素的设计编排来实现的。网页的构成要素包括文字、图形、声音等基本构成要素及页头(LOGO、Banner)、导航栏、信息正文、页脚(版权信息、公司信息)等内容要素。

  网页中文字的编排与设计。文字作为信息传达的主要手段目前也是网页设计的主体,文字是网页中必不可少的元素,也是网页中的主要信息描述要素,可以说是网页的灵魂。

  网页设计者可以用字体来更充分地体现设计中要表达的情感。首先字体选择是一种感性、直观的行为。网页的文字编排与设计,要与网站的风格相统一,而不能相互冲突。如政府网页的文字要凸显其庄重和规范的特质,字体的造型规整而有序,简洁而大方;休闲旅游类内容网页,文字编辑应具有欢快轻盈的风格,字体生动活泼,跳跃明快,有鲜明的节奏感,给人以生机盎然的感受;公司网页可根据行业性质、企业理念或产品特点,选择与其风格统一的字体,个人主页则可结合个人的性格特点及追求,别出心裁,突出个性。

  在网页文字的编排中,一般来讲,一个页面上字体种类最多不能超过三种。网页中文本字体的显示是需要本地硬盘字体文件的支持的,所以在互联网上使用过多的字体是没有意义的。文字在视觉传达中作为页面的形象要素之一,除了传达内容外,还具有传达感情的功能,因而必须具有视觉上的美感,获得良好的心理反应。这点很重要!

  网页中图片的编排与设计。除了文本之外,网页上最重要的设计元素莫过于图像了。一方面,图像的应用使网页更加美观、有趣;另一方面,图像本身也是传达信息的重要手段之一。与文字相比,它更直观、生动,可以很容易地把那些文字无法表达的信息表达出来,易于浏览者理解和接受。

  1.静态图像在网页排版中的运用不外乎四种形式:方形图、退底图、出血图以及这三种形式的结合使用。(1)退底图将图像中的背景去掉,仅留下主题形象。退底图形式自由,具有个性,给人印象深刻。常用于运动类、音乐类的网站,页面的效果轻松、活泼,动态十足,而且图文结合自然,给人以亲和感。但也容易造成凌乱和不整体的感觉。(2)出血图图像的一边或几个边充满页面,有向外扩张和舒展之势。因不受边框限制,感觉上与人更加接近,便于情感与动感的抒发。一般用于网站的首页,视觉冲击力强,能很快吸引浏览者的眼球,这样的图形也常用于个人主页,样式灵活多变,形式感强,个性突出。

  2.图形的形状、大小。图形不同的外形表达不同的含义,方形稳定、严肃,三角形锐利,圆形或曲线外形柔软亲切,退底图及一些不规则或不带边框的图像活泼。图像在网页中占据的面积大小能直接显示其重要程度。一般来说,大图像容易形成视觉焦点,感染力强,因此,图片的位置、面积、数量、形式、方向等直接关系到网页的视觉传达。在图片的选择和优化的同时,应考虑图片在整体编辑计划中的作用,达到和谐整齐。

  网页作为一种新的视觉表现形式,它兼容了传统平面设计的特征,又具备其所没有的优势,将成为今后信息交流的一个非常有影响的途径。网页设计是一种综合性的设计,它所涉及的范围非常广泛,在本论文中只从平面设计视觉传达的角度进行了一些阐述与分析。好的网页设计除首先应考虑其内容上的精益求精外,其次就是对内容合理有效的视觉编排。美是任何网页所必需具备的基本因素,更重要的是创造一种愉悦的视觉环境,平面设计的运用是至关重要的。(作者单位:洛阳师范学院美术学院艺术设计系)

  参考文献:

  1.迪尚:《电脑图形设计》,杭州:浙江人民美术出版社,1995年版。

  2.康定斯基[俄]著,罗世平译:《点?线?面》,昆明:云南人民出版社,1999年版。

  3.陶人勇:《色彩构成》,四川:四川美术出版社,2006年版,第122~123页。

  4.王受之[美]:《世界现代设计史》,广州:新世纪出版社,1995年版。

 

返学费网( www.fanxuefei.com)提醒有培训需求的网友:先在返学费网咨询预约培训需求,再去培训机构报名缴费,开课后可以获得返学费网额外现金回赠

学费网:中国最大的教育培训返现平台
www.fanxuefei.com
鄂ICP备08106010号