简约主义下的网页界面设计

王欢

【摘要】： 近年来，互联网技术发展迅猛，网络应用已经遍布于人们生活的各个方面，网站是网络技术应用最为广泛的一个方面。对于网站的界面设计也随着时代的进步，风格越来越多样化。越来越多的设计师关注网页设计，并不断探索新的表现形式，本论文从视觉设计方面通过作者实际工作案例以及对大量的国内外优秀网站进行调研、运用对比分析法，结合用户视觉原理，对影响用户视觉体验的因素进行分析，强调简约主义“少而精“的设计理念在网页设计中的应用。结论，本文旨在探究在满足用户需求的过程中，网页界面设计中信息怎样能够有效传达，达到更好地为用户服务的目的。

【关键词】： 网界面；设计；应用；体验；

1、网页界面设计的现状和问题

近年来，随着网络的广泛普及，网站已然成为人们吸收了解外界的载体，人们通过上网浏览网页便可以做到足不出户就可以获得所需要的信息和物品，网购行业也随之快速的发展起来，这是因为网页可以承载图片、色彩、文字等多种元素，能够提供给浏览者足够的信息，方便了人们的生活。但是网页设计迅猛发展的同时，也产生了整体水平良莠不齐的问题：1.信息多且杂乱无序，把相关的信息和元素全部罗列出来，不分层次和重点，没有规范性，有多少内容就挤多少内容，使浏览者难以快速找到所需信息；2.喧宾夺主的设计，使用花哨的图案作为背景，干扰读者的视线。有些网站为了追求视觉的冲击力，放一些绚丽的，风格各异的图片，导致网页调性不统一，整体性差；3.一味的追求视觉美感而忽略网站的实用性，凸显不出产品的优势和特点，缺少与浏览者的互动性。视觉效果固然重要，但是一味的追求视觉效果是否真的能够提高网站浏览量和产品销售量？

我认为网页界面设计应该符合美观性和实用性双重要求。简约主义下的网页设计已经不能单纯的追求信息承载量，有一些网站把企业简介、企业荣誉和资质，全都展现在一级页面的位置，长篇大论的写公司的优势获得的荣誉，希望消费者一下子就能够了解自己的公司实力，反而将消费者更加关注的各类产品和主要信息模糊放在在一起，看似信息多了丰富了，效果却恰恰相反，这让很多消费者很难在网站里快速找到所需的信息，浏览者更是不会看长篇的介绍，这不仅没有让消费者了解自己，还会引起消费者的反感导致销量减少。简约主义下的网页设计也不能够单纯的追求色彩，绚丽画面，过多的颜色会扰乱消费者的视线，找不到重点，反而体会不到视觉的美感，从而降低了用户体验。

2、简约主义在网站设计中的应用（结合苹果官网分析）

简约主义源于是20世纪西方现代主义，欧洲现代主义建筑大师与设计大师米斯·凡德罗所提出的“少即是多”的理论，换句话说就是把设计简化，强调它本身内在的东西。这一理论被称为简约主义的核心。当今社会，人们工作强度高，节奏快生活压力大，人们需要一种可以互补的东西来调节神经高压。简约主义以简洁的表现形式来满足人们对产品那种感性的、本能的和理性的需求，符合了当今人们快节奏、高效率和高审美的要求，越来越多的设计师把眼光放在了简约主义风格的设计上，网页设计在简约主义风格的影响下也发展迅速。以苹果官网为例，苹果公司一直追求简而精的风格——简约主义风格。自乔布斯发布iPhone4，苹果官网界面设计风格越发简约。苹果官网新推出的产品——苹果7为例，风格依旧遵循着简约风格，整个页面除了黑色，找不到其它的色彩，网页上没有放置很多的文字内容，也没有很多绚丽的图片和色彩，通过极致的黑色和几根流畅的线条充分的展现出苹果7的简约奢华和精致，一张满屏幕的产品大图不用长篇文字的描述就已经让人感受到苹果公司强大的实力，这种简约风格的形式远比那些人们从不会去阅读的长篇大论更有力量！更有说服力！更加吸引浏览者的眼球！大大增强了消费者的购买欲望。然而单纯的追求简约主义设计风格，简约的画面和几张高精大图就是提高网页浏览量和销售量的关键吗？显然不是。

3、简约主义风格下如何与浏览者产生互动，提高用户体验

简约的画面只是网站设计最终显示出的效果，在网站设计过程中不仅仅只是考虑网站设计的画面效果，当然画面效果也很重要，但更重要的是要考虑消费者和浏览者在浏览网页的时候能否产生良好互动和用户体验。在简约主义风格下，如何才能与浏览者产生互动，提高用户体验呢？1.增加细节的设计。细节决定成败，网页设计也是如此。2. 建立清晰的视觉信息导向，使浏览者在众多同类产品中能够快速明确的定位所需要的信息。

简约主义下的网页设计不是空洞的，单调的而是让人感受舒适、放松的设计。简约主义风格的网页设计细节处理是非常重要的。如何才能做到网站设计细节丰富，版式简约，有内涵而不繁琐，有形式而又实用呢？ 以云米官网为例，云米净水器网页设计综合了视觉、布局、交互综合设计方法。用扁平化的图标设计代替了人们看不懂的数据表格，因为产品特点和优势不仅仅是一句话就能够让人信服的，需要用人们能理解的语言展示出来，才更有说服力。用图片的形式展示产品结构更清晰更加直观，从视觉上提升了科技感和冲击性。将实用性与美观性相结合，画面更加简约，细节处理更加丰富，更加吸引浏览者的眼球。让消费者看到这样的产品就产生一种感觉——买！

良好的可用性和清晰的视觉信息导向引导消费者快捷简便的定位到所需要的信息，增强用户的体验。网页信息筛选也决定了消费者浏览网页所耗费的时间，云米官网一级页面展示了品牌故事，超能净水器，超能滤芯，全屋净化以及生活周边。当浏览者鼠标放在所需要的类别时，网页在一级界面自动拉出小的产品框，方便消费者快速找到所需要的产品。二级页面直接的展示出产品以及产品细节各类信息，高清晰、高品质产品细节图更加具有吸引力，让人一下感受到产品的品质。

结论

当下，国内网页仍存在着很多的问题，在简约主义风格的带动下越来越多的设计开始关注并且完善网页设计的美观性与实用性的结合，以提高客户体验和互动性为目标，用简明易懂的图形文字组合代替长篇的数据，把“简而精”的概念融入到网页设计中去。

【参考文献】：

【1】（美）昂格尔著.UX设计之道——以用户体验为中心的Web设计.孙亮译.人民邮电出版社，2010-4.

【2】徐珂，苗彤， 赵晖. 网页视觉与设计[M ] . 北京： 人民邮电出版社， 2001.