网页交互设计中的视觉呈现与应用

21世纪是信息时代，同时也是新媒体时代，虽然各类社交媒体社交应用平台层出不穷其，用户们浏览信息的渠道多种多样，用网页浏览信息已经不如几年前那般火爆，但是各类移动智能终端盛行，网页浏览器同时也有了更多的载体，他们可以出现在各种不同的移动终端之上，网页依然在这个新媒体时代有这举足轻重的作用。

一、网页交互设计的视觉原则

（1）比例尺寸得当，对称均衡适度

合适的比例是形式美要遵循的原则之一，它最早用于绘画、雕塑中，但在网页交互设计中也同样必须遵循这一原则。网页设计中的比例关系主要表现在组版元素间和谐的比例关系。对称指以中轴线为中心分成相等两部分的对应关系，如自然界中人的双眼或鸟虫的双翅。在报纸版面中也经常运用对称的形式，它给人以稳定、沉静、端庄、大方的感觉，产生秩序、理性、高贵、静穆的美。均衡体现力学原则，是以同量（心理感受的量）不同形的组合方式形成稳定而平衡的状态.均衡指物体上下左右在量上的两相均衡。网页设计是点、线、面、形、声、色的有机结合，要让受众调动视知觉，引起美的共鸣，从对称均衡而言，在网页设计中要做到以下几点：一是为视知觉找一个平衡点，实现稳定性;二是让相应的部位等量，易产生统一的秩序感实现对称性;三是以平衡为基础，调整尺寸形态结构.或者以形态各异的形，经视觉判断，放置在确定的位置，以得到预想的均衡。

（2）动静变化有序，节奏韵律明快

在网页中，假想的三维空间关系是借助动静变化以及图像的比例关系等空间因素表现出来的。在页面设计中，各元素前后左右位置变化所产生的视觉效果都不尽相同。各元素的位置不同能产生节奏的空间层次、视觉效果的不同，同时也能让人产生不同的心理感受.在网页中，注意运用音乐中的节奏、旋律与美术中的变化统一，韵律的有机结合，无声与有声艺术的结合，使人们在浏览网页时充满激情，让网页作品充满活力。音乐的节拍叫做“韵律”，在平面设计中也有韵律。在网页设计中把韵律当作一种节奏，这种节奏由视觉组成。韵律是用重复变动的元素来生成的形，需要考虑空间的因素，給人一个元素向另外一个元素运动的感觉。网页设计中，韵律的实现是通过图案的点和线条的排列来体现的。如果均匀地在一个页面上画一些垂直线，就会产生稳定的重复韵律，因为这些线之间的空间是相同的，人们的眼睛从一个元素移到另一个元素的时间是均匀的。如果线间的距离不均匀，就会形成一种变化或者有动感的韵律。在设计中要产生韵律的关键是理解重复和变化的不同，通过运用韵律的技巧可以使网页显得活泼、生动、有生命力。韵律节奏设计能够渲染某种情调，增加版面的感染力，并使人沿着版面节奏变化的趋势展开遐想。

（3）繁简互衬，多样统一

网设计总是在功能设计上出现两个极端：过于繁杂或过于简单.前者总是在设计初时没有考虑到内容的可延展性，或是想面面俱到，把所有可能的功能都加上去，结果使得网页内容根本满足不了这些功能布局，反而让网页没有重心，这种现象多出现在一些商业网页设计中。后者总是在设计网页时没有专业的视觉设计，使用工具简单，整个网页只有颜色的搭配，而没有真正的图案的点和线条变化设计。在形式美的原则中，最根本的一条是多样统一（或对立统一），网页设计中的形式美所传递的视觉艺术也一样。网页中的各元素对立统一组成一个和谐的整体，设计者在设计过程要牢牢把握一致中的变化，变化中的统一。以上三个原则，是网页设计中把握视觉艺术应遵循的准则，这些原则总是通过一些常用的方法表现出来。

二、网页交互设计中视觉艺术的常用表现方法

（1）点、线、面的构成

在网面设计中，点的视觉构成形式表现手法主要有：无序排列的点、规律排列的点形成线的视觉效果，定向排列的点产生韵律感效果，分散定向排列的点形成面的视觉效果，大小不一的点沿相对方向聚合产生动的视觉效果。网页设计总是通过这些点的视觉构成来表达类似活跃、生机、闪烁、韵律等种种联想。在网面设计中，线的视觉构成形式表现手法主要有：密集排列的线形成面的视觉效果，疏密变化的线产生透视空间的视觉效果，线的粗细变化形成虚实空间的视觉效果，错觉化的线形成不同的视觉暗示。通过线的视觉构成来表达类似平稳、不稳定、条理、圆润等种种联想.在网面设计中，面的视觉构成形式表现手法主要有：几何的形面表现规则、平稳、较为理性的视觉效果，自然形面给人以生动、厚实的视觉效果，有机的形面形成柔和、自然、抽象的形态，偶然形面具有自由、活泼而富有哲理性，人造的形面富含理性的人文特点。

（2）文字的运用

首先，文字的位置要符合网页整体需求，从全局的角度考虑文字在页面中的安排，避免视觉上的冲突，避免引起主次不分。此外在设计中不要太相信软件的自动排列，有时一个象素的偏差也会改变网页的意图。其次，文字是网页的形象要素，具有传达感情的功能，因而网页中文字的运用要给人以美感，愉悦受众心情，唤起受众的审美感受，准确传达出作者想表现出的意图和构想。

（3）色彩搭配

设计者的意图总是通过色彩来表达。色彩通过视觉反映人诸如兴奋与镇静、温度感、重量感等心理效应。通常，网页作品最先攫取受众注意力的是色彩，其次是图像，最后才是文字。色彩总是设计师表达设计意图的首选。掌握其色彩所具有的生理与心理的功能也是合理的运用色彩的必然要素。这两种功能的产生是当人受到色彩的视觉冲击后，自觉或不自觉地由个体本已具备的生理因素和心理因素所引起的视觉感知而达到的不同的视觉效果。生理因素包括色彩与声音、色彩与味觉、色彩与形状;心理因素则包括色彩的嗜好、色彩的联想、色彩的象征等范畴，不同的色彩会给人以不同的感受。

三、总结

视觉艺术美的法则以及表现方法总随着时代的不同而不断发展，特别是今天变化极快的互联网，由于追求的目标不断变化，人们审视美的观念也在不断地变化，但是美的本质是一样的。同时随着技术的发展，很多以前不容易实现的视觉艺术也渐渐被实现。互联网一旦突破带宽的瓶颈，网页设计中的视觉艺术将会有更广阔的天地。

作者简介：顾海松 男 汉族 旧金山艺术大学 网页设计与新媒体专业 硕士 职称 助教 研究方向 网页交互 界面设计。