扁平化网页设计

发布时间:2015-02-03 14:03:21

如今一提到网站设计,就会不可避免地碰到“扁平化设计”(flat design)这个词。近几年扁平化设计趋势风生水起,也受到很多大公司的青睐。
对于没接触过的人来说,"扁平化设计"是一种设计风格术语,它抛弃任何能使得作品突显3D效果的特性。通俗地说,设计中不使用透视、纹理、阴影等效果。

设计师们如今似乎正朝扁平化风格倾斜,因为这种风格干净利索,现代气息浓郁,而且能让设计师专注最重要的内容和信息要素。这样设计出来的作品不容易过时,而且看起来简洁、高效。

谈到扁平化设计,我们不得不提及它的对立面:复合设计(Rich design)。这种设计方法使用尽可能多的效果元素,如反射、投影和纹理变化等等。它带给用户一种触觉感知,在使用应用或浏览网页时也很实用。

    值得注意的是,复合设计不是拟物化设计(Skeuomorphism)。拟物化设计是使作品更接近实际的物体,故意让他们看起来有种很熟悉的感觉。
    2006年末,微软为了和苹果的iPod播放器竞争,推出了Zune音乐播放器。从那时起,微软也提出一种名为Metro的设计风格。这种风格突出字大号的图片及小写字母菜单。Zune的桌面软件也配合Zune采用相同的设计,创造一种完整的用户体验。

    Zune系统的设计风格跟当时微软传统的Windows风格有很大的不同。当2010年推出Windows Phone 7系统时,微软利用从Zune设计中积累的经验,改良了新版操作系统Windows Phone 7的设计,大号、明亮、网格形状、简洁的自已和扁平的图标主宰了全部风格,由此Metro风格流传开来。它是如此的流行,以至于微软还把它应用在了之后的 Windows 8,更别提其他的软件、当前的网站及其他产品(如:Xbox360)等等。
    当微软研究它的扁平化风格设计时,苹果也不甘示弱。它不断暗示将放弃拟物化的使用。2013年iOS7发布后,苹果彻底放弃拟物化设计。

    由于苹果用户人数较多,iOS7的发布使得扁平化设计一夜爆红。不得不承认,苹果的设计美学是大部分网站和应用程序的设计风向标。很多设计师认为苹果的设 计更加现代、更吸引人。因此,当苹果选择扁平化的风格时,拟物化设计几乎瞬间过时。使用这种风格设计的网站和开发者很快发现他们需要重新设计。

    这一点从iOS7中更新的应用中就可以看出来,他们都追随了扁平化风格,也逐渐被用户所熟悉和接受。近几年扁平化设计之所以如此流行,和响应性设计的发展 密不可分。随着越来越多的设备接入网站,加之各种设备屏幕大小、浏览器的限制,设计师们发现,当他们的设计风格过分依赖纹理、投影时,如果画面收缩为更小 的尺寸,效果不是很理想。

扁平化设计能让网站设计更加高效。由于没有太多的设计元素,网站加载速度更快、收缩弹性更强。

另外,设备屏幕的分辨率越来越高,所以需要显示更加简洁明快的图案。显示简单的图形和字体总比为不同的屏幕设计不用的图案方便得多。
如今,不得不说扁平化已变成主流了,更多的设计倾向于扁平化。
 

了解更多长沙网站建设知识,请点击官网http://www.shunchen.net/


 

Copyright © 2004-2018 顺晨文化 版权所有 备案号:湘ICP备14014194号-18 Power by XC