APP下载

浅谈极简风格在网页设计中的运用

2016-05-18郭欣仪

电脑知识与技术 2016年9期
关键词:网页设计功能性

郭欣仪

摘要:本文主要通过浅析极简主义的功能性特征及其在网页设计中的运用和发展趋势,帮助设计师初步认识和了解极简主义风格设计对网页功能性的影响,以及如何将极简主义运用到网页设计中以增强其功能性。

关键词:极简风格;网页设计;功能性

中图分类号:TP393 文献标识码:A 文章编号:1009-3044(2016)09-0225-03

在全球化的飞速发展的今天,互联网已经成为生活中不可或缺的一部分。繁杂混沌的信息充斥在人们快节奏的生活中,使人们愈发希望拥有简单、宁静的空间,从而使极简主义风格越来越受到人们的关注。极简主义风格被运用到多个领域,其中包括网页设计。网页作为传递网络信息的媒介,兼具功能性和艺术性。优秀的网页设计应同时具备视觉上的美观性以及用户体验的高效性。而极简主义的设计理念能够很好地将网页设计的美观性和高效性融合在一起,因此极简风格成为网页设计的主流风格。

1 什么是极简主义

极简主义是一种将不必要的元素舍去,注重简约性和功能性的设计风格。极简主义始于20世纪初期的荷兰风格派运动,其只通过线条、几何图形以及纯色来表现的艺术宗旨为极简主义的萌芽打下基础。随后20世纪德国建筑大师密斯凡德罗提出“少即是多”的设计宗旨,通过使用现代建筑材料(钢铁,玻璃)、建造简单抽象的建筑架构,以及创造开放的空间来阐述极简建筑设计,极大地推进了极简主义的发展。到了20世纪六十年代,美国美学理论家理查德乌尔海姆首次提出了“极简主义”一词。

2 极简风格网页的特性

2.1 功能高于一切

极简主义一直秉承着功能高于一切的原则。极简风格的网页设计通过简洁、清晰的界面,向用户传递明确、直观的信息。同时,极简风格的网页为用户提供简单易用的操作方式,用户从互联网海量信息中寻找自己所需的同时不会影响到信息传达的速率。

2.2 高效性

效率,无疑是当今社会高速发展的前提,因此高效性成为优秀网页设计的一大特性。极简风格的网页设计摒弃一切多余元素,突出重点元素,避免用户分散注意力从而提高效率。谷歌搜索引擎的界面设计就是高效性极简设计的经典范例,其界面只保留了辨识度极高的Google标志以及用户最需要的搜索框,使用户可以快速直接的操作,而不会被任何其他元素干扰。

2.3直观性

网页是通过视觉来传递信息,因此界面的直观性和形象的明确性成为影响网页功能性和高效性的重要元素。极简风格的界面应在保证功能性的情况下,舍去视觉干扰元素,确保界面色彩,版式,浏览方式与其主题和内容相一致。从而使用户更直观地了解和浏览网页。

3 极简风格网页的设计要素

3.1 理智的减少

极简主义的“少”并不指盲目地减少,而是要考虑到网页的主题,功能以及网页的视觉平衡后,将无关的元素省去。通过这样的极简化设计,使网页更加整体,有秩序,从而增强网页的功能性。

3.1.1 减少色彩的数量

过于丰富的色彩会使用户眼花缭乱,分散用户的注意力。极简的网页设计应只使用与其内容,图像最相衬的,并且能够向用户传达正确情感的色彩。KYLE THACKER网站界面仅选用黑,白,灰,橙灰四色来表现。白色的字衬在以灰色和黑色为主基调的背景图上,既显得整体统一,又不影响文字的可读性;橙灰色色块起强调突出作用,吸引用户关注,又不会过于抢眼。网页整体看起来清晰明了,简洁舒适,并且具有时尚感。

3.1.2 减少图像元素

图像有利于信息与情感的传递,但是过多或与主题不符的图像会扰乱用户的视线,甚至传达错误的信息。因此,在选择图像时要确保其视觉上的清晰度和简明度,图像传达的信息与主题内容相符,并且图像的风格与网页整体风格统一。

3.1.3 减少信息量

尤其在网站的首页上,应当使用简短的文字信息点明主题,指明下一步操作。就好像一座大楼的正门大厅应当视野开阔,并且有明确易见的导视系统。Arne Meister网站中文字信息简洁,没有多余;界面纯白的背景使文字信息清晰可见;网页虽然没有图片装饰,但是文字的大小对比以及有序的排版使界面生动活泼。

3.1.4 简化交互操作步骤

交互设计是网页设计中一项特殊而必不可少的步骤。交互操作过于复杂会让操作过程很不顺利。当网站层次较多时,简化操作步骤是必不可少的。通过分类、合并以及逐级展开的方法整理操作步骤,使界面整齐、简洁,为用户提供思路清晰的操作指引。

3.2 合理的空间运用

空间的运用对于网页的功能性和美观性有极大的作用。设计元素在网页空间中所处的位置和大小都会影响到网页的可读性和美观性。以下几个方式有助于空间的合理运用。

3.2.1 留白

留白是网页界面设计视觉元素的重要组成部分。留白不一定是白色的,而是指任何与背景相同的空间。得当地运用留白效果可以创造视觉平衡、增强元素的易读性和冲击力,并且让界面充满呼吸感。通过留白的方式来引导用户的视线、突出网页的重点是相当有效的。极简风格的网页中元素越少,元素的位置、大小就越重要。谷歌搜索引擎界面极少的元素和大片的留白使网页层次分明,体现了其搜索功能性强大;网页通过纯白的背景突出界面中心的首要元素——Google标志和蓝色搜索框,并将次要元素放置在页面的边缘区,既不会影响其文字的易读性,也不会影响首要元素的可见性。

3.2.2 对比

对比是极简风格设计的常用手法。通过明暗、虚实、大小等对比形式将视觉效果维持在平衡状态,同时突出网页主题、弱化网页的陪衬元素、使网页富有层次感。ONZE网站通过颜色对比和大小对比突出重点元素,虚化次要元素,来引导用户的浏览顺序,增强网页的功能性,并且使网页富有节奏感和设计美感,从而提高用户体验的愉悦度。

3.2.3 使用网格系统

网格系统是增强网页功能性的一大利器,它是由一系列水平和垂直,并且相互交叉的参考线构成。使用网格系统来规划网页会增强网页空间的秩序感和规范感,并且使网页浏览变得高效。当然,过度的使用网格系统会使页面死板,缺乏创意。Touch网站的网页通过使用网格系统将网页元素布置得井然有序,并且通过色彩,元素大小及形状的对比使网页生动而不死板。

4 极简风格在网页设计中的发展趋势

网页是互联网时代的产物,是传递网络信息的媒介,是网络与用户互动的平台。随着网络信息量的急剧增长,网页的设计显得越来越重要。优秀的网页设计要将艺术与技术相结合,具备交互体验的高效性、多维性和界面设计的美观性。

极简设计风格“少即是多”的原则满足了当下网页设计的需求。当用户疲于从大量无用繁乱的信息中寻找所需的信息时,极简风格的网页能够为用户提供一个简单、直接、没有多余元素、主题鲜明的界面,极大地减少用户注意力的分散程度,从而节约用户的时间,提高网页的功能和效率。同时,简约的界面提高了网页的艺术感,层次感,进而提升了用户的肯定度和关注度。极简风格国外的网页设计受极简主义影响较早,因此极简风格的网页设计已趋于成熟。国内对于网页设计的认知度和关注度也在不断提高,但是有关于极简风格在网页设计中的运用研究还是相对较薄弱,国内的大部分网页设计依然过于繁杂死板,功能性弱。但是极简风格作为网也设计的大趋势,也在逐渐影响着国内的网页设计,百度网等一些知名国内网站在不断地学习和借鉴国外设计经验,在极简网页的设计之路上不断前进。

5 结束语

极简主义风格并不浮华,也不是最盛行的设计风格,但却逐渐渗透进各种艺术和设计的形式,绘画、产品设计、平面设计、网页设计、建筑设计等等。它之所以能比其他艺术风格更具影响力,是因为极简主义并不只是一种风格,而是更偏向是一种法则,一种各种领域皆可使用的法则:杜绝一切多余的装饰,关注材料和功能本身的美感。美国著名景观设计师彼得沃克解释极简主义为:“物即其本身”,所有的设计应首先满足功能需要,即使最具艺术气息的设计还是要秉承功能第一的理念,然后才是实现它的形式。

采用极简主义风格设计网页不能通过一味的“少”来达到形式上的相似,而要明确网页的主题和目的;准确把握目标用户的需求;追求网页功能性的完美。在确保网页可行性和主题清晰的基础上,理智的筛选视觉元素;提炼出精髓;提高网页的易读性、美观性和整体性。

参考文献:

[1] 李静.基于视觉体验的网页界面极简主义设计[D]. 武汉:中国地质大学,2013.

[2] 原研哉.设计中的设计[M].济南:山东人民出版社,2006.

[3] 王受之.世界现代设计史[M].中国青年出版社,2002.

[4] William Lidwell,Kritina Holden,Jill Butler,朱占星,薛江.通用设计法则[M].中央编译出版社,2013.

猜你喜欢

网页设计功能性
基于十二指肠异常探讨功能性消化不良的中医研究进展
差异化功能性纤维研究进展
自灸助你远离功能性消化不良
一种功能性散热板的产品开发及注射模设计
谈计算机网页设计中的布局
少数民族文化艺术元素在网页设计中的运用探讨
不同功能性聚合物在洗涤剂中的应用
防治功能性消化不良药膳两款