ShopEx首页支持中心工作时间(9:00-18:00)
 

浅谈网站建设的扁平化设计

发表时间:2014-05-05

  互联网近年来刮起了一场风,一场关于网页style的风,它不偏不倚的把人们的喜好吹向了——扁!平!化!

  说起扁平化设计其实大家并不陌生,早在2012年上海商派网络科技有限公司官方网站的改版采用的即是这种设计风格,经过过了进2年的使用,从用户反馈的数据来看这次改版也显得非常成功。自前段时间苹果IOS7的推出后,这种设计风格也更被大家所熟知了。

  那么我今天要做的,就是想大家更为详细的介绍什么是扁平化设计风格,首先,在这里我们切不分析过去几年的拟物设计风格和现在的扁平化设计的优劣,更不不需要去评价孰好孰坏,在一切形式都是为内容服务的今天,我只能说哪中风格更适合你的产品,那哪种风格就是好风格,就想你问我水和酒什么好喝一样,我同样没办法回答,只能看此时的你最需要什么。

  为什么会流行起扁平化设计呢,有的人说是苹果的简约风格引领起的时尚潮流,偏巧前两年某网站建设案例:苹果手机专卖的B2C购物网站概念数码网也用了这种风格,也有的人说是一群高级设计师为寻求突破而做出来的设计潮流,也有人说是从平面设计中演化而来的...

  其实我认为,以高光、折角,倒影为代表的web2.0设计风格在流行了23年后已成疲软之势,而现在的扁平化设计风格随之将成为未来设计风格发展的趋势,这也是设计界发展的必然规律。

  把握好当下的流行趋势是作为一名设计师的必修课,那么下面我将以一些案例为大家详细介绍何为扁平化设计风格。

  1.去掉特效——做减法

  同样是图标设计,去掉了阴影、高光、渐变和所谓的质感造成的透视感效果,将以前的质感显得更有质感。取而代之的是通过用抽象、简化、符号化的设计元素来表现。展现给你的是极简、大体字和十足的现代感,其设计的核心是交互体验重在产品的极简和功能,摒弃过多的界面感。这就是做减法  

  2.巧用色彩

   扁平化设计中,通常偏好明亮而且绚丽的多种颜色搭配使用,它一反以往的三色原则,让六七种颜色同时展现在同一个主题下。一般比较受欢迎的颜色有——蓝色、紫色、绿色、复古橙色。如下图展示:

  3.注意细节

  并不是说只有web2.0高光渐变投影才讲究细节,细节对扁平化来说同样很重要。你可以自行比较一下下面的设计图。

      

    扁平化设计仅仅是一种设计中的元素流行趋势,它仅仅是一个网站建设的一部分,但正如前文所说,一切形式依旧永远是为内容服务的,作为设计师并不能一味的追赶潮流,适合产品的设计才是最好的设计。

  扁平化设计不是万能,它应该适合产品定位才是最好的,设计师莫要一味的追求流行如何为高龄用户群进行用户体验设计做好扁平化设计的技巧并不是一味的去掉拟物设计的元素,而是需要设计师多加以观察,去练习,学会提炼重点!

  扁平化设计并不是简单的涂个颜色,其实也是有很多细节需要把握的,色块也可以表现出很有质感,很有动感的效果来。而去掉了高光,投影的修饰,反而对对设计师的色彩把握感要求得更高,就像级别的厨师竞赛中没人会去做烧烤,不放辣椒的菜如何才能把原料的鲜味体现出来才是做菜的最高技巧。

 互联网设计,是互联网文化的表现之一,它更加趋向于互联网style——一种时尚、简洁、绚烂多彩。在这趟设计潮流的变革中,我们作为见证者,也作为参与者,就让扁平化的设计风暴来得更猛烈些吧。我准备下次把我的网站——http:www.ekaidian.com设计也变成扁平化。

最后,文章大部分思路来自ihave.com的团队,谢谢他们。

 

热门文章>>

产品知道
标准版,试水电商,低投入高回报。
企业版,野心勃勃不如付诸实践,重在抢占先机。
旗舰版,杜绝“大企业病”业务管理步步到位。
网店系统咨询