解析网页设计的艺术效果提升途径

战会玲

摘要：随着“互联网+”的落实与发展，网站已不再是大公司、大企业专属的产物，现在很多创业平台、个人空间、小规模电子商务等都可以拥有自己的网站空间用于宣传产品和树立企业形象。网站的竞争早已摆脱了技术手段竞争的范畴，开始升级为页面视觉效果的竞争。要想使你的网站在众多主题相近或产品相同的网站中脱颖而出，就必须加大网页视觉艺术效果的设计，以产生自己的特点，给人留下深刻的印象。本文就是主要探讨提升网页艺术效果的方法，主要从文字、图形图像、色彩、版面布局四个方面进行解析。

关键词：网页设计；艺术设计；文字；色彩；版式

当今社会，网络作为第四媒体正在飞速发展，互联网已经深度渗透到我们生活的各个层面，网页设计已经脱离了传统广告设计的范畴，形成了特殊而独立的体系。网站作为新媒体的媒介主体，具有更多与传统媒体不同的特征和特性，可以说，网页设计是一种基于视觉艺术的平面设计，它是浏览者进入站点第一时间接收到的视觉信息，它可以给浏览者一个概念、一种印象，因此，网站的视觉审美关系到网站生存与发展。

网页设计是一个系统的整合工程，包含多种形态要素，如文字、图形、图像、动画、音频、视频、交互元素等，这些元素在艺术上都具有相对的独立性，它们好比网页的零部件，只要零部件设计好了，网页设计就有了好的视觉基础。再合理规划网站内容，搭建网页框架结构，设计好网页配色方案，就会呈现出高艺术水平的网页视觉盛宴。

一、网页文字的艺术设计

文字是网站页面传播信息的主要载体，在版面中一般占有绝大部分空间。文字设计是网页设计中不可缺少的一环，规范的字体给人美的享受，可以让人阅读起来轻松舒适；新奇的字体可以让人阅读起来印象深刻，容易引起浏览者的兴趣，提高信息传达的有效性。在对文字进行艺术创意设计时，设计师多采用图形文字表现手法。与文本文字不同，图形文字能够自由实现汉字的字体设计与编排设计，设计师可以完全自由的控制文字的外观，自由使用各种特殊字体和图形，采用不同的阴影、变形、质感、滤镜等视觉特效，从而提高文字的艺术观赏性。

从技术与艺术相结合的角度考虑，网页文字设计要遵循以下几点准则：

1.文字的风格和编排应符合网页的主题。不同主题的网页要使用不同样式的字体，而不同的字体编排也会影响网页的风格倾向，因此文字的设计要与网页主题相结合。

2.保证文字的可读性、整体性。文字最终是为传达信息服务的，明确、清晰是文字设计的首要目的。而且多个文字设计之间一定要有主次逻辑关系，避免各自为战。

3.合理控制文本文字与图形文字的占比。追求美观的同时，也要兼顾文件体积，选用合适的文件格式、色彩数量、调节好压缩比，都有助于减小文件的体积。

二、图形图像设计

网页图形、图像在网页的编排中有着举足轻重的地位，运用图形、图像，设计师可以美化网页页面效果，提高网页的艺术价值，图形图像与文字结合可以加大信息传播的质量和数量，提高信息传播的效率。

在进行网页设计时，要注意以下几点：

1.图像分辨率设置。显示器的分辨率一般为96dpi或72dpi，高于这个标准会增加文件体积，降低页面下载速度，而低于这个标准会降低图像的显示质量，因此，图像的最佳分辨率为96dpi。

2.图像文件格式设置。要根据不同的目的，选择适当的文件格式。比如，在制作图标、动画时，使用的颜色比较少，可以选择GIF格式图像；在制作透明背景图像时，可以选择PNG格式图像；在制作真彩色网络图像时，则可选择JPEG格式，一般情况下，JPEG的压缩质量选择在7-9之间的数值，这样能够生成失真小而压缩比比较大的图像。

3.调整好网页图像的色调、位置、大小、平衡、主次等对于网页的整体视觉印象十分重要。主次分明、与网页整体协调是网页图形、图像设计必须把握的原则。

三、网页色彩的设计

色彩是最先进入浏览者视野的视觉元素，同时也是最持久占据记忆的视觉元素。网页设计是依赖色彩的，色彩具有更直观更强烈的视觉表现力，很多网站以其成功的色彩搭配令人过目不忘。对于网站来说，如果图片信息较多，图片中的色彩将主宰整个页面，并且在后续信息不断更新中，页面感受也会随着图片色彩的变化而变化。因此，平衡好网页设计与信息更新中的图像色彩变化的关系，也是网页艺术设计必须要考虑的问题之一。

1.网页色彩的整体性设计

一般情况下，首先要根据网站的主题和产品特性确定网站的主题色以及背景色，其次，在基础色调的基础上，来协调辅助色的选用，包括补色配置、对比色配置、类似色配置、同类色配置等，从而形成网站的配色方案。通常情况下，背景色的配置对比不宜过分强烈，要避免背景色喧宾夺主；同时各造型要素的色彩也要主次分明，重点对象的色彩应居于网页色彩体系中对比显著的位置。在处理各要素的色彩时，既要注重色彩的变化，也要考虑色彩的整体性与协调性。

2.网站主题与色彩设计

网页设计中，不同颜色会给浏览者不同的心理感受，每种色彩在饱和度、透明度上的变化都会产生不同的心理感受。现在网站的分类多种多样，有公司、政府机构、产品、房产、旅游、购物、娱乐、个人空间等，因此对于不同主题的网站，网页色彩设计应有不同的侧重点。比如餐饮、食品类网站宜采用暖色系列，来刺激消费者的食欲；机械产品类网站宜采用冷色系列，给人以庄重、沉稳的感觉，而且能表现设计者严谨、科学、精确的设计理念，能让消费者放心的使用产品；电子产品类网站适宜采用偏冷的灰、黑系列，这样能与产品材质完美结合；而儿童用品或者与儿童相关的网页，则适宜采用颜色鲜艳对比强的色调，这样有利于表现儿童活泼、欢快的特点。

四、网页的版式设计

网页版式的布局是通过对网页页面结构的分割和造型空间的确立，合理安排网页各元素的位置，使页面内容和形式达到有机的统一。网页的版式布局，不单是考虑页面的美观和可读性，还要考虑网络浏览的特殊性，如显示的先后顺序、页面滚动时的效果等。网页的分割一般从功能出发，将页面分割为标题区、导航区、内容区等，不同区域具有不同的功能。从设计手法上讲，通常利用点、线、面等元素进行页面的划分，常见的结构有两种，一种是框架式分割，主要利用各种不同的方形框架对网页进行分割，常用于门户网站、购物网站等；另一种是自由式分割，主要利用各种显性或隐性的直线、曲线或者交叉线自由分割页面。