简约化设计视角下的网页界面设计研究

王永花　殷旭彪　葛志慧

摘 要 针对当前我国网页设计不规范这一现象，提出简约化网页设计的观点。运用文献资料法、归纳分析法和案例研究方法，以心理学、美学、信息传播等不同学科为理论基础，探究简约化网页设计趋势的实质原因，并通过视觉、注意、记忆、情感等角度深入浅出地分析简约化的网页设计元素。

关键词 简约化设计；信息传递；网页界面设计

中图分类号：TP393.092 文献标识码：B

文章编号：1671-489X（2015）08-0057-03

1 简约化及相关概念厘清

简约化与饱和化的辩证 饱和，在化学中的解释是：在一定温度和压力下，溶液所含溶质的量已经达到最大限度不能够再溶解时表现出的形态。也用来比喻事物发展到最高限度时所表现出来的状况和态势。从视觉接受的角度分析，饱和化是指视觉信息达到人们所承受的最大限度。简约化与饱和化是相对的。简约化就是对人视觉信息的简化，它是用简洁明快的视觉语言来满足受众对视觉环境感性的、本能的和理性的需求。

简约化与简单化的厘清 简约不同于简单。“简单”解释为结构单纯、容易理解，与复杂、困难、繁琐是相互对立的词语。在网页设计中简单表现为页面结构单一、色彩单调，在形式表达上比较呆板，无法给人视觉带来亮点，功能缺乏交互性等。简约并不是缺乏设计要素，它是一种更高层次的创作境界[1]。简约是针对不同对象，筛选适合于设计对象的、经过不断精心组合或者选择的精华。它遵从人类的生理和心理状态，强调的是以人为本的更为情感化的设计。

2 简约化网页界面设计的内涵分析

形式统一与和谐 凡是简洁美的东西都有一条共同的原则，就是在外观造型中的各元素存在一定的和谐、统一的关系[2]。人的视觉和心理惯于接受有序、简洁与和谐的形态。即使人们遇到一些看似凌乱无序的画面，也尽量从各种角度对其进行归类、整理，以求从中找出内在的规律与美的因素。因此。视觉美感产生于有序与和谐之中。有序与和谐让人对事物的心理感觉单纯化、规律化以及整洁化。

网页功能的简洁性 简约的网页在功能上能明确表达功能效用，强调用户体验，是一种人性化的设计。王晓蓉、杨治明曾经建议人性化网页界面设计要具有美观性、舒适性、简洁性、一致性、高效性和安全性[3]。简约的网页功能针对用户的心理动机、认知心理、智力发展状况进行设计，表达意义简明醒目，易被用户注意和认知，而不是浪费时间去寻找功能。

形态的易记性 从记忆的角度来说，简洁单纯的网页元素要比复杂的网页元素更容易被人们记住。简洁单纯的事物视觉点突出，不会分散用户的注意力，能够保持长时间的注意力稳定。

情感表达的丰富性 简约化的网页呈现的不仅仅是一个视觉画面，它还蕴含着深刻的思想和丰富的情感。针对用户的情感心境，使用合理的文字、色彩、图像，能使用户对产品产生亲和力，从而加深品牌印象。因此，网页不仅注重它的美观度，更注重它的情感表达的丰富性。

3 网页界面设计中简约化要素分析

简约化设计与文字元素 文字是人类用来记录语言的符号系统，在网页界面设计中占有十分重要的作用，因为人们大多信息的获知都是以文字的形式表达出来的。众多构成要素中文字具有最佳的直观传达作用以及最高的明确性。文字传达本身语义之外，还传递其他一些信息。文字视觉形态的大小、颜色、曲直、排列的疏密，以及语言的强弱、缓急、和谐或嘈杂，以及表情、姿态等，能够引起浏览者内心相应的不同感受。文字简约化设计表现为以下几点。

1）易读性：文字的表达要能被大众理解，在排版形式上能够符合人们的视觉流程，在文字颜色和大小设计上要符合网页的设计风格。

2）明确性：信息表达简洁明了，不繁琐不模糊，能够明确表达网页设计的中心主题；在语义的传达上不会让人产生歧义，传达的信息容易被用户理解。

3）美观性：文字的大小、颜色、编排等的设计要符合人的视觉审美，选择适合于网页风格的文字编排；通过文字形体的统一变化、文字编排的节奏韵律、文字量感的对比和谐来增强网站的美观度。

4）适合性：针对不同的用户，使用合适的文字大小、颜色、语气、形态，拉近用户的心理距离，引发用户的情感共鸣，达到产品宣传的最终效果。

5）创新性：将文字图形化、意象化，以更富创意的形式表达出深层的设计思想，能够克服网页的单调和平淡，从而打动人心。这种方式的处理既是文字内容的直观表达，又是文字含义的延伸表达。它增加网页的视觉亮点，给用户耳目一新的感觉。

简约化设计与图像元素 图像在网页设计中扮演着不可缺少的角色，能够简化网页设计的各种复杂的信息，这也是大多设计师喜欢它的原因之一。图像简化信息的具体表现包括以下几点。

1）图像的直观性和简易性：图像取代了文字多而繁杂的缺陷，相对于大片的描述文字，人们更愿意去选择简洁和直观的图片，它易被理解和认知。尤其是在体现产品特质的网页中，与其使用大量的文字耗费精力，不如使用更直观的产品图片，提高信息的传递效率。

2）图像的丰富性和真实性：图像含有丰富的色彩，具有设计艺术的美观度和视觉的空间感，所以能够吸引人们的眼球。同时，图像多是真实的生活采集到的摄影图片，在艺术的表达上自然、不做作、真实，更符合人们简约化思维的模式。

在新闻资讯类网站中，图文结合是经常见到的现象。网站中都会把今日的重点新闻配上小块的图片放在网页中，不仅简化了文字的数量，还提高了用户处理信息的效率。图片的应用就是对信息的简约化处理，图像将信息以最直观、简洁的形式呈现出来，省去了人们阅读大篇文字的时间，也避免了因文字过多而迷失重点。

另外，图形的简约化还表现在LOGO设计上。LOGO可识别性强，使用简单的图形表达丰富的含义。简约化的标志更容易获得受众的认知，更具有时代性，是信息简化的产物。endprint

简约化设计与色彩元素 色彩在网页设计中占有很重要的位置，因为就生理而言，人们对色彩的敏感度特别的高。马克思说：“色彩的感觉是一般美感中最大众化的形式。”[4]当打开一个网页时，关注色彩元素比其他的元素都要强，色彩最具表现力与识别性，出色的色彩搭配可以在瞬间吸引用户的目光[5]。同时，它能够体现企业产品的特质，在不需要过多繁琐的文字、版式等元素的搭配下，色彩就能直接简洁明了地给用户第一印象。

简约化的网页色彩设计就是根据网页类型的特质，从复杂的客观色彩中提取出最能凸显设计神韵的一到三种主观性的色彩，通过色彩的色相、纯度、明暗、色块面积等的对比，简化用户的视觉流程，给受众带来视觉和心理的轻松，具体表现为以下几点。

1）配色的统一和谐：同一色彩的大量使用，可以使页面整体化和秩序化，能快速给用户留下深刻的印象。

2）配色的强调和突出：使用和其他元素颜色对比强烈的某一色彩，可以引起受众的注意力。

3）配色的留白使用：采用大面积色块的留白，增强了页面的节奏感和韵律感，能够使页面简洁大方。

简约化设计与版式设计 如果把网页界面中的文字、图形、点线面等元素比喻成员工的话，那么版式设计就是一个管理者，根据员工的职能特点，依据一定的管理理论和方法，有效地激发员工优势，从而更好地完成任务。因此，版式设计就是将文字、图像、色彩、图标等元素有机组合，表达美与和谐[6]。

简约化的网页版式设计并不是将各种元素杂乱无章地编排，而是按照人们的视觉流程规律以及形象思维，有秩序统一地进行规划整合。基于受众的视觉流程规律，简约化的网页版式设计应该具有以下特征。

1）清晰易读：网页的不同元素位置设计，框架构造上和谐统一。每个元素不是混乱的搭配，而是根据人的视觉流程特点，将设计元素进行合理规划，能够在人的大脑中呈现出清晰明了的信息。

2）统一有秩序：统一和秩序增强了网页各元素的联系和轻重关系，符合用户的阅读习惯、心理秩序和思维发展的逻辑认知顺序。

3）相互呼应：呼应是指两个以上的形态之间通过“呼

唤”和“相应”的关系达到画面的均衡。有效的网页元素呼应能够增加元素之间的内在联系，使网页整体感突出。

4）中心突出：视觉中心是人的视觉心理量感所偏向的视觉位置。视觉中心突出的网页能够主次分明地把网页的元素进行位置编排，以突出网页要表达的重点信息。

简约化设计与留白 顾名思义，空白区域是指不同元素之间的区域。在网页设计中，文字之间、段落之间、图片之间等网页设计元素之间的区域都是空白。网页设计的留白并非意指白色，而是设计界面中内容的空白。认知心理学的研究证明，留在空白之中的东西更容易被人注意和想起[7]，它是符合人们的认知需求的，人们的注意力和记忆力不可能长期保持稳定的状态，他们需要外界的事物给予一个“缓冲”和“喘息”，以获得视觉和心理的缓和，因此，留白体现的是一种单纯轻松的理念。

“留白”在某种程度上代表着简约[8]。留白正是用这种“此时无声胜有声”的视觉语言，诠释了简约化设计的以少胜多之美。留白能控制视觉量感，保持了网页整体的统一性和平衡感，增加了网页页面的内涵和丰富性。网页设计中一般包括以下几种常用的留白技巧。

1）背景和元素间隔的空白：它能够清晰地分离页面板块，增加页面的空间感，更容易引导用户的视觉流程。

2）页面大面积色块使用：页面大面积使用某一色彩，可以强烈渲染、烘托网页设计元素和网页主题，简约时尚而更具视觉冲击力。

3）统一页面主要设计元素的背景，呈现出规则图形组合：统一而有秩序的页面能简明地体现网页主题的特质，更容易让用户认知。

4 总结

简约化网页界面设计符合现代人们视觉和心理的需要，是时代大背景的选择，体现设计界最先进的设计理念。将简约化的思想和理念运用到网页设计中，创造性地处理网页中文字、图像、色彩、版式等网页元素的关系，便能正确把握设计流程的方向，给设计师和用户一个规范的参考。

参考文献

[1]黎浩.简约主义：现代设计的风格倾向[J].高教论坛，

2004（5）.

[2]杨大松.现代设计艺术的简洁之美[J].安徽建筑工业学院学，2004，12（2）.

[3]何亭.人性化网页界面设计的进展与展望[J].美与时代，2012（9）.

[4]欧阳丹.浅析现代平面设计中色彩的简约化趋势[J].湖南工业职业技术学，2009，9（1）.

[5]吴爱群.简约版式在平面设计中的应用[J].美术教育研究，2012（3）.

[6]石艳红.网站建设中的版式设计[J].科技信息，2007（28）.

[7]张统宣.虚与实的和谐：论网页设计留白[J].价值工程，2011（10）.

[8]唐周.意向留白[D].长沙：湖南师范大学，2012.endprint