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大會(huì)上,MaterialDesign被隆重介紹,MaterialDesign提取自卡片的材質(zhì)和真實(shí)的光影,在UI 設(shè)計(jì)上提取出具體的物理細(xì)節(jié),只保留物理特效、光影和層次,能夠?qū)崿F(xiàn)不錯(cuò)的動(dòng)畫效果,它在繁復(fù)的擬物化設(shè)計(jì)與極簡的扁平化設(shè)計(jì)之間找到了一種平衡。 時(shí)隔多年,中國的開發(fā)者因?yàn)楦鞣N理由未能選擇MaterialDesign。與此同時(shí),Apple 的扁平化設(shè)計(jì)卻大行其道。不過,隨著Material Design規(guī)范成熟,陸續(xù)開始有App嘗試擁抱Material Design,回到谷歌希望的軌道上。開發(fā)者正在迎來“二選一”:是繼承喬布斯的衣缽繼續(xù)“扁平化”,還是回歸谷歌希冀的MaterialDesign上? 對(duì)于向左右還是向右走的問題,有些App給出了第三個(gè)答案,比如Ingenious Taxi,比如有信電話。 跟扁平化設(shè)計(jì)說再見走極簡路線 從iOS7.0開始,扁平化設(shè)計(jì)在蘋果的引領(lǐng)下成為一種流行,追隨者不計(jì)其數(shù),比如被吐槽無數(shù)的Instgram等,甚至一些跨界的奧迪、惠普的Logo設(shè)計(jì)也曾加入到這一陣營中。不過,也有一些App對(duì)扁平化設(shè)計(jì)說了再見,試圖走自己的道路。 像IngeniousTaxi,它的設(shè)計(jì)是一種超越扁平化的透明的極簡風(fēng),它更加現(xiàn)代和立體,也更加節(jié)約點(diǎn)和線的每一次運(yùn)用。 而有信App也是走的這樣一條路線,舍棄一切多余的顏色、邊界和平面,以撥號(hào)鍵盤為例,有信電話撥號(hào)盤取消了頂部banner底色,取消了撥號(hào)數(shù)字邊界,相比iPhone自帶撥號(hào)盤更加簡潔。 這兩個(gè)App深得喬布斯“少就是多”的真?zhèn)鳌_@種嘗試接下來是不是一種新風(fēng)向也未可知。 移動(dòng)互聯(lián)網(wǎng)是信息大爆炸的時(shí)代,人類對(duì)朝夕相處的硬件、軟件都提出極簡的設(shè)計(jì)要求,不論是最流行的智能手機(jī),還是操作系統(tǒng),極簡化都是大勢所趨。Apple和谷歌分別宣揚(yáng)的扁平化設(shè)計(jì)和擬物化設(shè)計(jì),均是奔向“大道至簡”這個(gè)目標(biāo)而去。只不過,Apple更收斂,谷歌在動(dòng)畫、圖標(biāo)、色彩上相對(duì)豐富一些。 極簡化設(shè)計(jì)讓用戶只需關(guān)注內(nèi)容本身,設(shè)計(jì)師必須克制表達(dá)欲望,產(chǎn)品團(tuán)隊(duì)則要控制業(yè)務(wù)訴求,一切都要為用戶需求讓步。對(duì)于一款主打通信的產(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ì)好處多多,但依然有缺陷。
Materia Design在擬物化與扁平化之間尋求折中,通過動(dòng)畫、特效、光影、層次等方式來引導(dǎo)用戶,豐富UI效果,有著微弱的擬物化,傳遞信息更容易。 在這一點(diǎn)上,有信App倒有幾分MaterialDesign的感覺,它有一些“自我風(fēng)格”:創(chuàng)建了新的ICON“U粒”,這創(chuàng)意借鑒了葉綠體,比舊版的字母“U”表達(dá)更生動(dòng)而美觀。它的圖標(biāo)設(shè)計(jì)遵循了Material Design的“輕量級(jí)擬物化要求”,輔以文字描述,讓用戶一看就明白,還采取了“斷點(diǎn)設(shè)計(jì)”起到畫龍點(diǎn)睛的效果。“輕量后文藝是有信本次Ui改版的主要設(shè)計(jì)理念,我們的App在方方面面都有所體現(xiàn)”有信設(shè)計(jì)總監(jiān)Katherine曾表達(dá)自己的觀點(diǎn)。 全新色彩應(yīng)用形成文藝范 不論是土豪金,還是玫瑰金的風(fēng)靡,均表明色彩是眼下用戶相對(duì)容易接受的設(shè)計(jì)語言,相對(duì)于線和點(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ì)可以說是相對(duì)小眾的。 就豆瓣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)。就連對(duì)擬物化設(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),管它什么陣營呢。 |
|