從dribbble的進(jìn)化看極簡(jiǎn)化設(shè)計(jì)

當(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)不了墙杯。

圖片來(lái)源于dribbble
圖片來(lái)源于dribbble

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)的色塊迄委、文字褐筛、線條、圖片等基本元素成為了主體叙身。

圖片來(lái)源于dribbble
圖片來(lái)源于dribbble

扁平化設(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é)效果。

圖片來(lái)源于dribbble
圖片來(lái)源于dribbble

與此同時(shí)龙屉,以Instagram呐粘、airbnb為主的風(fēng)格似乎進(jìn)入了一個(gè)極簡(jiǎn)的新階段,更大更粗的標(biāo)題转捕、大面積的留白作岖、明亮的顏色,新的風(fēng)格又使很多設(shè)計(jì)師們奮起直追五芝。

圖片來(lái)源于dribbble

從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)題范嘱。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末送膳,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子丑蛤,更是在濱河造成了極大的恐慌叠聋,老刑警劉巖,帶你破解...
    沈念sama閱讀 217,406評(píng)論 6 503
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件受裹,死亡現(xiàn)場(chǎng)離奇詭異碌补,居然都是意外死亡,警方通過(guò)查閱死者的電腦和手機(jī)棉饶,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,732評(píng)論 3 393
  • 文/潘曉璐 我一進(jìn)店門(mén)厦章,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái),“玉大人照藻,你說(shuō)我怎么就攤上這事袜啃。” “怎么了幸缕?”我有些...
    開(kāi)封第一講書(shū)人閱讀 163,711評(píng)論 0 353
  • 文/不壞的土叔 我叫張陵群发,是天一觀的道長(zhǎng)晰韵。 經(jīng)常有香客問(wèn)我,道長(zhǎng)熟妓,這世上最難降的妖魔是什么雪猪? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 58,380評(píng)論 1 293
  • 正文 為了忘掉前任,我火速辦了婚禮滑蚯,結(jié)果婚禮上浪蹂,老公的妹妹穿的比我還像新娘。我一直安慰自己告材,他們只是感情好坤次,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,432評(píng)論 6 392
  • 文/花漫 我一把揭開(kāi)白布。 她就那樣靜靜地躺著斥赋,像睡著了一般缰猴。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上疤剑,一...
    開(kāi)封第一講書(shū)人閱讀 51,301評(píng)論 1 301
  • 那天滑绒,我揣著相機(jī)與錄音,去河邊找鬼隘膘。 笑死疑故,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的弯菊。 我是一名探鬼主播纵势,決...
    沈念sama閱讀 40,145評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼管钳!你這毒婦竟也來(lái)了钦铁?” 一聲冷哼從身側(cè)響起,我...
    開(kāi)封第一講書(shū)人閱讀 39,008評(píng)論 0 276
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤才漆,失蹤者是張志新(化名)和其女友劉穎,沒(méi)想到半個(gè)月后醇滥,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,443評(píng)論 1 314
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡焰手,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,649評(píng)論 3 334
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了怀喉。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 39,795評(píng)論 1 347
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡躬拢,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出聊闯,到底是詐尸還是另有隱情工猜,我是刑警寧澤,帶...
    沈念sama閱讀 35,501評(píng)論 5 345
  • 正文 年R本政府宣布菱蔬,位于F島的核電站篷帅,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏魏身。R本人自食惡果不足惜蚪腐,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,119評(píng)論 3 328
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望回季。 院中可真熱鬧,春花似錦颤殴、人聲如沸。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 31,731評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)。三九已至讨阻,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間钝吮,已是汗流浹背。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 32,865評(píng)論 1 269
  • 我被黑心中介騙來(lái)泰國(guó)打工棘催, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留耳标,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 47,899評(píng)論 2 370
  • 正文 我出身青樓呼猪,卻偏偏與公主長(zhǎng)得像画畅,于是被迫代替她去往敵國(guó)和親宋距。 傳聞我的和親對(duì)象是個(gè)殘疾皇子轴踱,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,724評(píng)論 2 354

推薦閱讀更多精彩內(nèi)容