网页设计中视觉元素、美学和留白艺术的运用发布者：本站     时间：2020-05-02 14:05:56

网页是人们通过计算机来获取信息时最直接点击和阅读的页面，近年来随着计算机网络信息的普及，人们不光对信息质量有着较高的需求，对页面是否美观也渐渐提高了要求。在这种形势的推动下，页面的艺术设计是否能够满足人们的审美需求，在众多网站页面中脱颖而出成为首要的设计目标。下面将从页面设计中的网页构图、视觉元素、美学应用和留白技术四个方面对增添网页艺术效果进行说明。

1、 网页设计中的构图

网页设计构图应遵循对称均衡、对比调和节奏韵律三大形式原理。

1.1 对称与均衡。对称是世间自然万物稳定存在的基本形式，在日常生活中也随处可见。在对网页进行艺术设计时，完全遵循对称效果未免有一种循规蹈矩的感觉，很容易使人在浏览时觉得页面呆板和单调，不愿意继续浏览。因此设计师们便采用一种不完全对称的艺术手法，使网页看上去更加生动和鲜明，让人在阅览时更加明快。网页的均衡相对来说更是一种感官上的艺术平衡，它将网页中乍看之下矛盾的、冲突的因素，利用色彩、位置、图形等元素使之在气势上形成均衡的统一性，在视觉上达到对称平衡的效果。

【图１】

1.2 对比与调和。对比一般是指在形状、颜色和线条等不同形式之间的对立形态。在艺术设计中，对比和调和是相辅相成的。对比能够使图案更加鲜明、活泼，使画面产生立体感。调和是将画面之中的各种元素和谐统一，主次有序，增强画面的协调感。对比和调和艺术手法即是在动中求变、变中求序，和谐统一，让人在浏览时视觉感官舒适。对比和调和二者缺一不可，更不能单独追求对比或调和，避免使画面杂乱无序。

1.3 节奏和韵律。韵律就好比音乐中的旋律，不但要有节奏更要有强烈的感染力。同理，在网页设计中节奏被认为是反复的形态和构造。例如将图形按照等距格式的反复排列，做空间位置安排，就能产生节奏感，节奏有机械美的特点。在节奏的基础上加入如渐变或对比等法则，就可以构成富有韵律感的形式。韵律是使节奏富有韵律感的变化美，将图形按大小、方向、位置、虚实、强弱、疏密等加以规律性地组织排列，就会产生有变化的韵律美。

2、 网页设计中视觉元素的应用

点、线和面三要素是形成视觉元素的三大要素。如何让视觉元素在网页中得到最大的发挥，就需要网页设计师合理设计和安排这三要素所处的位置和作用了。

2.1 点的应用。在网页设计中，点并不只局限于一个圆或者局限于一个固定的位置，而是代表了在页面中的设计中心，并且随着视觉环境面积的变化产生成反比的视觉感觉。在成功的网页设计中，往往是点起到活跃内容的作用。

2.2 线的应用。线在网页设计中是分化版面的重要元素。与点相比，线的形式变化更加丰富，给人产生的心理情感也不尽相同。线元素的长短、曲直和粗细都能够随意变化，设计师可以根据不同的主题要求对其进行形态调整，不同的形态都能够给人产生不同的视觉感受和心理影响。例如直线给人感觉严谨、力量的情绪特征，而曲线则相对柔和、细腻，更适合用于针对女性群体的网站当中。由此可见，在网页设计中应用不同形态的线元素可以起到不同的效果。

3.3 面的应用。面是网页构图中最常见的元素，是由点和线的重复构图产生的。网页中主要的布局都是由面的设计来完成的，也是人们在浏览网页时最主要的部分，它可以由文字或者图像任意构成，也可以为了营造虚实对比的效果而做留白处理，总之，只有处理好面的设计，网页艺术效果才能更具美感。

3、 网页设计中的美学应用

网页美学设计主要由绘画、色彩和平面都成三个要素来表现的。在网页设计中，图片的添加可以增加页面的美感和效果，设计师可以通过网络、数码相机、扫描仪，或者利用专业的绘图制作、PS等多种渠道进行图片的取材，并根据页面的主题来选择合适图片进行应用。设计师通过对图片的内容、色彩和结构等因素进行排列组合，是突出网页主题、美化网页效果的重要手段。

在网页的美学应用中，除了对图片的有效应用外，最重要的就是对色彩的应用了。颜色对人的心理情绪有着无可厚非的影响，准确的色彩组合与搭配能够丰富页面的内容，美化页面，还能影响人们在浏览页面时的主观情绪。因此这也对设计师需要熟知色彩的应用提出了更高的要求。

不同的颜色使人产生不同的联想。例如红色视觉刺激较强，给人活跃、热烈、朝气的感觉；橙色相对柔和一些，给人温暖、明快的感觉；蓝色则与红色相反，给人沉静、理智和清澈的感觉；紫色让人感觉高雅和雍容华贵等等。当然颜色的深浅和搭配也都会产生不同的情绪联想，在网页设计中，设计师应注意整体的色彩运用，切忌东一块西一块给人产生拼凑和视觉混乱的感觉。协调的色彩组合才会使浏览者在阅读时与信息产生情感的交流，产生美的感受。

4、 留白艺术的应用

留白是我国传统艺术表现手法之一，在现代网页设计中同样也是渲染艺术效果的重要手法。留白看似简单，但是网页中合理营造出虚实对比、做到简单却不空虚实属不易。在处理留白技术时，不能局限于一小块版面，而是应从整体出发，考虑到留白处与实景处之间的空间对比，使两者形成均衡协调的效果。网页的留白技术应用普遍出现在板块中心周围的空白或者字体与图片之间的空白，但是留白之处并不局限于这两种当中，只要符合整体的美观效果，也可以将其应用到字与字之间真是笔画之间，但是这种处理手法需要考虑得当，否则很容易导致整个页面设计的失败。同时应该注意的是，留白技术只是作为网页艺术美感的渲染手法，成功的应用留白技术能够有效地烘托主题内容，但是如果将设计重点放在留白上，很容易造成页面失衡，成为失败的作品。