网页艺术设计的审美技巧

刘 丹

(安徽财经大学 文学与艺术传媒学院，安徽 蚌埠 233030)

网页艺术设计的审美技巧

刘 丹

(安徽财经大学 文学与艺术传媒学院，安徽 蚌埠 233030)

在设计中，网页文字要克服单调与平淡，以表达深层的设计思想。在网页色彩的选择上，应考虑图片在整体编辑计划中的作用，达到和谐整齐。同时，根据色彩的形式美原则，将不同的色彩进行组合，从而构成赏心悦目的页面。网页设计布局的方法主要有骨骼型、满版型、分割型、中轴型、曲线型等。

网页要素；艺术设计；审美；网页图片；网页色彩；网页布局

网站艺术设计的内容很多，如网站的文字、图片、颜色搭配、版面布局的运用等，设计者只有在制作网页之前把这些方面都考虑到了，制作出来的网页才能有个性、有特色，具有吸引力。

一、网页文字的设计方法

文字设计主要承担着信息传递视觉化作用，是网页设计中进行视觉沟通的主要媒介物。文字的表现形式具有极大的可塑性，既有规律性又有极大的自由度。将文字图形化、意象化，以更富创意的形式表达出深层的设计思想，能够克服网页的单调与平淡，从而打动人心。

1.不要使用过多的字体

计算机给我们提供了大量可供选择的字体，导致字体的变化趋于多样化。但在网页文字的编排与设计中，同一页面上使用的字体宜在三种以内。如果字体过多，页面会显得繁杂零乱，访问者会觉得视觉混乱而产生抗拒。另外，由于文本字体的显示是需要本地硬盘字体文件的支持，所以在互联网上使用过多的字体是没有意义的。

2.提高文字的可读性

网页文字的主要功能是传达各种信息，而要达到这种传达的有效性，必须考虑文字编辑的整体效果，能给人以清晰的视觉印象，减去不必要的装饰变化，使人易认、易懂、易读。这才能符合现代信息讲究速度、效率的特点具有视觉传达的瞬间效果。切记不能为造型而编辑，忘记了文字本身是传达内容和表达信息的目的。

3.大标题、小内文

利用字体大小的差异，表现标题及内文不同的重要程度，是字体的常用搭配方法。大标题字体的大小尺寸应为内文的三倍以上，才能凸显其领导地位。副标题字体的尺寸必须小于大标题一半以下，才不至于减弱大标题的力量。小标题可与内文一样大小或略为大一些，但不宜比内文小。

二、网页图片的设计方法

图片有直观性，可以提高站点的访问量，但不能因此而在网页上加入过多的图片，否则会降低网页显示的速度，图片的位置、面积、数量、形式、方向等，直接关系到网页的视觉传达。

1.图片定位准确

设计特点之一就是图形受到设计主题的限制和约定。因此网页设计中的图片要符合主题的要求，定位准确，这是设计原则中的首要问题。

2.在设计上要富于创造性

“新颖”、“奇特”、“独树一帜”等是设计艺术蕴涵潜在生命力的永恒主题，也是网页设计师所不断追求努力的方向。平淡的图片很难引起人们足够的重视。解决这一问题的办法，就是运用创意设计。在艺术表达这些普普通通的事物时，设计师往往是运用创造性思维，采取崭新的观察事物的方法、不寻常的视角、超越一般人的经验和视觉思维，由此达到强烈的感染力和视觉冲击力，给人留下深刻的印象，引诱人们多次浏览本网站。

主要包括以下几个方面：一是各地农村饮水安全工程建设中管材选型，二是各地农村供水工程管材使用的经验，三是各地农村供水工程管材使用中存在的问题。通过调研，对工程建设中管材的采购方式、政府主管部门对管材质量的监管、材料选用、施工安装及工程运行过程中存在的问题等进行全面了解。

3.在视觉上应给人以美感

在视觉传达的过程中，图片作为画面的形象要素之一，同时具有传达感情的功能，因而它必须具有视觉上的美感，能够给人以美的享受。图形设计精美，具有艺术性设计的图片能让人视觉上产生审美愉悦感受，从而留下深刻的印象。粗制滥造或者连明暗度、对比度都不经过修饰就简单插入到页面中的图片，既影响了人们的浏览兴趣，也达不到应有的设计意图。

三、网页色彩的设计方法

色彩可以产生强烈的视觉效果，使页面更加生动。浏览网页留下的第一印象往往就是页面的色彩设计。色彩总的应用原则是“总体协调，局部对比”。

1.用一种主色调

这里指在主页中先选定一种色彩，然后调整透明度或者饱和度，即将这种色彩变淡或者加深，产生新的多个同类色彩，用于整个网站的页面。这样的页面看起来色彩统一，有层次感。

2.用具有对比度的两种色彩

在主页中先选定一种色彩，然后选择它的对比色，这样整个网站页面色彩丰富但不花哨。

3.用同一个明度色系

简单地说就是用同明度的色彩，例如淡绿，淡蓝，淡黄；或者暗绿，暗蓝，暗黄。

4.用大面积彩色和黑色、灰色搭配

这样的页面视觉冲击力强，又很时尚、大气。

另外需要注意的是：(1)不要将所有颜色都用到，尽量控制在三种色彩以内；(2)背景和页面的内容对比尽量要大，以便于识别。不要用花纹繁复的图案作背景，可选择降低图案的透明度，以突出主要文字内容。

四、网页设计布局的方法

网页设计作为一种视觉语言，同传统媒体一样，要讲究版式设计。

1.骨骼型

骨骼型版式是一种规范的、理性的设计形式，类似于报刊的版式。常见的有竖向通栏、双栏、三栏、四栏和横向的通栏、双栏、三栏和四栏等。一般以竖向分栏为多。这种版式给人以和谐、理性的美。几种分栏方式结合使用，显得网页既理性、条理，又活泼而富有弹性。

2.满版型

页面以图片充满整版。主要以图片为诉求点，将少量文字压置于图片之上。视觉传达效果直观而强烈。满版型给人以舒展、大方的感觉。美中不足的是，限于当前网络宽带对大幅图片的传输速度较慢，这种版式多见于强调艺术性或个性的网页设计中。

3.分割型

分割型版式设计，是把整个页面分成上下或左右两部分，分别安排图片和文案。两个部分形成明显的对比：有图片的部分感性而具活力，文案部分则理性而平静。设计实践中，可以通过调整图片和文案所占的面积，来调节对比的强弱。

4.中轴型

中轴性版式，是沿页面的中轴将图片或文字作水平或垂直方向的排列。水平排列的页面，给人稳定、平静、含蓄的感觉。垂直排列的页面，给人以舒畅的感觉。

5.曲线型

曲线型版式，是图片或文字在页面上作曲线的编排构成。这种编排方式能产生韵律感与节奏感。

6.倾斜型

倾斜型版式，是页面主题形象或图片、文字作倾斜编排。它能造成页面强烈的动感，引人注目。

7.对称型

对称型版式，给人以稳重、理性的感受。对称，分为绝对对称和相对对称两种类型。一般采用相对对称的手法，以避免版式呆板。左右对称的页面版式比较常见。四角型也是对称型的一种，是在页面四角安排相应的视觉元素。四个角是页面的边界点，重要性不可低估。在四个角安排的任何内容都能产生安定感。控制好页面的四个角，也就控制了页面的空间。越是凌乱的页面，越要注意对四个角的控制。

〔责任编辑：王建霞〕

J03

A

1003-6873(2015)02-0107-02

2015-01-30

安徽财经大学本科教学质量与教学改革工程项目“基于图形创意对学生创新思维培养的研究”(acjyyb2014071)；安徽省级人文社会科学研究项目“安徽形象塑造的媒体策略研究”(SK2012B015)。

刘丹(1976-- )，女，安徽财经大学文学与艺术传媒学院视觉传达系教师，硕士，主要从事艺术学研究。

10．16401/j．cnki．ysxb．1003-6873．2015．02．024