基于用户感观体验的网页界面设计视觉要素探究

周安琪

摘 要 通过网页界面设计中视觉要素分析，结合用户感观体验进行应用分析研究，旨在为今后网页界面设计的设计师在实际开发项目中提供理论支撑，为基于用户感观体验的网页界面设计研究进一步提供理论依据和实践的探索。

关键词 网页界面设计；感观体验；视觉要素

中图分类号 G2 文献标识码 A 文章编号 2096-0360（2017）20-0010-02

1 网页界面设计概述

1.1 网页界面设计概念

网页界面设计是根据使用者需求，向浏览者传递所要表达的内容（包括产品、服务、理念、文化），从而进行网站功能板块划分，然后进行的页面设计美化工作。

1.2 网页界面设计原则

网页界面的设计，既要从创意设计吸引人眼球，也要根据版式策划设计规划、使用者需求，使得网页界面设计技术与艺术相统一。所以网页界面设计应遵循以下几个基本原则。

1）用户导向原则。网页界面设计首先要明确使用者是谁，浏览网页的客户是哪些人，并且应处于使用者的观点来设计网页。如乐龄网，使用者是老年人，所以要站在老年人的立场，针对老年人特征、心理需求等特点来进行网页设计；小精灵网，则是针对儿童所设计的网站，所以设计者应站在儿童的角度进行网页设计，从而以满足用户的需要。

2）KISS（Keep It Simple And Stupid）原则。KIS是“Keep It Sample And Stupid”的缩写，是使网页设计变得简洁化并使操作者更加简易的使用，这也是网页界面设计的重要原则。如设计者经常浏览的站酷网站，操作功能版面简单，使用户可以容易找到所需内容，操作的提示有明确指向，用户可根据其指向满足需求。

3）视觉平衡。视觉平衡原则是根据用户视觉習惯，很好的将图形、文字、空白等元素排列到一起，使得使用者达到视觉上的统一。如网页设计中，大量图片配以相关文字，才可使人视觉平衡，而且根据使用者阅读倾向，浏览内容一般从左到右，自上而下，这也是考虑到视觉平衡所要遵循的原则。

而且适当留白给了字体和设计作品足够的空间，保持层次感；并且留白区域可以很好的指引用户，使用户尽快寻找到所需要的信息，提高用户

体验。

4）色彩的搭配和文字的可阅读性。在网页界面设计中色彩是其重要因素，不同的颜色对人有不同的影响，并考虑到对使用者的影响，就应选择适当的颜色，其中背景、元素、链接应用什么颜色，都是要考虑的对象，如果一个网页界面的背景和文字之间的对比不强烈，就像阴郁的天气会让人感到压抑，令人眼花缭乱的纯色会给人一种刺激，让人有强烈的抗议。即使是漂亮的颜色也不能和整体设计分开，由一个主要的颜色贯穿它，主要的颜色并不是最大的颜色，但却是网页界面设计中最能揭示和反映主题的颜色。犹如一个军队的首长，虽然是少数，但他却起着主导作用。设计的不同的颜色在相互搭配上也有着很大的学问。如京东网页设计，在年末时，采用了大红色主题颜色，不仅突出了过年的喜庆，更引人注目使人感到热情。

为方便阅读网站上的信息，使得文字可读性的提高因素是所选择的字体，通用的字体（微软雅黑，华文细黑，房正标宋，Times New Roman，中文宋体）更适合人阅读习惯，使得人们在浏览时更加舒适。但是如果使用不常用字体（如Cloister，Gothic，Script，Westminster，华文彩云，华文行楷），人们在浏览时会花费时间进行辨别，在阅读花费时间较长，更容易感到疲劳，所以在文字字体选择上更加注意其文字的可阅读性。

5）和谐与一致性。网页设计美观性要求和谐统一，通过对网页设计的颜色、字体、图形、空白等元素运用统一风格化，使得网页看起来是一体的。但网页设计一致性并不是默守成规、一成不变，而是通过每个专题所采用的不同设计风格，使得保持统一和谐一致感觉后，给用户新鲜感，例如网页设计的每个板块有各自要表达的主题，都采用暖色调，看似和谐统一，但在和谐中还包含新意，使用户在和谐统一中感受不同。

1.3 网页界面视觉要素

在界面视觉元素的设计中，使用者在视觉上的感受是至关重要的。网页界面中能够影响用户视觉效果的元素有图形、文字、色彩等。

1）图形。图形具有认知性，比如，人们普遍用放大境符号当作捜索或者放大的图标，就是因为放大镜具有很高的认知性，人们看到放大镜，脑海里就会想到放大或搜索事物；而且图形具有普遍性，如公共洗手间中的性别标识，无论男女老少，都能认出；图形还具有独特性，为了人们都能理解图形设计，图形设计会符合多数人共同特征，但在形式方面，却有所不同，所以需要在共同特征下，寻求其图形的独特性。

2）文字。文字从古至今是传递信息最好的符号，网页界面中文字传递给人们的信息也是最多的，在当今社会，文字不只是单纯的信息传达，更是一种艺术表现形式以满足人们的视觉享受。

文字信息要简明扼要，要抓住内容的特点，概括网页界面的主要内容，使浏览者看到后就知道自己搜寻的信息之所在。

3）色彩。色彩是艺术表现形式之一，它凭借自身不可抗拒的魅力可以使原本平淡无奇的东西瞬间赋予生命；在界面设计中，设计师通过配色方案使得用户能够很快找到所需信息，并进行分类归纳，使得使用者更加方便快捷的使用。色彩如果搭配合理可以使用户更加舒适高效的运用，反之，会引起使用者的误操作。

2 用户体验中的网页界面视觉要素研究

2.1 网页界面设计中的用户感观体验概述

感观体验指用户对某产品产生的直接感受，如视觉方面、听觉方面的感受。感观体验的研究贯穿了整个网页界面设计过程，包括网页页面中的图形、文字及色彩搭配等，这些可带给人们直接的感观刺激。主要是为了满足使用者精神需求，通过用户特性分析，设计出合理的视觉元素，然后不断深化，使得用户能舒适的沉浸在交互愉悦之中。endprint

2.2 网页界面设计中感观体验的视觉要素应用

分析

1）网页界面设计中的图形设计。图形设计既要反映对应的信息，还要符合整个网站的风格特点，所以要图文并茂的展示网页内容，使用户即使还未阅读文字，通过图形设计便可了解其主题。如淘宝服装界面，没有图片无法辨别其网页界面的内容，但因通过设计的上衣、裤子、外套、裙子等相关图形，使得使用者观看图形，便可第一时间判断出这是一个与衣服有关的网页界面。

2）网页界面设计中的文字设计。文字是网页中的主要内容，并不像图像能让人直观地提取画面信息。要提高信息传递的效率，就必然要确保文字的结构合理、格式整齐、页面整洁，界面需去繁从简，使人能以最短的时间获取最有效的信息。在进行字体大小设置时，应考虑到不同年龄人的视力情况，现在大多数年轻人存在近视，高龄人存在老花等问题，所以字体大小的设置要满足大多数人的需求，才能有效地获取信息。此外，文字设计也要与其内容相协调，如公安部门的网络就应严肃整齐，字体简洁，给人一种精干庄重的感觉；娱乐休闲的网站就应轻松活泼，给人一种舒畅自由的感觉；公司类的网站则需要结合公司的特点进行定制，但也要给人一种积极向上的感觉；个人网站则可依据自身的喜好来进行设计，突出自身的特點，使人通过阅览该主页即可大致了解你的喜好。无论怎样的网站，字体的种类要精简，风格统一。

3）网页界面设计中的色彩设计。每个人都是一个独立个体，对待色彩喜好也有所不同。在进行网页界面设计时，要细致分析用户人群特征，如使用者是儿童，就不能选择单调深沉的色彩，而需要搭配一些鲜艳明快的颜色。网页界面设计需要满足用户需求，这样才能引人眼球，提高网页宣传效果。颜色搭配还应符合主题，如政府机关的网站就比较端庄庄重，一般采用蓝色和红色，反映出政府机构的庄严肃穆；购物网站要给人亲切形象，一般采用暖色调，这种类型的颜色能够给人一种温暖的感觉，可以使消费者能更好的进行选购。因为人群特征不同，所以在进行网页界面色彩搭配时，需要运用合理的颜色进行设计，达到完美的视觉效果。

3 结束语

随着当今社会快速发展，人们越来越重视以人为本，以用户为中心的设计，基于感观体验的网页界面设计也得到很大的关注。本文分析网页界面设计的视觉要素，通过案例验证了感观体验下的网页界面设计视觉要素应用，即在今后网页界面设计中，可给设计者提供理论支撑，提升用户满意度，使得使用者可得到最佳交互体验。

参考文献

[1]李洪海.交互界面设计[M].北京：化学工业出版巧，2011：37-58.

[2]徐海化.UI群英汇—用户体验.交互.视觉设计方法论[M].北京：清华大学出版社，2012：32-49.

[3]张晓莉.体验设计的应用研究仁[D].无锡：江南大学，2008.

[4]陈烨.面向用户体验的网页界面优化设计方法研究[D].重庆：重庆大学，2010.endprint