网站优化

一向进化的扁平化规划,在2017年这么玩儿

点击次数:    更新时间:2017/7/7 9:12:49  【打印此页】  【关闭

平面化 VS 拟物化 的战役现已曩昔好几年了。扁平化规划完全占有了现在的干流规划趋势。可是,全局已定的扁平化规划,是不是现已固化不变了呢?并非如此。在曩昔的几年傍边,扁平化规划风悄然地进化,变得越来越多样,也越来越有吸引力。


现在再来从头审视前期的扁平化规划,突变、暗影和纹路的缺少,让它在视觉上显得略为单调,而几年的时刻沉积,扁平化规划中开端当令地融入了很多其他的规划元素,丰厚了全部扁平化规划的思维,并且创造了不少值得一体的共同扁平化规划分支。不管你所规划的是APP仍是网站,在 2017 年所在的这个时刻节点,枝叶茂盛的扁平化规划中,总会有那么几种风味共同的规划风气,能够让你倾慕。


扁平化规划缘起


曾一向被苹果公司所引领的拟物化规划风潮,在 2010 年的时分开端遭到扁平化规划的冲击。逼真的纹路、多样的突变和繁复的细节逐渐为人所厌恶,线条简约的2D扁平化规划开端替代“抄现实”的规划方法,一时刻,是拟物仍是扁平的争辩充满规划和技能圈,并迅速蔓延到圈外的普通用户,各不相谋,无所适从。


跟着乔布斯的过世、iOS7 和Android 4. 0 的发布,规划趋势终究仍是向着扁平化迈出了关键性的一步。夺目而高饱和度的颜色和方式感更强的排版替代细节和纹路变成抓人眼球的元素。


开始的扁平化规划,关于细节的剥离是十分完全的,这使得规划师能用的元素大多只剩下颜色和图形,这种局势临于规划师和用户都是困惑,细节的缺失让规划并缺少以支持悉数的信息传达,这种局势下,很多奇妙的扁平化分支就诞生了。


扁平化规划仍然是近 10 年来最具革命性的视觉规划趋势,并且它还将一向向前推动。


Material Design


想要体系了解扁平化规划的迅速开展进程,Material Design 是最值得研讨的事例。这一扁平化规划言语是谷歌为其旗下的数字商品的界面所创造的统一的视觉规划言语。


Material Design 吸取了扁平化规划最精华的部分,还奇妙地保留了拟物化的隐喻——纸,从而创建出现在所看到的Material Design,其间扁平化的元素被加上了一个奇妙的维度,其外化的体现即是奇妙的暗影。贴合物理运动规则的动效和奇妙的视觉维度令Material Design 仿佛能够跳出界面同用户进行互动,在扁平化的风气之下,它让数字商品拥有了和现实国际在质感上有了某些相通的当地。


细心审视 Material Design ,你会发现它很多“拟物”的特征极好地软化了近乎严苛的前期扁平化规划。


Material Design 有着清晰的概念,一同又跟着Google 旗下商品的演进而不断地优化和更新。从某种含义上而言,Material Design 是扁平化规划的主要和主要的推动者,假如你想榜首时刻了解它的改变,你能够跟着Android 的版别更新还当令检查它的调整。


扁平化 2.0


扁平化规划在几年的时刻沉积以后逐渐老练,终究在 2015 年被规划师们期间性地概括为“扁平化 2.0 ”。


“扁平化2.0 具有更强的易用性,因为它将扁平化规划的主要特征和高度可用的视觉头绪联系到了一同,兼顾到规划的美观和功能。一同,扁平化2.0 的高适用性,让它简直能够和任何概念联系起来使用。和前期的纯粹扁平化规划不相同,扁平化 2.0 中融入了不少奇妙的突变和不多的纹路,提高了它的全体可用性。”


扁平化 2.0 的说法最早源于规划师 Ryan Allen :“扁平化 2.0 是演化的成果,它并非革命性的改变。扁平化规划和之前张狂盛行的拟物化规划截然不相同,而扁平化 2.0 是扁平化规划上的一个分支。假如说扁平化规划是圣诞树的话,那么扁平化 2.0 即是圣诞树上的礼盒与糖块。它并不是浮华的装修,可是让全部圣诞树充满了兴趣和惊喜。”


扁平化 2.0 和 Material Design 相同,打破了前期扁平化规划中的生硬规则,并且经过适度的调整让视觉效果愈加吸引人了:


“·高亮和着重



·适度的突变


·同色系下多种色谐和色度


·奇妙的暗影


·更广泛的配色计划


扁平化 2.0 自身并不存在于UI和图标规划的国际傍边,实际上它现已延伸到视频、拍摄和图像傍边。


2017 的扁平化规划


进入 2017 年以后,扁平化规划仍然是干流,在规划方法和细节上,跟着年代的开展而演进,越来越老练和多样。


下面,是归于 2017 年扁平化规划的特征:


扁平化元素


前期的很多扁平化元素在现在的扁平化规划项目中,现已并不适用了。按钮的款式比以往愈加简单,圆角矩形的按钮调配黑色或许白色的文本,在今日愈加盛行。LOGO和图标采用了扁平化的个性,乃至仅仅由线条构成,这么不仅和全体个性更搭,并且在很多时分能够突出显现。


精简的导航


汉堡图标现已变成当时网站的规范装备,规划师能够将非关键因素隐藏在汉堡图标以后的菜单里面。


斗胆明亮的配色


因为扁平化规划关于配色的可接受性更强,页面规划有了更多的也许性。这使得现在的页面规划全体上比以往愈加多彩有趣,很多页面主页乃至采用了图像+颜色叠加的规划。


本文链接:http://www.yizheng.org.cn/news/news367.html
上一条:【官方说法】HTTPS站点如安在渠道提交数据    下一条:移动端页面乱象怎样破?搜狗查找正在为职业建言