新概念的平面设计——网页设计

李素媛 （锦州师范高等专科学校 辽宁锦州 121000）

新概念的平面设计
——网页设计

李素媛 （锦州师范高等专科学校 辽宁锦州 121000）

崭新的世纪，飞速发展的信息时代，互联网已成为了人们快速获取信息的最便捷的方式，人们可以通过互联网快速的完成获取、发布和传递信息等操作。互联网已深入人们政治、经济、生活的每个角落，并发挥着重要的作用。

平面设计；网页设计；视觉元素；构成

当人们走进互联网，给我们最直接的感性认知就是——网页。一屏设计结构合理、制作精美、创意独特、个性鲜明的网页，在传递丰富信息的同时也将美的视觉感受带给人们。好的网页宣传对于公司企业和服务机构树立良好的社会形象，获取最大限度经济利益起着至关重要的作用。

网页设计是一种建立在新型媒体之上的新型设计，它的信息传播具有图、文、声、像等视觉、听觉、互动的特点，通过视觉传达实现信息的交互。网页设计与传统平面设计在视觉传达方面有很大的相似之处，但网页设计准确的说是集艺术创意与媒体技术于一体的设计过程。平面设计可以为网页设计提供视觉传达和艺术创意的表现平台，而网页设计也将为平面设计带来一场内容丰富的视觉盛宴。

一、网页设计风格的分类

1.内容型：内容型风格的网页设计主要依托严谨的结构、规范的内容和丰富的信息等元素进行平面规划设计。这种风格主要适用于公司企业和服务机构。

2.风格型：色彩丰富、构思巧妙、制作精美别致、风格鲜明是风格型网页的最大特点。这种类型的网页，平面感和设计意味非常强，适合于个人网站和相关的特殊行业的网站使用。

二、 网页设计视觉传达的表现方法

1.网页设计视觉传达的表现工具——电脑软件

赏心悦目的网页界面，令浏览者的眼球惊喜舞动，现代网页设计师需要掌握和运用日新月异的电脑软件来实现这一完美画面。首先需要运用Photoshop专业的图像处理软件处理网页上的图片信息。用Photoshop可以完成图像色彩的校正；各种特效滤镜的使用;特效字的制做;图像输出与优化等操作。在这里值得一提的是Fireworks软件等同于Photoshop，两者可以互换。其次CorelDraw、Illustrator等矢量图形处理软件可以为网页提供插图、公司标志、手册、产品包装等制作。再次Dreamweaver是一个很酷的专门用于制作网页的软件，它不但能进行专业的网页制作，同时还是管理网站的网页编辑器。Dreamweaver可以轻松地制作出跨平台、跨浏览器限制的动感十足的网页。最后，号称网页三剑客的Flash，为网页提供动态广告、Flash小游戏等的制作。

2.网页设计视觉表达方法——以“简练”为首要原则

平面设计最基本的要求便是简洁凝练，而网络传输的特性就要求在网页设计过程中更要简练。网页设计中所用到的所有设计元素，如，点、线、面、图形、图像、动画等都是要占据网络空间的，尤其是图片，如果图片数据过大，就会影响网页开启和传输的速度，同时也就会影响网页的传播。介于上述原因我们在运用图片元素时要尽量保持“惜墨如金”的态度，做到少而精，如果非要运用大量图片宣传时，也要注意运用图片的压缩软件为图片适当的“减肥”。总之简洁的网页能在短时间内抓住浏览者的视线，有效快捷的传达信息。

3.网页设计视觉表达方法——合理布局网页的界面

电脑屏幕的显示尺寸是十分有限的，怎样通过有限的展示界面传递更多的信息，成为设计师设计布局的关键。合理的界面布局使视线流畅、融会贯通。在界面之中，不同的区域，被关注的程度不同，心里感受也不同，设计师可以依据不同元素的表达需要和画面重心的关系，来安排它们的适当位置。浏览者的视线通常垂直在屏幕中央，然后再向四周游动。设计师设计布局时应考虑将重要的信息或视觉流程的停留点安排在注目的价值高的最佳视域，突出重点，使主题一目了然。

另外，建立网站导航可以激发浏览者访问更深层页面的兴趣，增进对网站的进一步观赏，使网站信息更清晰、明了的存在于观者的视线之内。

4.网页设计视觉表达方法——个性化网页界面的设计

独特的创意、个性化的品质是所有设计都追求的完美表达。个性独特的网页能刺激观者点击的兴趣冲动，让观者在“驻足”的过程中一直兴趣盎然。在设计具有个性特质的网页过程中设计师应利用色彩、图形、按钮、动画、声音等诸多元素配合最先进的技术手段描绘和装饰用户所能看见的页面。

5.网页设计视觉表达方法——构成艺术的体现

构成艺术是现代视觉传达艺术的基础理论。它包括平面构成、色彩构成和立体构成，其中我们所探讨的网页设计中的平面素材主要应用平面构成和色彩构成进行设计指导。平面构成学指导我们如何运用平面元素点、线、面创造形象；怎样处理形象与形象之间的联系；如何掌握美的形式规律等。在网页设计过程中要依据对称与平衡、重复与群化、节奏与韵律、对比与变化、调和与统一等艺术构成法则设计网页界面的图形和版式。色彩构成学则侧重对网页色彩的选择与指导。色彩构成属于设计领域内的色彩运用的方法，它的基本概念是：两个以上的颜色，根据设计的不同需要，按一定色彩配合的原则，重新组合，搭配构成新的色彩关系。色彩的特性、色彩的对比与调和、色彩的意蕴等等都是设计师设计色彩时的重要依据。此外色彩给人的独特的心理感受可以指导网页设计师有目的的选择网页色系。如，色彩的兴奋与沉静感：红、橙、黄等暖色系列的纯色给人以兴奋感，易表现快乐的情绪。蓝、蓝绿等冷色系的纯色给人以沉静感，常常使人联想到和平、安静、休息和生机盎然。它还是一种使人镇静的颜色。政府、一部分企业站点应该选择沉静一些的配色，而娱乐、体育等站点则应该倾向于兴奋一些的配色。色彩的轻与重感明亮的色彩如黄色、淡蓝等给人以轻快的感觉，而黑色、深蓝色等明度低的色彩使人感到较重。感觉轻的色彩给人以轻快感。相反，低明度的色彩有稳定的感觉。在网页、广告色彩设计时，应注意轻重搭配，如女性类的站点宜采用明度高的色调为主进行配色，以渲染女性温柔、妩媚的个性特征；为了突出男性坚实粗扩的气质，在男性类网站中，色彩的配置应选择凝重明度的色彩。

网络发展至今，传统的设计学更多元化，并使工作结构产生交叉。静态的平面设计转化为动态的网页设计，这是应用新技术在新媒体中进行设计的产物真正开创了一个全新的视觉领域。

[1]赵殿泽编.构成艺术[M].沈阳：辽宁美术出版社，1994.

[2]周永红编.新色彩构成表现实技[M].沈阳：辽宁美术出版社,1995.

李素媛（1978—），女，朝鲜族，辽宁锦州人，学士学位，锦州师范高等专科学校美术系讲师 ，主要研究方向：艺术设计。