全国咨询电话:400 8229 926
其他页首屏导航下通栏广告

浅谈UI扁平化设计风格

文章出处:发表时间:2015-10-15

拟物化和扁平化是平面设计以及UI设计的迥然不同的两种风格。这两种风格一直被设计师或推崇或排斥,然而扁平化设计发展到今天,完全是时代发展的大趋势所造就的,因为随着移动端网络设备的普及,扁平化设计风格能更大的展示其优势所在。扁平化设计为什么能救活了一大批UI设计师呢?

 

      我们先从扁平化的概念来看:扁平化的概念最核心的地方就是放弃一切装饰效果,诸如透视,纹理,渐变等等能做出3D效果的元素一概不用。所有的元素的边界都干净利落,没有任何羽化,渐变。尤其在手机上,更少的按钮和选项使得界面干净整齐,使用起来格外简洁。可以更加简单直接的将信息和事物的工作方式展示出来,减少认知障碍的产生。

      也就是说做扁平化设计是在做减法,不像之前的拟物化,要考虑到诸多的质感、光影等细腻的地方。所以对于手绘功底不强的设计师来说,只要了解造型和透视关系,对于扁平化图标绘制就没有问题。更何况扁平化的GUI基本都是大色块堆叠出来,对于设计与制作业提高了不止一倍两倍的工作效率。

一套粉粉的国外优秀的扁平化APP GUI PSD免费下载 - 图翼网(TUYIYI.COM) - 优秀APP设计师联盟
 
      扁平化风格设计的优点在于它可以更加简单直接的将信息和事物的工作方式展示出来,减少认知障碍的产生。随着网站和应用程序在许多平台涵盖了越来越多不同的屏幕尺寸,创建多个屏幕尺寸和分辨率既繁琐又费时,扁平化设计更简约,条理清晰,最重要的一点是,更好的适应性。在扁平化设计中目前最有力的典范是微软的WIN8。

       回忆一下过去的Photo shop软件图标,一个拟物化的很具象的大眼睛,我们是否会把它和ACD see这款看图软件的图标搞混?自从PS图标被扁平化以后,蓝色的底子上面只出现了“PS”两个字母,我们对它的识别度不但没有降低反而提高了。

       扁平化UI设计属于二次元的世界,这个概念最核心的地方就是放弃一切装饰效果。将具象的立体物体造型归纳转化为简单的几何形体。这就要求设计师不但对造型要由独特的把握能力,还需要要一定的几何归纳能力。从很多知名品牌的LOGO演变中我们不难看出,为了适应更广泛的识别度和接受度,LOGO都在不断的做简化和几何归纳处理。比如星巴克咖啡就是一个很直观的案例,从70年代的咖啡色底子,类似写实人物的造型演变到2011年发布的纯图案不带文字的LOGO,一直是在简约化。所以简约化也是设计的一大趋势,而扁平化设计正是简约设计的具体体现。


 
       除了简单的设计元素外,扁平化UI设计更需要注重的是颜色的搭配。色彩作为给人的第一印象,对于任何设计都极为重要。扁平化设计通常采用比其他风格更明亮更炫丽的颜色。同时,扁平化设计中的配色还意味着更多的色调。比如,其他设计最多只包含两三种主要颜色,因为主色调过多容易引起色彩调和减弱,显得不够统一。但是扁平化设计中会平均使用五到八种主体颜色,并利用有效的色彩面积对比来使颜色足够丰富,同时纯度也足够高,使设计更加醒目。另外还有一些冷门颜色也挺受欢迎,如复古的浅橙色、淡紫色、浅绿色、湖蓝色等,这些在拟物化风格中被认为会破坏平衡的色彩被广泛应用到扁平化设计中。

 

       对于文字的搭配就不用再做过多的讲解了,作为一名合格的设计师,你一定会知道如何为你的界面或图标搭配适合它的字体。对于大部分UI设计来说都应该了解,中文字体基本上是会固定在某几种字体之内,所以我们不再做过多的尝试和考虑,毕竟有规范就应该遵循规范,需要注意的是文字的排版和色彩选用。千万不要试着为了使你的设计与众不同而采用花体的文字,或者在文字上做倒角或发光等立体效果,你可以设想一下这和扁平化这样的简约风格设计结合在一起会显得有多突兀。

分享给小伙伴们:

合作伙伴

地址: Copyright @ 2012-2016 北京翡翠教育科技有限公司版权所有 京ICP备12036804-1 电话:010-61943045 地址:北京市海淀区小南庄路怡秀园甲一号亿德大厦2层 网站技术支持:北京艾特八六科技有限公司