APP下载

浅析扁平化风格如何高效地在网页设计中应用

2019-10-21白昌琮

青年生活 2019年13期
关键词:基本要素网页设计

白昌琮

摘要:当下的社会是一个被数据轰炸的网络化时代,用户想要在复杂网络环境中寻找到对自己有用的信息十分困难,扁平化设计的出现有效缓解了这一症状。扁平化风格是近几年流行的新的设计风格,在网页设计中用简单的几何图形,同类色与对比色等色彩搭配,使用无衬线字体,去除一切多余的装饰,尽可能多的弱化干扰元素,用最简洁的效果高效地向受众传递重要内容。本文通过扁平化设计风格的基本要素与网页设计原则对扁平化设计风格如何更好地服务网页进行探讨。

关键词:扁平化风格;网页设计;基本要素;

扁平化风格最开始用于印刷的平面设计中,没有具体的起始时间点,在二战之后的瑞士,出现了“国际主义风格”这种风格最突出的特点就是强调版面编排的整洁,清晰,美观,可读性和客观性。注重利用摄影,字体来强化信息的传达效果。对于所用字体以及图形的大小,形状有很密集的安排,达到视觉上的整体性与设计上的统一性,这种风格传达信息准确,故在当时的设计界风靡一时。所以笔者认为“国际主义风格”在表达形式与设计理念上与当下的“扁平化设计风格”有异曲同工之妙。

在如今人们获取信息的方式从纸质媒介转移到了手机、电脑屏幕,近年来互联网行业发展迅猛,附带着网站建设的不断进步与完善,网页设计的风格和类型也丰富庞杂,用户在浏览繁多的网页时难免产生视觉上的疲劳。随着微软Windows8的发布以及苹果在2013年扁平化官网的推出,极大地推动了扁平化设计风格在设计界的盛行。有了行业巨头的带领,扁平化风格在设计界犹如当年的国际主义风格风靡全球一般在近几年蔚然成风。扁平化设计的目的为了简洁、高效,设计的过程简单流畅,受到了诸多设计者的青睐。接下来根据笔者个人的学习和研究分析扁平化风格在网页中的应用方法。

扁平化风格是辅助网页中各个要素的一种设计方式。要逻辑清晰层次分明地向用户展示网页内容,接下来通过质感、色彩、文字、排版四要素来分析和探讨扁平化设计在网页设计中的运用。

一、质感更弱,即“弱质化”放弃装饰并且简化元素,放弃一切拟物化设计中的装饰效果并且在外观上简化所有元素,用干净简洁的视觉效果展现清晰明确的布局与层次,让用户可以直接地看到并且熟悉需要的功能与交互方式。对于链接、图标等,放弃了使用强烈的渐变、投影或明暗面来突出效果,而是用简单的几何图形来突出外形。这些元素质感更弱,简化了用户的操作,避免了用户注意力的分散,減少对网站主要内容的忽视。

二、色彩更少,在减弱了多余的视觉干扰之后,为了增强主要内容的吸引力,网页设计中更加注重色彩的搭配运用,这包括整体的版面设计,导航与按键的配色,颜色的搭配方式对抓住用户眼球起到了关键的作用。

同类色搭配与对比色搭配,是设计者在做设计时最常见的两种色彩搭配方式,在扁平化的网页设计中也是最常用的两种色彩搭配方式。在色相性质相同的颜色中,有深浅之分即为同类色,同类色在网页设计中运用较广在能够分清某一元素层次感的同时也不丢失整体感,最常见的就是黑白灰的搭配。对比色的运用较有难度,要考虑到网页设计的整体风格,避免过强的对比干扰用户视线。成功的对比色不会分散用户注意力反而给整个网页带来活力的视觉效果。

三、字体简洁,文字在网站中是除了图片以外传递信息最重要的载体之一,文字可以最直观的表达情感和诉求。所以字体的选择是一种直观、感性的行为,在扁平化设计的网页中字体大多用无衬线字体,排版上通过加宽字间距与调整字体的大小,让用户在阅读中感到舒适,并且有鲜明的层次感。

四、画面组合要简单考究,只有好的版式设计,才会产生高质量的网页设计。其中最重要的一点就是有鲜明的视觉导向型。通过图片之间的排列组合,网格布局的设计,拒绝没有必要的图片和图像,只为了给用户带来最高效的引导和视觉效果。

其次,在与网页设计结合的同时,也不应该忽略网页设计的要求,在有了明确的主题并且使用扁平化风格对网页进行设计需要遵循相应的原则。笔者认为扁平化风格的网页设计有三大原则。

清晰原则,在网页设计中,扁平化风格的主要内涵不是设计感,目的是为了让用户更容易去接受内容,在使用中要让用户快速的了解图标等元素表达内容,简单易懂,清晰明了。

高效原则,扁平化风格应用于网页设计的主要目的就是突出中心内容、强化信息以达到借助网页服务用户的目的。表达形式不要复杂,高效的向用户传递信息,在最短的时间内达到目的,用户高效的了解整个网页的内容,才是扁平化的网页设计应该做到的事情。

友好原则,扁平化设计采取被已被大众默认的用户界面元素来创造用户视觉上的熟悉感。把被大众认可的标志,例如开始、后退、播放、分享等按键进行扁平化设计,再通过形状以及色彩的设计,让人有视觉上的亲切感,整个页面的色调也不会引起视觉疲劳,给人舒适的感受,也是扁平化风格的重要原则。

如今的设计风格百花齐放,如何正确看待扁平化风格,是设计者们当前面临的问题,很多设计师和网站盲目的使用甚至滥用扁平化风格,自以为很时尚前卫,但很多时候达到的效果是相反的。例如涉及到一些复杂的用户体验,比如游戏网站等,他们需要的是拟物的设计风格,来放大自己的产品,突出特点,而不单纯的扁平。

笔者认为扁平化设计在当下面临的最大问题是用户接受程度的问题,受到长期的拟物化风格影响,单纯扁平化风格设计的网站,相当数量的用户群体在短时间内会无法接受,因为一些用户已经习惯了固有的网页导航模式,不太能够接受新的设计风格。如果不考虑用户体验盲目追求扁平化风格,注定会造成消极的结果。

最后,没有哪种设计风格是十全十美的,扁平化不是万能的,不同的网站要调整自己的风格,才能与要传递的内容基调相称。设计不仅仅是看起来怎么样,更多是应用和功能,扁平化只是设计者在探索,创新中的一站,未来还会有更前卫时尚的设计风格的出现,毕竟好的设计风格是在改变中得来的,应不断探索,去创造更适合自己适合时代的设计风格,未来的设计又会有怎样的风格出现呢?请让我们共同期待!

参考文献:

顾雷平《扁平化设计与拓展》 期刊:《上海艺术家》 2014

曹舒《浅析扁平化设计在现代设计中的地位和作用》 期刊:《美术教育研究》 2014

猜你喜欢

基本要素网页设计
论产权范畴下自然资源资产负债表基本要素和次要素
基于职能履行角度对管理会计基本要素问题的探讨
生活·思想·艺术
赏析古筝协奏曲《枫桥夜泊》
视觉传达艺术与中韩网页艺术设计的比较研究
对技工院校网页设计课程建设的思考
网页设计教学的创新探索
谈计算机网页设计中的布局
少数民族文化艺术元素在网页设计中的运用探讨
扬琴演奏中的基本要素管窥