當(dāng)前互例,移動(dòng)端界面中,極簡(jiǎn)化設(shè)計(jì)盛行筝闹。圖片媳叨、卡片、色塊占滿了我們的屏幕关顷。略懂設(shè)計(jì)史的人都知道糊秆,如今流行的極簡(jiǎn)風(fēng)格來(lái)源于人機(jī)交互領(lǐng)域早期的極簡(jiǎn)運(yùn)動(dòng),而整體背后的哲學(xué)則來(lái)源于包豪斯“l(fā)ess is more”的思想议双。
不去追溯遙遠(yuǎn)的包豪斯哲學(xué)痘番,作為設(shè)計(jì)師對(duì)dribbble應(yīng)該很熟悉。Dribbble成立于2009年聋伦,正好伴隨了移動(dòng)互聯(lián)網(wǎng)設(shè)計(jì)的興起到盛行夫偶,所以或多或少影響了移動(dòng)互聯(lián)網(wǎng)設(shè)計(jì)的風(fēng)向。因此觉增,我想從了解dribbble的進(jìn)化來(lái)看看極簡(jiǎn)化設(shè)計(jì)是如何走進(jìn)每個(gè)人的屏幕的兵拢。
設(shè)計(jì)風(fēng)格的變化
從2009到2017年,dribbble在8年時(shí)間內(nèi)可以說(shuō)有三次較大的設(shè)計(jì)風(fēng)格變化逾礁。
2009-2012年
喬布斯引領(lǐng)的擬物化設(shè)計(jì)仍占據(jù)主導(dǎo)地位说铃。擬物化設(shè)計(jì)通過(guò)紋理访惜、材質(zhì)、陰影腻扇、層次等細(xì)節(jié)特征模仿現(xiàn)實(shí)生活中實(shí)際產(chǎn)品债热,來(lái)降低用戶的認(rèn)知成本。很多設(shè)計(jì)師廢寢忘食的打造著逼真的擬物化頁(yè)面幼苛、圖標(biāo)窒篱,出去找工作的設(shè)計(jì)師,portfolio中沒(méi)有幾個(gè)精妙的擬物化設(shè)計(jì)舶沿,估計(jì)連面試都進(jìn)不了墙杯。
2013-2015年
雖然11年win8的metro design就宣布了極簡(jiǎn)化的現(xiàn)代設(shè)計(jì)風(fēng)格,但一直到13年蘋(píng)果發(fā)布了ios7括荡,扁平化設(shè)計(jì)才推動(dòng)了極簡(jiǎn)化設(shè)計(jì)的盛行高镐。似乎一夜之間,所有的陰影畸冲、材質(zhì)等裝飾效果一下子消失不見(jiàn)嫉髓,扁平化設(shè)計(jì)迅速席卷了整個(gè)行業(yè),幾乎覆蓋了互聯(lián)網(wǎng)所有領(lǐng)域邑闲,電商算行、社交、生活监憎、企業(yè)類(lèi)等產(chǎn)品全部煥然一新纱意。設(shè)計(jì)師們幾乎都開(kāi)始認(rèn)為用戶認(rèn)知已經(jīng)高到不需要擬物化設(shè)計(jì)了婶溯。這時(shí)候鲸阔,抽象化、極簡(jiǎn)風(fēng)的色塊迄委、文字褐筛、線條、圖片等基本元素成為了主體叙身。
扁平化設(shè)計(jì)一直以來(lái)的爭(zhēng)議不斷渔扎,隨著扁平化設(shè)計(jì)的盛行,很多問(wèn)題浮現(xiàn)出來(lái)信轿。一些設(shè)計(jì)師極力追求極簡(jiǎn)的風(fēng)格晃痴,拋棄或隱藏很多次要功能,這就使得用戶的認(rèn)知成本變高财忽;簡(jiǎn)潔的界面元素使得產(chǎn)品缺乏個(gè)性倘核,很多頁(yè)面看起來(lái)非常相似;另外即彪,國(guó)內(nèi)還有一個(gè)隨之而來(lái)的問(wèn)題:因?yàn)楸馄交L(fēng)格的流行紧唱,設(shè)計(jì)師的門(mén)檻變得更低,很多經(jīng)過(guò)培訓(xùn)班幾個(gè)月速成的人仿照經(jīng)典作品也可以很快搞定一份portfolio,進(jìn)而進(jìn)入ui設(shè)計(jì)崗位漏益。這也正是前一陣設(shè)計(jì)師招聘競(jìng)爭(zhēng)激烈達(dá)143:1的原因之一蛹锰。
2016-2017年
14年google I/O推出全新的視覺(jué)語(yǔ)言material design,這兩年潛移默化的改變了行業(yè)風(fēng)向绰疤。陰影铜犬、層次逐漸回到人們的視野。不過(guò)轻庆,更好的一點(diǎn)是翎苫,除了表現(xiàn)層的特征,google做的更多的是對(duì)于認(rèn)知和可用層面的思考榨了。但dribbble上很多設(shè)計(jì)師似乎更在乎陰影煎谍、層次帶來(lái)的豐富視覺(jué)效果。
與此同時(shí)龙屉,以Instagram呐粘、airbnb為主的風(fēng)格似乎進(jìn)入了一個(gè)極簡(jiǎn)的新階段,更大更粗的標(biāo)題转捕、大面積的留白作岖、明亮的顏色,新的風(fēng)格又使很多設(shè)計(jì)師們奮起直追五芝。
從dribbble上風(fēng)格的變遷我們能感受到極簡(jiǎn)設(shè)計(jì)是如何在移動(dòng)互聯(lián)網(wǎng)中開(kāi)花結(jié)果的痘儡。
那么,到底什么是極簡(jiǎn)設(shè)計(jì)呢枢步?
如果隨便找個(gè)設(shè)計(jì)師問(wèn)這個(gè)問(wèn)題沉删,很有可能得到的答案是:增加留白、減少額外的元素醉途、配色簡(jiǎn)約等等具體的設(shè)計(jì)執(zhí)行方法矾瑰。
但我想說(shuō)的是,極簡(jiǎn)化設(shè)計(jì)并不只是我們?cè)谠赿ribbble上看到的頁(yè)面結(jié)果隘擎,而是在熟知用戶的需求和體驗(yàn)后殴穴,這些思考背后的內(nèi)涵。
極簡(jiǎn)不等于簡(jiǎn)單
“l(fā)ess is more” 是種哲學(xué)思想货葬,并不只是一種風(fēng)格采幌,其根本目的是最大化的突出內(nèi)容本身,讓用戶的注意力聚焦于內(nèi)容主體震桶,而非界面元素休傍。如果能應(yīng)用好極簡(jiǎn)化設(shè)計(jì)思想,突出重要信息和功能尼夺,則能極大提升產(chǎn)品整體的易用性尊残。設(shè)計(jì)師并不能靠從現(xiàn)有的內(nèi)容中移除一些元素而達(dá)到極簡(jiǎn)的設(shè)計(jì)炒瘸,而需要從設(shè)計(jì)的本源去重新考慮。
在信息爆炸的時(shí)代寝衫,極簡(jiǎn)化應(yīng)該是幫助用戶更好的面對(duì)復(fù)雜信息顷扩。但更多時(shí)候,設(shè)計(jì)師們?yōu)榱俗汾s設(shè)計(jì)的潮流慰毅,刻意去打造極簡(jiǎn)的風(fēng)格隘截,比如說(shuō)一些app的頁(yè)面,幾張酷炫圖片加上導(dǎo)航再加上極少的文字汹胃,就能做出好看的頁(yè)面婶芭,但認(rèn)真一想,這種頁(yè)面并不滿足實(shí)用性的特點(diǎn)着饥。甚至很多不懂設(shè)計(jì)的人犀农,腦中空無(wú)一物,白底加個(gè)黑字宰掉,再加張圖片呵哨,就說(shuō)自己是簡(jiǎn)約設(shè)計(jì)。實(shí)際上轨奄,我們所看到的表現(xiàn)層確實(shí)越來(lái)越極簡(jiǎn)孟害,但背后的思考方式越來(lái)越立體,用戶與設(shè)備或產(chǎn)品的交互越來(lái)越擬物挪拟。
不要盲從的追求風(fēng)格
Dribbble上有個(gè)很明顯的特點(diǎn)挨务,很多設(shè)計(jì)師像墻頭草,潮流風(fēng)往哪里吹玉组,就往哪里倒谎柄。前兩年在追逐扁平化的同一批人,如今又都對(duì)material design趨之若鶩球切。對(duì)于時(shí)尚產(chǎn)品來(lái)說(shuō)谷誓,銷(xiāo)量與流行趨勢(shì)關(guān)系可能很大,但對(duì)與移動(dòng)產(chǎn)品設(shè)計(jì)來(lái)說(shuō)吨凑,追逐流行風(fēng)格,無(wú)限制的使用流行元素户辱,卻不理解產(chǎn)品背后的目標(biāo)和用戶的實(shí)際需求鸵钝,很可能會(huì)逐漸調(diào)入風(fēng)格的怪圈,而忘了設(shè)計(jì)的本源庐镐。比如最近流行的Instagram極簡(jiǎn)風(fēng)恩商,粗大的文字、黑白色為主必逆、2-3倍的留白怠堪,這些特點(diǎn)也很容易提取并應(yīng)用到其他產(chǎn)品上揽乱,但實(shí)際上,Instagram是內(nèi)容為主的應(yīng)用粟矿,并有大量的豐富色彩圖片凰棉,這種風(fēng)格對(duì)它很合適,但對(duì)于其他產(chǎn)品就不一定合適了陌粹。
風(fēng)格是會(huì)隨著時(shí)間變遷的撒犀,沒(méi)有任何一種風(fēng)格可以長(zhǎng)久的占領(lǐng)設(shè)計(jì)界,簡(jiǎn)潔的界面看久了掏秩,人們又會(huì)產(chǎn)生審美疲勞或舞,進(jìn)而轉(zhuǎn)向?qū)α⒚妗K晕矣X(jué)得通過(guò)極簡(jiǎn)設(shè)計(jì)的變遷蒙幻,我們要學(xué)到的是極簡(jiǎn)的精髓而不是視覺(jué)的技法映凳。將來(lái),隨著人工智能的發(fā)展邮破,更有可能出現(xiàn)的情況是百花齊放魏宽,設(shè)計(jì)會(huì)更加多元化,多風(fēng)格化决乎,極簡(jiǎn)風(fēng)队询、復(fù)雜風(fēng)、擬物風(fēng)等等可能都有它們各自的發(fā)展領(lǐng)域构诚。不要試圖去追隨風(fēng)格蚌斩,學(xué)著適應(yīng)變化,運(yùn)用風(fēng)格來(lái)解決問(wèn)題范嘱。