POST TIME:2018-12-03 17:47
平面化 VS 擬物化 的戰(zhàn)爭(zhēng)已經(jīng)過(guò)去好幾年了。扁平化設(shè)計(jì)徹底占據(jù)了如今的主流設(shè)計(jì)趨勢(shì)。但是,大局已定的扁平化設(shè)計(jì),是否已經(jīng)固化不亂了呢?并非如此。在過(guò)去的幾年傍邊,扁平化設(shè)計(jì)風(fēng)悄然地進(jìn)化,變得越來(lái)越多樣,也越來(lái)越有吸引力。
如今再來(lái)重新審視早期的扁平化設(shè)計(jì),漸變、暗影和紋理的缺乏,讓它在視覺(jué)上顯得略為單調(diào),而幾年的時(shí)間沉淀,扁平化設(shè)計(jì)中開(kāi)始適時(shí)地融入了許多其他的設(shè)計(jì)元素,豐富了整個(gè)扁平化設(shè)計(jì)的思想,而且創(chuàng)造了不少值得一體的獨(dú)特扁平化設(shè)計(jì)分支。豈論你所設(shè)計(jì)的是APP還是網(wǎng)站,在 2017 年所處的這個(gè)時(shí)間節(jié)點(diǎn),枝葉繁茂的扁平化設(shè)計(jì)中,總會(huì)有那么幾種風(fēng)味獨(dú)特的設(shè)計(jì)風(fēng)尚,能夠讓你傾心。
扁平化設(shè)計(jì)緣起曾一直被蘋(píng)果公司所引領(lǐng)的擬物化設(shè)計(jì)風(fēng)潮,在 2010 年的時(shí)候開(kāi)始受到扁平化設(shè)計(jì)的沖擊。傳神的紋理、多樣的漸變和繁復(fù)的細(xì)節(jié)逐漸為人所厭倦,線(xiàn)條簡(jiǎn)約的2D扁平化設(shè)計(jì)開(kāi)始取代“抄現(xiàn)實(shí)”的設(shè)計(jì)手法,一時(shí)間,是擬物還是扁平的爭(zhēng)論充斥設(shè)計(jì)和技術(shù)圈,并快速蔓延到圈外的普通用戶(hù),各執(zhí)一詞,莫衷一是。
隨著喬布斯的過(guò)世、iOS7 和Android 4. 0 的發(fā)布,設(shè)計(jì)趨勢(shì)最終還是向著扁平化邁出了關(guān)鍵性的一步。醒目而高飽和度的色彩和形式感更強(qiáng)的排版取代細(xì)節(jié)和紋理成為抓人眼球的元素。
最初的扁平化設(shè)計(jì),對(duì)于細(xì)節(jié)的剝離是非常徹底的,這使得設(shè)計(jì)師能用的元素大多只剩下色彩和圖形,這種局面對(duì)于設(shè)計(jì)師和用戶(hù)都是困擾,細(xì)節(jié)的缺失讓設(shè)計(jì)并不足以支撐全部的信息傳達(dá),,這種局面下,許多微妙的扁平化分支就誕生了。
扁平化設(shè)計(jì)仍然是近 10 年來(lái)最具革命性的視覺(jué)設(shè)計(jì)趨勢(shì),而且它還將一直向前推進(jìn)。
Material Design想要系統(tǒng)了解扁平化設(shè)計(jì)的快速發(fā)展歷程,Material Design 是最值得研究的案例。這一扁平化設(shè)計(jì)語(yǔ)言是谷歌為其旗下的數(shù)字產(chǎn)品的界面所創(chuàng)造的統(tǒng)一的視覺(jué)設(shè)計(jì)語(yǔ)言。
Material Design 吸取了扁平化設(shè)計(jì)最精華的部分,還巧妙地保存了擬物化的隱喻——紙,從而創(chuàng)建出如今所看到的Material Design,其中扁平化的元素被加上了一個(gè)微妙的維度,其外化的表示就是微妙的暗影。貼合物理運(yùn)動(dòng)規(guī)律的動(dòng)效和微妙的視覺(jué)維度令Material Design 仿佛能夠跳出界面同用戶(hù)進(jìn)行互動(dòng),在扁平化的風(fēng)尚之下,它讓數(shù)字產(chǎn)品擁有了和現(xiàn)實(shí)世界在質(zhì)感上有了某些相通的地方。
仔細(xì)審視 Material Design ,你會(huì)發(fā)現(xiàn)它許多“擬物”的特征很好地軟化了近乎苛刻的早期扁平化設(shè)計(jì)。
Material Design 有著明確的概念,同時(shí)又隨著Google 旗下產(chǎn)品的演進(jìn)而不停地優(yōu)化和更新。從某種意義上而言,Material Design 是扁平化設(shè)計(jì)的主要和重要的鞭策者,如果你想第一時(shí)刻了解它的變革,你可以跟著Android 的版本更新還適時(shí)查看它的調(diào)整。
扁平化 2.0扁平化設(shè)計(jì)在幾年的時(shí)間沉淀之后逐步成熟,最終在 2015 年被設(shè)計(jì)師們階段性地歸納為“扁平化 2.0 ”。
“扁平化2.0 具有更強(qiáng)的易用性,因?yàn)樗鼘⒈馄交O(shè)計(jì)的主要特征和高度可用的視覺(jué)線(xiàn)索結(jié)合到了一起,兼顧到設(shè)計(jì)的美不雅觀(guān)和功能。同時(shí),扁平化2.0 的高適用性,讓它幾乎可以和任何概念結(jié)合起來(lái)使用。和早期的純粹扁平化設(shè)計(jì)差別,扁平化 2.0 中融入了不少微妙的漸變和不久不多的紋理,提高了它的整體可用性。”
扁平化 2.0 的說(shuō)法最早源于設(shè)計(jì)師 Ryan Allen :“扁平化 2.0 是演變的結(jié)果,它并非革命性的改變。扁平化設(shè)計(jì)和之前瘋狂流行的擬物化設(shè)計(jì)截然差別,而扁平化 2.0 是扁平化設(shè)計(jì)上的一個(gè)分支。如果說(shuō)扁平化設(shè)計(jì)是圣誕樹(shù)的話(huà),那么扁平化 2.0 就是圣誕樹(shù)上的禮盒與糖果。它并不是浮華的裝飾,但是讓整個(gè)圣誕樹(shù)充滿(mǎn)了趣味和驚喜?!?/p>
扁平化 2.0 和 Material Design 一樣,打破了早期扁平化設(shè)計(jì)中的生硬規(guī)定,而且通過(guò)適度的調(diào)整讓視覺(jué)效果更加吸引人了:
·高亮和強(qiáng)調(diào)·適度的漸變
·同色系下多種色調(diào)和色度
·微妙的暗影
·更廣泛的配色方案
扁平化 2.0 自己并不存在于UI和圖標(biāo)設(shè)計(jì)的世界傍邊,實(shí)際上它已經(jīng)延伸到視頻、攝影和圖片傍邊。
2017 的扁平化設(shè)計(jì)進(jìn)入 2017 年之后,扁平化設(shè)計(jì)仍然是主流,在設(shè)計(jì)手法和細(xì)節(jié)上,隨著時(shí)代的發(fā)展而演進(jìn),越來(lái)越成熟和多樣。
下面,是屬于 2017 年扁平化設(shè)計(jì)的特征:
扁平化元素