网页设计风格与用户体验的二元交互

陈紫燕

摘要：网页设计是用户体验和艺术视觉感性印象相结合的过程，网页设计的视觉风格取决于网站设计的主旨和内容目标。同时，网站信息和内容主旨的传达取决于网页设计人员对设计风格的把握和自身的文化审美情趣。

关键词：视觉风格；审美情趣；用户体验

1图标设计的原则与风格

移动终端的大规模普及让过量的信息涌向客户端，受众产生了对信息的识别失能。所谓信息识别失能是指在信息过量的情况下，受众不能有效地消化这些信息，信息群转化为无效的信息符号。

为了有效解决信息接收用户对信息的识别困境，标准化和识别特征明显的图标设计成为网页设计的重要视觉元素和关键性信息识别标志。以下笔者将就网页设计的图标风格定位和设计原则进行总结和阐述。

（1）网页设计图标使用信息适量原则。网页指示图标信息表达不宜过量，如果网页交互指示图标传达的信息超过信息受众的一般信息接收量，图标信息在传达的过程当中很容易导致信息受众的识别失能。并且，由于短时记忆的信息容量很小，信息接收用户和网络程序使用者在选择图标指示时是调动自身大脑指挥的短时记忆，因而网页视觉图标应该表达适量的信息。

（2）网页设计图标使用合理性原则。在图标设计之前，应该由相关设计人员进行实地调研，重视网站使用者的用户体验和感受。充分研究网络信息使用者通过“手段目的”解决通用问题的方式的操作行为特性，并考虑使用者在操作上发生错误的各种可能性，研究图标使用的可能性和合理性。

（3）网页设计视觉图标的含义清晰明确的原则。尽量不选择容易造成含义混淆的视觉图标，含义清晰明确的视觉图标便于人明确获得操作步骤的信息及正确做出选择判断，而图标含义的不明确，会让受众无法操作对操作行为产生不愉快的知觉感受。简洁的图标使人对操作的感知更容易被储存记忆激发，在转化成愉快操作信息后记忆加深。

（4）网页设计视觉图标的目标用户熟悉度原则。尽量使用信息接受者和目标用户更为熟悉的认知图形，或者使用目标消费者通过视觉呈现元素的刺激更容易产生联想的图标。例如，要表达“购物商城”这一操作信息，用购物车、购物篮等视觉图标更容易唤起人的联想和熟悉度，从而更好地理解图标的含义，以及该图标与其他图标的区别。

2色彩的渲染与运用

色彩是网页设计和用户体验当中重要的印象元素，它是美丽而丰富的，它能唤起人类的心灵感知。举例来说，红色是热情奔放的颜色，象征蓬勃的生命力和进取精神；黄色彰显活力、华丽、明快；绿色就像广袤开阔的草原铺陈出的颜色，意味着纯净、无污染、宁静和生长，带给消费者和网站信息受众安宁、和平与安全的视觉印象。

颜色是光的折射产生的，红、黄、蓝是三原色，其他的色彩都可以用这三种色彩调和而成。在网页设计的视觉艺术风格呈现和展示的过程当中，网页设计师可以用颜色的变化来表现光影效果的变化和商品的质感，这无疑将使网页设计作品更贴近目标用户人群。色彩代表了不同的信息内涵和情感指征，给网站目标用户带来完全不同的视觉印象和信息指示。色彩渲染和光影明暗在网页设计中所蕴含的象征含义是网站目标用户所能感知到的信息特征和品牌印象，它因人的年龄、地域、时代、民族、阶层、经济地区、工作能力、教育水平、风俗习惯、宗教信仰、生活环境、性别差异而有所不同。

网页设计当中单纯的颜色变化和选择并没有重大的视觉意义，而不同颜色的搭配和渲染则能够带来有效的视觉用户体验，它所表现出来的效果也不同。例如，绿色和金黄、淡白搭配，可以产生优雅，舒适的气氛；蓝色和白色混合，能体现柔顺、淡雅、浪漫的气氛；红色和黄色、金色搭配能渲染喜庆的气氛。设计的任务不同，配色方案也随之不同。在进行网页设计时，应当充分考虑到网页视觉体验的普适性，尽量使用能让大众产生共鸣和愉悦感的安全配色方案。

3基于用户体验的网页设计过程

设计的实现可以分为两个部分。第一部分为网页的版面布局，第二部分为网页的制作。

基于良好的用户体验而进行的网页设计首先要关注整个网页的版面布局。我们可以将网页看作传统的报刊杂志来编辑，这里面有文字、图像乃至动画，我们要做的工作就是以最适合的方式将图片和文字排放在页面的不同位置。

第二个步骤就是网页设计师通过相关的设计软件来对视觉元素进行组合，将设计的审美构想变为现实。视觉元素包括了颜色的铺陈和碰撞，介绍文字的字体形态变形等视觉效果，图片形状风格的使用，动画效果的设计和渲染和布局造型的重叠铺排。

4网页设计元素的有机组合

在网页设计中，我们主要通过视觉传达来表现主题。在视觉传达中，视觉元素的有机组合是交互网页设计当中很重要的一个设计环节。交互网页画面上的图片、文字、图标、动画等视觉元素可以统一作为画面的基本构成要素点、线、面来进行处理。在一幅成功的作品里，需要点、线、面的有机组合与搭配来呈现一个视觉风格独树一帜、和谐优美的交互界面。

网页设计当中可以使用的组合手法有秩序、比例、均衡、对称、连续、间隔、重疊、反复、节奏、韵律、归纳、变异、特写、反射等等，它们都有各自的特点。在交互网页设计当中应根据网站宣传主题和机构形象地位，选择最适合的视觉元素组合方式，这样有利于网站设计主题的表现。

交互网页设计通过点、线、文字、图片、光影、颜色等元素的有机组合，可以充分展现交互页面上的重要元素，突出设计的主题，增强美感，让观者在感受美的过程中领会设计的主题，从而实现设计的任务。造型的巧妙运用不仅能带来极大的美感，而且能较好地突出网站机构的品牌形象。将网页上的各种元素有机地组织起来，它甚至还可以引导目标使用群的视觉注意力和强烈的用户体验欲望。

5基于交互体验的网页设计原则

网页交互设计是有原则的，无论采用什么样的设计手法对画面中的元素进行组合，都应当遵循以下四大原则：分割、统一、对比及和谐。

分割是指将交互页面分成若干个小块，小块之间有视觉上的明显区分，这样可以使目标受众对交互网站的分类信息设置一目了然。在交互网页信息量庞大的情景下，使目标受众能够清楚观察并点击自己需要的信息，这个信息甄别过程离不开对交互页面进行有效的分割。分割不仅是视觉呈现形式的需要，换个角度来讲，分割也可以被视为对于页面内容的一种分类归纳。统一是指设计作品的整体性，一致性。设计作品的整体效果是至关重要的，在设计中切勿将各组成部分孤立分散，那样会使画面呈现出一种枝蔓纷杂的凌乱效果。

交互页面视觉元素的对比就是通过层次参差和颜色碰撞，使网页设计风格更加富有生气。对比手法很多，如强与弱、粗与细、明与暗、长与短、疏与密、虚与实、主与次、黑与白等等。交互网页设计当中使用对比的设计手法应当谨慎，层次参差与视觉元素对比过强容易破坏美感，影响网页视觉风格的统一。和谐是指整个交互页面设计风格符合美的标准，浑然一体。如果交互网页设计师认为网页设计仅仅是数字、图片、动画等元素的任意混合，那么网页设计作品将不但没有“生动风格”，而且也根本无法实现网站主旨的视觉设计功能。交互设计和谐不仅要看视觉元素的布局是否和谐，最重要的是网站目标用户的使用体验和视觉印象，这才是成功的网页设计风格与用户体验的二元交互。