美术设计在网页设计中的运用

摘要：进行网页设计时除了要会应用相应的web技术之外，设计者还应当具备一定的审美素养。为了做出更加美观、人性化的网页，本文从美术设计的角度，探讨网页布局和色彩的运用。

关键词：网页设计；形式美法则；视觉体验

一、综述

21世纪互联网在商业、广告业、信息业和通信业产生了广泛而深刻的影响。互联网由无数形形色色的网站构成，而网站的基本元素就是网页，是互联网时代的一张“脸面”，而网页设计行业也是这几年最前沿的行业之一。伴随互联网的迅猛发展，浏览者的文化和审美层次都在提高，对网页设计水准也在上升。现代网页设计需要加强美术设计理论知识和实践能录，使互联网的容貌更加丰富。

网页设计是一种基于显示器显示的加诸于视觉的整合设计，是以信息网络为媒介和载体的综合性艺术，是一种互动型的媒体艺术。除了要求设计师熟练运用美术知识之外，对设计心理学，人机工程学，科学技术发展及客户需求等方面都要有所把握，设计出美观，合理的人与计算机交互的平台界面。

二、网页的基本元素和近年来移动端产生的新兴变化

网页的构成包括文字，图形，图像，标志，色彩等这些要素。网页设计的基础，是将大量信息通过收集、归纳、整理和美化，让页面有条理，完成一种具有创造性的思维活动。

以往设计师在进行网页设计的时候会考虑带宽。以新浪新闻为例，在2000年左右人们依靠拨号上网的时代，大部分网页是一个简单的文字页面，主要用来发布新闻，展示公告，主要以文字进行信息交流。单个新闻网页主要分宽窄两栏（banner），宽栏以文字辅以少数图片，没有特效边框，窄栏是其他新闻标题以及图片广告，广告只有约110×75像素大小。因网速的快速提升，光纤的普遍使用，大幅提高的家庭网速使得绝大多数网页倾向多图化，高清化，UI个性化和立体化。网页设计开始吸收融合丰富的视觉元素，加入视频、高清彩图，开始追求为形式美消耗大量数据流量。

用户在使用大屏幕的计算机时，便于接收包括视频，动图广告在内全面的信息，而当用户使用手机时，网页字体小，Flash播放器的不兼容，GIF效果无法使用网站排版布局固定，文字内容挤压，操作和点击困难，用户们并不想在小的手机屏幕上看到大幅广告。有越来越多的厂商在电脑端之外为Ipad和手机端配置一个移动网址。用户在访问时，浏览器会识别客户使用的移动设备型号，抛弃自适应的页面，手机网页的设计比计算机更简洁，界面弱化，着重突出功能，关注浏览者正在阅读的重点。

三、运用布局特点和黄金分割律进行网页设计

网页内容与功能决定网页的展示形式和界面设计。人眼只能产生一个视觉焦点，浏览网页时，我们的视觉会产生自然流动的习惯。网页应当适应不同计算机不同的分辨率，IE浏览器MAC系统浏览器等主流浏览器，注重色彩搭配及其对不同色域的支持。我们在设计的时候，判断出浏览网页用户的屏幕分辨率，根据不同的分辨率设计不同的浏览内容，使用同一种的图片处理效果，选择适合的大小、搭配相应的线条，以增进信息传达效果。网页设计的图与底之间关系也是图形、图像制作中应考虑的因素，采用变形、模糊或虚化的方法进行背景图形、图像的处理。创造有目的地视觉流动方向，达到表达重点和诠释内容的目的，使浏览者能轻松找到需要的信息内容。

在造型艺术中，比例起着特别重要的作用。文艺复兴时代，设计师们力求在自己的创作作品中体现人体最重要的比例。那是就产生了关于完善的比例的学说“黄金分割”：将一个整体分为两个部分，较大部分和较小部分之比等于整体和较大部分之比，比值1：0.618或1.618：1，这个结果被公认为最具有审美意义的比例，也是最能引起人的视觉美感的比例。

黄金分割的美学价值也由科学实验得到证实，引发了许多设计艺术在内的重要应用。随着黄金分割研究的深入，黄金分割理论也得到了理论的发展。随着我们的研究深入，黄金分割的应用从建筑、雕塑、绘画、平面设计领域进一步扩展到了平面设计领域，在进行美学相关的设计时，设计师应当科学地遵从黄金分割律，达到视觉平衡。

四、色彩在网页设计中的运用

网页设计的目的是创造一种人性化的视觉环境，除了提供用户良好的视觉体验，还要满足他们在不同场合对信息的需求。在不同的场合人们对于网页排版的功能美和美術美的的要求是不同的，因此，做到功能和美术美的交融统一除了重视基本的信息需求外，更要注意色彩的搭配。借助色轮和颜色生成器进行辅助设计，选择的颜色越多，配色方案就越多。

注重色彩搭配，使背景和文字符合基本的彩色构成和视觉常识，出于界面设计对用户视觉的引导，以达到统一的视觉效果，优秀的网站页面设计，不仅要有鲜明的主题，一统的风格，还要重视内容与形式的的统一。在设计文化类网站时，可以使用丰富的主题色，增强浏览者的兴趣，给人带来赏心悦目的感觉。机关部门的网站，因这些网站通常用来发布、公示信息，对美术设计的部分要求较低，应当降低设计创意的比重，仅以文字或栏目线条来区分，以给浏览者正规，官方的印象。科技类网站，使用简练的蓝色，银色等颜色为佳。女性主题的网站，使用明快的黄色，粉色等颜色为佳。在设计中充分发挥色彩情感。

五、形式美法则在网页设计中的运用

形式美法则是人类在创造美的形式、美的过程中对美的形式规律的经验总结和抽象概括。主要包括：对称均衡、单纯齐一、调和对比、比例、节奏韵律。形式法则的运用主要体现在造型、装饰、色彩处理手法上。形式美法则在网页设计的最初阶段设计师的构图中的重要性不容忽视。设计需要满足视觉审美的需求，使各元素在视觉上相对平稳和均衡。在形式上，运用形式美法则来协调和处理各个视觉要素之间的关系。在形式美法则中，对称是指图形或物体对中心点、中心线、对称面，在形状大小排列上具有对应关系；均衡是不对称形态的一种平衡。对称与均衡是取得视觉平衡形式。对称体现了静感与稳定性，具有安定的美，均衡则表现了律动感，具有生动、活泼的美。在网页设计的过程中，注意形式上的和谐还需要视觉的信息的引导。在网页版式设计上，对称与均衡的运用是常见的，一般来说，完全对称的版式并不多见，更多时候体现的是一种均衡，视觉元素在页面中的组织形式需要满足整体平衡同样也要满足人的心理因素。对称和均衡的运用在网页版式设计中并不多见，而设计师需要掌控的是一种视觉上的整体平衡感，因为网页时观看者的心理因素的一种图形化的投射，网页过分地追求对称，不仅仅会使得信息的分布不容易阅读，可能还会使观者产生心理情绪。

六、依据网页的多媒体性而设计

设计是主观和客观共同作用的结果。和平面广告，报刊杂志的版面不同，网页设计技术性的体现在信息交互性、持续性、多维度性，和视觉听觉多媒体性方面。印刷品都有固定的规格尺寸，而网页由浏览者掌握，网页的组织结构不像实物印刷产品那样由线性结合，这种版式的不可控制性对网页设计的艺术表现能力提出更高的要求。网页设计如何从平面设计发展到立体性的多媒体设计，让网络技术和艺术设计紧密结合，是设计者需要应对的问题。制作多媒体网页时，Flash和3D动画易于发挥创意，人机对话过程变得更加生动，产生视觉与心理上的共鸣，带给受众视听的多重享受。例如现在流行的短视频网站，其页面具有很强的时代性，受众广泛，是对浏览者视觉和心理上的调剂，使其产生一种愉悦感，延伸想象空间，营造出独特的视听体验，这种加强的记忆性是指短视频网站形象长时间地保留在大脑印记中，同时产生条件反射。所以设计师在进行设计时可以加强多媒体构成因素的作用，以简洁，快速，冲击性强的视觉语言和视觉符号，调和、视觉诱导加强观者的记忆。

结束语

网页设计这个课题，在当今科学技术不断发展影响下的日常生活中，是一个新的平面设计种类。网页设计是网络技术与美术设计的统一，设计师在设计网页时，要做到满足用户的需求心理，视觉美学和认知习惯，以浏览者的角度进行设计，跟上全新的多媒体数字时代，运用黄金比例法则，形式美法则和软件工具设计出理想的网页。

参考文献：

[1]张协和.工业美术设计浅说[J].机械设计，1984（01）：8-13.

[2]冷德彤.现代设计中视觉传达的形式美法则的解读[J].南京广播电视大学学报，2008（04）：79-82.

[3]王君.网页设计在平面设计中的运用[J].包装工程，2012，33（16）：140-142+146.

[4]李珊珊.网页设计中的美学概述2010.工程技术

[5]张亮.论网页设计中的美学.2009 大众科技

[6]唐一鹏.美学原理在网页设计中的应用.福建信息技术教育.2006年01期

作者简介：陆煦（1987-），女，安徽淮北，安徽淮北煤电技师学院讲师，研究方向：艺术设计