网页设计中平面视觉元素应用问题的探索与分析

曹琦

（中国国际广播电台，北京 100040）

网页设计中平面视觉元素应用问题的探索与分析

曹琦

（中国国际广播电台，北京 100040）

本文研究的是网页设计中平面视觉元素的应用问题。文章针对文字、图像、色彩以及版式设计等平面视觉元素在网页设计中的具体应用问题，分别从以上四个角度对与其相关的网页设计中的一系列问题进行了探索与分析，希望能够对网页设计创新能够有所启发。

网页设计；平面视觉元素；应用分析；文字；图像；色彩；版式设计

随着互联网技术的普及和发展，网络已经成为了当代社会信息传播的重要方式和人们日常交流沟通的重要途径，其已经逐步渗入了人们工作、生活的各个领域和各个层面。而网页不仅仅是互联网上信息传递的一个载体，也是构成互联网的基本元素。因此，随着网络的普及和发展，网页设计作为一个全新的设计领域，已经成为了平面设计新的发展方向之一，如何让所设计的网页更具新颖性和可读性，以获得最大的视觉传达功能也成为了设计者关注的一个重点问题。鉴于此，本文就从网页设计的角度，针对设计过程中的文字、图像、色彩以及版式设计等平面视觉元素的应用问题进行了简要的探索与分析。

一、文字在网页设计中的应用分析

文字是一种用来记录语言和事物，并进行思想和情感交流的一种视觉文化符号。在网页设计的过程中，由于文字在信息传达方面具有比其他的视觉符号更容易辨识的明确性，因此，文字不但是网页设计过程中常用的构成元素之一，也是发挥作用最大的设计元素之一。在网页设计的过程中，如何对文字进行编排和设计，对网页的整体风格有着非常重要的影响。通常来说，设计科学、编排合理的网页文字，能够更好的传达所要传达的信息，而且还能够通过文字的设计与编排给页面增加美感，从而在实现信息传达的满足人们的审美需求，从而大大提高网页信息传达的效果。

概况来说，在网页设计的过程中，文字的编排设计主要包括字体的选择和编辑以及文字编排几个方面。例如：在对文字进行编辑时，可以选择图形化的艺术处理方法，这样不但能够通过文字来传达语言本身所包含的信息，还能够借此以视觉形象的方式来传递语言之外的信息。

而具体到文字在网页设计中的实际应用，则应注意如下几点原则：一是，匹配性原则。匹配性原则实际上指的就是在进行网页设计的过程中所选用的文字应与文字的内容以及网页的主题相匹配。也就是说，要根据网页的主题内容和所要传达的信息内容来科学的设计文字的字体、色彩以及形态和表现形式，以确保文字的设计与网页设计的主题和整体风格相匹配。二是，明确性原则。在网页设计的过程中，文字最为主要的功能在于确保信息的有效传递。因此，为了实现这一点，在进行网页文字设计的过程中，应注意优选选用容易识别的文字，而且在进行字体和字形的创意时，同时也应注意其辨识起来的明确性。三是，易读性原则。因受人们的阅读习惯及视觉能力的影响，人们在识别过粗、过细的文字形态时会较为费力，因此，在网页设计的过程中，应注意避免这样的情况，以确保文字的易读性，从而让浏览者阅读起来轻松愉快。最后是，美观性原则。进行文字的创意设计目的之一，是为了提高网页的美观程度，带给浏览者美的感受。因此，在进行网页文字的设计时，要始终注意文字编排的节奏感和韵律感，以及文字与网页整体之间的对比与和谐，以确保文字设计的美观性。

二、图像在网页设计中的应用分析

在网页设计的过程中，图像相较于文字而言更加直观、形象，而且图像在造型和色彩等方面均具有较强的注目性，因此，很容易形成视觉信息的中心。而在网页设计的过程中，如果说文字所表达的信息是理性的，色彩所表达的信息是感性的，那么图像所包含的则既有感性的形象又有理性的信息。由此可见，图像在网页设计的过程中，具有文字和色彩均无法取代的重要作用。

具体到网页图像来说，一般网页图像所使用的格式为GIF格式或是JPEG格式。其在网页设计编排中的应用方式则通常有方形图、退底图、出血图以及三种结合使用四种方式，其中：方形图是网页图形最为常见、最为简洁的一种。在将方形图应用于网页设计时，通常会给人以稳重、理性和严谨的感觉，但如果过度使用，则会给人以平淡呆板的感觉，如下图1所示，中国人民大学的网站就利用方形图很好的突出了稳重、理性、严谨的特点，而同时又利用大小不同、宽窄不同的方形图避免了平淡呆板的问题；其次是退底图。退底图相较而言图形更为自由，也更具个性，因此很容易带给人深刻的印象。将这样的图形应用于网页设计时，会让网页的整体风格闲的轻松而活泼，但是如果应用不合理的话，也很容易给人凌乱的感觉；再次是出血图。出血图指的是一边或者几个边充满页面的图像。出血图具有强烈的向外扩张的态势，容易给人舒展的感觉，将其应用于网页设计时，非常有利于情感和动感内容的表达。

图1 中国人民大学官网

三、色彩在网页设计中的应用分析

在网页设计的过程中，彩色的页面相较于单色的页面来说往往能够更好的引起浏览者的注意和兴趣，由此就可以窥见在网页设计中色彩应用的重要性。

俗话说“远看颜色近看花”，这一点对于色彩在网页设计中的应用来说同样适用。在网页上，网页设计所采用的主色彩，往往具有先声夺人的力量，其应用的科学与否、设计的合理与否，会直接影响到浏览者的浏览兴趣，并能够通过色彩所带来的视觉冲击传达出相应的情绪力量。因此，在进行网页设计时，设计者一定要时刻注意思考设计用色带给人们的感受。

具体来说，在网页设计过程中进行网页色彩的搭配与应用时需要注意考虑的问题非常多，而以下两点则尤为关键：首先，在进行色彩选择和应用时，应注意不同的颜色所蕴含的不同喻意，以尽可能的避免出现颜色误用的问题。其次，网页色彩的搭配与应用，应根据网页的性质和主题进行合理的选用。例如：暖色一般适用于购物类网站的网页设计、电子商务网站的网页设计以及儿童类网站的网页设计等等，暖色的合理应用有助于突出这些网站商品的琳琅满目以及儿童网站的活泼、温馨特性；而冷色则一般适用于高科技网站的网页设计或者是学术类网站的网页设计，能够借此很好的突出网页严肃、稳重的风格和特点。

四、版式设计在网页设计中的应用分析

在进行网页设计的过程中，版式设计实际上就是根据网页的内容而和主题，将网页页面上的诸多构成要素，进行关联和配置，从而将网页整体的设计意图和设计风格表现出来的一种方式。科学的版式设计不但能够让网页上的文字、图像、色彩等元素实现有机的结合，以提升页面的美观度、凸显网页的风格特色，还能够带给网页浏览者一个更为流畅的视觉体验。

在网页设计中，版式设计的常用类型主要有骨骼型版式设计、满版型版式设计、分割型版式设计、中轴型版式设计、曲线型版式设计、倾斜型版式设计、对称性版式设计、焦点型版式设计、三角型版式设计以及自由型版式设计等十种版式设计类型，这些版式设计类型各有特色。其中骨骼型的版式设计有助于网页呈现和谐和理性的特点；满版型版式设计则有助于凸显网页舒展大方的特征；分割型版式设计的网页则较为自然；中轴型版式设计的网页特点则较为稳定和含蓄；曲线型版式设计的网页常常带有一定的韵律感与节奏感；倾斜型的网页版式设计则带有强烈的不稳定感或是动感；焦点型版式设计的网页则有助于凸显强烈的视觉效果；三角型版式设计的网站则根据所采用的具体三角型有一定的不同：正三角有助于突出稳定性、倒三角有助于突出动感、而侧三角则是稳定与动感兼具；最后采用自由型版式设计的网页，则往往突出的是轻松活泼、轻快愉悦的特点。设计者在进行网页的版式设计时可以根据这些网页版式设计类型的特点，针对设计的内容和主题进行合理的选择。

[1]郭菲.网页设计中的人性化设计[A].2006年中国机械工程学会年会暨中国工程院机械与运载工程学部首届年会论文集[C].2006.

[2]孙利,吴俭涛.利用色彩营造网页形象时需关注的几点问题[A].色彩科学应用与发展——中国科协2005年学术年会论文集[C].2005.

[3]杨振华.网页视觉设计的审美法则及其应用[J].太原城市职业技术学院学报.2007(01).

[4]孙梦灿.从《css禅意花园》谈对于艺术设计学科中的网页设计的一些思考[J].包装世界.2011(03).

J05

A

1005-5312（2014）02-0052-01