Material 還是扁平化設(shè)計(jì)？開發(fā)者還有第三個(gè)答案

2011年，拉里·佩奇擔(dān)綱谷歌CEO之后，改變谷歌工程師主導(dǎo)的文化，其中一項(xiàng)重要行動(dòng)便是，下令谷歌設(shè)計(jì)師將谷歌旗下所有產(chǎn)品重新設(shè)計(jì)。谷歌啟動(dòng)“肯尼迪”項(xiàng)目，召集公司里的骨干設(shè)計(jì)師，重新設(shè)計(jì)Google的每一項(xiàng)產(chǎn)品，尋找一種共同的設(shè)計(jì)語言。三年后即2014年的Google I/O大會上，Material Design被隆重介紹，Material Design提取自卡片的材質(zhì)和真實(shí)的光影，在 UI 設(shè)計(jì)上提取出具體的物理細(xì)節(jié)，只保留物理特效、光影和層次，能夠?qū)崿F(xiàn)不錯(cuò)的動(dòng)畫效果，它在繁復(fù)的擬物化設(shè)計(jì)與極簡的扁平化設(shè)計(jì)之間找到了一種平衡。

時(shí)隔多年，中國的開發(fā)者因?yàn)楦鞣N理由未能選擇Material Design。與此同時(shí)，Apple 的扁平化設(shè)計(jì)卻大行其道。不過，隨著Material Design規(guī)范成熟，陸續(xù)開始有App嘗試擁抱Material Design，回到谷歌希望的軌道上。開發(fā)者正在迎來“二選一”：是繼承喬布斯的衣缽繼續(xù)“扁平化”，還是回歸谷歌希冀的Material Design上？

對于向左右還是向右走的問題，有些App給出了第三個(gè)答案，比如Ingenious Taxi，比如有信電話。

跟扁平化設(shè)計(jì)說再見走極簡路線

從iOS7.0開始，扁平化設(shè)計(jì)在蘋果的引領(lǐng)下成為一種流行，追隨者不計(jì)其數(shù)，比如被吐槽無數(shù)的Instgram等，甚至一些跨界的奧迪、惠普的Logo設(shè)計(jì)也曾加入到這一陣營中。不過，也有一些App對扁平化設(shè)計(jì)說了再見，試圖走自己的道路。

像Ingenious Taxi，它的設(shè)計(jì)是一種超越扁平化的透明的極簡風(fēng)，它更加現(xiàn)代和立體，也更加節(jié)約點(diǎn)和線的每一次運(yùn)用。

而有信App也是走的這樣一條路線，舍棄一切多余的顏色、邊界和平面，以撥號鍵盤為例，有信電話撥號盤取消了頂部banner底色，取消了撥號數(shù)字邊界，相比iPhone自帶撥號盤更加簡潔。

這兩個(gè)App深得喬布斯“少就是多”的真?zhèn)鳌＿@種嘗試接下來是不是一種新風(fēng)向也未可知。

移動(dòng)互聯(lián)網(wǎng)是信息大爆炸的時(shí)代，人類對朝夕相處的硬件、軟件都提出極簡的設(shè)計(jì)要求，不論是最流行的智能手機(jī)，還是操作系統(tǒng)，極簡化都是大勢所趨。Apple和谷歌分別宣揚(yáng)的扁平化設(shè)計(jì)和擬物化設(shè)計(jì)，均是奔向“大道至簡”這個(gè)目標(biāo)而去。只不過，Apple更收斂，谷歌在動(dòng)畫、圖標(biāo)、色彩上相對豐富一些。

極簡化設(shè)計(jì)讓用戶只需關(guān)注內(nèi)容本身，設(shè)計(jì)師必須克制表達(dá)欲望，產(chǎn)品團(tuán)隊(duì)則要控制業(yè)務(wù)訴求，一切都要為用戶需求讓步。對于一款主打通信的產(chǎn)品而言，極簡設(shè)計(jì)需求更迫切——用戶使用通信服務(wù)時(shí)環(huán)境十分復(fù)雜，例如開車、走路、單手操作等等，接受的外部干擾足夠多，App應(yīng)當(dāng)追求的是盡量不要給用戶任何干擾。有信App采取極簡設(shè)計(jì)，讓UI本身承載的信息流足夠輕，正如其給圖標(biāo)的新名字“氫-icon”所表述的意境一樣，用戶聚焦在溝通所需的信息本身。

輕量后文藝探索風(fēng)格化的設(shè)計(jì)之路

必須要承認(rèn)的是，沒有完美的設(shè)計(jì)范式，極簡化設(shè)計(jì)好處多多，但依然有缺陷。

? 它會讓App失去個(gè)性，很難采用復(fù)雜的設(shè)計(jì)手法來引導(dǎo)用戶——這是擬物化的好處，比如錘子Smartisan的鬧鐘、計(jì)算機(jī)，均通過精致的圖片簡單明了地告訴用戶其意義；

? 采取極簡設(shè)計(jì)，只能用點(diǎn)和線來構(gòu)成圖標(biāo)傳遞信息，這十分考驗(yàn)設(shè)計(jì)師的功力，進(jìn)而形成設(shè)計(jì)負(fù)擔(dān)，畢竟苦思冥想地創(chuàng)造一個(gè)在極簡與信息之間平衡的抽象圖標(biāo)，比尋求一張生動(dòng)翔實(shí)的圖片需要更多精力。

? 過度的極簡設(shè)計(jì)，讓某些UI存在用戶迷失的風(fēng)險(xiǎn)，比如一個(gè)矢量圖缺乏陰影，用戶很難分辨這是否是可點(diǎn)擊按鈕。

Materia Design在擬物化與扁平化之間尋求折中，通過動(dòng)畫、特效、光影、層次等方式來引導(dǎo)用戶，豐富UI效果，有著微弱的擬物化，傳遞信息更容易。

在這一點(diǎn)上，有信App倒有幾分Material Design的感覺，它有一些“自我風(fēng)格”：創(chuàng)建了新的ICON“U?！?，這創(chuàng)意借鑒了葉綠體，比舊版的字母“U”表達(dá)更生動(dòng)而美觀。它的圖標(biāo)設(shè)計(jì)遵循了Material Design的“輕量級擬物化要求”，輔以文字描述，讓用戶一看就明白，還采取了“斷點(diǎn)設(shè)計(jì)”起到畫龍點(diǎn)睛的效果。“輕量后文藝是有信本次Ui改版的主要設(shè)計(jì)理念，我們的App在方方面面都有所體現(xiàn)”有信設(shè)計(jì)總監(jiān)Katherine曾表達(dá)自己的觀點(diǎn)。

全新色彩應(yīng)用形成文藝范

不論是土豪金，還是玫瑰金的風(fēng)靡，均表明色彩是眼下用戶相對容易接受的設(shè)計(jì)語言，相對于線和點(diǎn)的功能性而言，色彩更能表達(dá)情感與精神。在色彩的運(yùn)用和表達(dá)上，Briefpay和Weather就曾采用大面積柔和色彩來增進(jìn)與用戶的交流。無論是復(fù)古的還是新潮的，很多App都力圖建立自己專屬的文藝風(fēng)格。在精神消費(fèi)日趨重要的今天，文藝這樣的精神食糧，正在成為組成App內(nèi)核新的奢侈品。

豆瓣App是文藝范領(lǐng)域的一個(gè)代表，它也被豆瓣宣稱為“旗艦App”，一方面，豆瓣的內(nèi)容內(nèi)核決定了其文藝風(fēng)格，另一方面，豆瓣APP的色調(diào)，文案等進(jìn)一步加強(qiáng)了這一風(fēng)格。其今年釋放出新的品牌理念“我們的精神角落”之后，文藝風(fēng)格愈發(fā)濃烈。

有信電話作為一款通話類的App，在基礎(chǔ)色彩選取上，毫無懸念地運(yùn)用了綠色，這是遵循了色彩界的普遍規(guī)律。不過這種冷綠還是較少見的，通常情況下，暖綠可能更倡導(dǎo)溝通，比如微信的色調(diào)。而冷綠，更突出的是文藝感，這點(diǎn)是在向豆瓣的風(fēng)格靠攏。至于其為這種色調(diào)命名的“山湖綠”可能是為了和開機(jī)大屏的內(nèi)容表達(dá)相呼應(yīng)，用戶能不能被感染，很大程度上取決于用戶的個(gè)人風(fēng)格。因此這種設(shè)計(jì)可以說是相對小眾的。

就豆瓣App和有信App的整體UI來看，豆瓣App設(shè)計(jì)擬物化設(shè)計(jì)更多一些，更豐富；有信App設(shè)計(jì)則比扁平化設(shè)計(jì)還要扁平，更極簡。

極簡設(shè)計(jì)是未來。大洋彼岸的Instagram，在成立五年來首次大動(dòng)干戈地改頭換面，棕色的寶麗來相機(jī)被換成一個(gè)點(diǎn)+線條+顏色的抽象圖標(biāo)，就足以證明這點(diǎn)。就連對擬物化設(shè)計(jì)情有獨(dú)鐘的錘子UI設(shè)計(jì)總監(jiān)方遲也認(rèn)為“扁平化是大趨勢，不過錘子選擇將擬物化與扁平化結(jié)合打造自有風(fēng)格”。有信App同樣沒有拘泥于Material Design或者扁平化設(shè)計(jì)的條條框框，而是進(jìn)行了自我演繹，尋找更適合自身和更貼合用戶的設(shè)計(jì)語言。

錘子、有信的心態(tài)，反映出App在Material 和扁平化設(shè)計(jì)之外的另一種可能：擁抱極簡，但保持風(fēng)格，只要符合直覺的審美，不給用戶增加負(fù)擔(dān)，管它什么陣營呢。

微博@互聯(lián)網(wǎng)阿超 微信 羅超（luochaotmt）

生成海報(bào)

免責(zé)聲明：本網(wǎng)站內(nèi)容主要來自原創(chuàng)、合作伙伴供稿和第三方自媒體作者投稿，凡在本網(wǎng)站出現(xiàn)的信息，均僅供參考。本網(wǎng)站將盡力確保所提供信息的準(zhǔn)確性及可靠性，但不保證有關(guān)資料的準(zhǔn)確性及可靠性，讀者在使用前請進(jìn)一步核實(shí)，并對任何自主決定的行為負(fù)責(zé)。本網(wǎng)站對有關(guān)資料所引致的錯(cuò)誤、不確或遺漏，概不負(fù)任何法律責(zé)任。任何單位或個(gè)人認(rèn)為本網(wǎng)站中的網(wǎng)頁或鏈接內(nèi)容可能涉嫌侵犯其知識產(chǎn)權(quán)或存在不實(shí)內(nèi)容時(shí)，應(yīng)及時(shí)向本網(wǎng)站提出書面權(quán)利通知或不實(shí)情況說明，并提供身份證明、權(quán)屬證明及詳細(xì)侵權(quán)或不實(shí)情況證明。本網(wǎng)站在收到上述法律文件后，將會依法盡快聯(lián)系相關(guān)文章源頭核實(shí)，溝通刪除相關(guān)內(nèi)容或斷開相關(guān)鏈接。