設(shè)計新趨勢:化繁為簡
我們在這個“極簡主義”的世界生活已經(jīng)有些時日了,之后又將去向何方?
過去幾個月來,設(shè)計創(chuàng)新領(lǐng)域的先行者們,將“極簡設(shè)計”推向了一個新的高度。Facebook、Airbnb和Apple都遵循著近似的原則,簡化它們的核心產(chǎn)品,這種“化繁為簡”(Complexion Reduction)的新趨勢就在它們的移動端設(shè)計中得到體現(xiàn)。
“化繁為簡”究竟是什么?
你是不是從沒聽說過“化繁為簡”的趨勢?那是肯定的,因?yàn)檫@只是我創(chuàng)造出來的術(shù)語。最近我留意到一種新的趨勢,它超越了扁平化設(shè)計,也超越了極簡設(shè)計,獨(dú)立性在逐漸削弱。有些人會說,這只是極簡設(shè)計運(yùn)用到移動端領(lǐng)域時開啟的新階段,但我認(rèn)為它截然不同。有一些明確的共性和特征可以定義這種新趨勢。所以我決定給它起個名字。起個名沒什么問題吧?
這種橫掃硅谷的熱門新趨勢,有以下這些決定性特征:
1. 加大加粗的標(biāo)題
2. 更簡單更普遍的圖標(biāo)
3. 減少彩色的使用
結(jié)果呢?許多我們喜愛的應(yīng)用界面,開始越來越像是出自同一品牌。
證據(jù)
早在5月份,Instagram發(fā)布了新設(shè)計的UI時,我第一次注意到這種新趨勢。他們此次改版的變化,其中包括去除了無處不在的藍(lán)色和深灰色,加粗了標(biāo)題,簡化了底部導(dǎo)航欄和圖標(biāo)。只留下黑白界面和醒目的標(biāo)題,突顯內(nèi)容,功能清晰。我很欣賞這套簡潔有序的界面,并且同時想起我仰慕已久的另一個平臺:Medium。Medium自從2012年發(fā)布以來,黑白界面就用得爐火純青,從那以后每次設(shè)計改版,都在去除繁雜;實(shí)際上Medium正是化繁為簡的開山鼻祖之一,他們自己都不知道這點(diǎn)。真是要恭喜Medium!
Facebook的同行們更新了Instagram的界面之后不久,我打開了Airbnb,它看起來如此熟悉,令我深受震撼。自從他們4月份發(fā)布了新設(shè)計以來,這是我第一次打開這個應(yīng)用,但我感覺這一套界面分外熟悉。
Airbnb的UI改版產(chǎn)生的媒體影響力,并沒有一個月后Instagram的改版那么大(可能因?yàn)樗鼪]有一個光彩奪目的新圖標(biāo)),但它也使用了許多相同的化繁為簡技巧。
移動端的改版設(shè)計采用了更大更粗的標(biāo)題,去除了不必要的圖形和色彩,簡化了圖標(biāo),使它們更通用、易識別。只留下黑白界面,突顯內(nèi)容,功能清晰。
Apple是最近的一個例子,設(shè)計師們迷上了化繁為簡的趨勢。本月初,Apple的WWDC大會上,這個科技巨人發(fā)布了一系列值得期待的更新,包括iOS 10的發(fā)布,他們正在進(jìn)行調(diào)試,“iOS有史以來最重大更新!”(不過由于iOS 8時也這么說,所以至少是iOS 8以來最重大的更新)
發(fā)布會中有一點(diǎn)特別吸引我。那就是Apple Music的改版設(shè)計。雖然它改版的最重要方面是用戶體驗(yàn)提升和新增功能,但我首先注意到的是它的樸素。Caitlin McGarry,Macworld的本報記者就很準(zhǔn)確地描述了這次更新,“它有一套全新外觀,巨大的卡片、加大加粗的字體、干凈的白背景,突顯唱片藝術(shù)。”
聽起來很熟悉吧?這套設(shè)計與Instagram和Airbnb的設(shè)計略微有所區(qū)別(他們用的是實(shí)心圖標(biāo)!Apple在搞什么?)但關(guān)鍵元素都在:加大加粗的標(biāo)題,黑白界面。
所有這些意味這什么呢?
我在上文提過,這意味著越來越多你喜愛的應(yīng)用會變得很相似。為什么?就像國家橄欖球聯(lián)盟(NFL),科技界也是個相互模仿的圈子。這些改版設(shè)計都得到了積極正面的反饋(有些人抱怨這些黑白界面“缺乏個性”,但他們很快就適應(yīng)了。你打開一個應(yīng)用是為了它的功能,并不是個性),所以我預(yù)測,新老應(yīng)用都會踏上化繁為簡的浪潮。
這意味著iPhone的主屏很快就會變成一塊彩色的馬賽克,這些鮮艷的入口會引領(lǐng)你進(jìn)入游樂場。
現(xiàn)在,無論你是否支持這種單色的時尚,它毫無疑問是一個發(fā)展方向。產(chǎn)品設(shè)計流程正在發(fā)展和進(jìn)化,不再是從前那種分離式的方式,鼓勵過多的設(shè)計。現(xiàn)在的流程更趨于整體,真正關(guān)注用戶。在從前的產(chǎn)品設(shè)計流程中,UI設(shè)計師可能會接過UX或產(chǎn)品給出的原型圖,要求“把它做漂亮點(diǎn)”。然后設(shè)計師就會畫上數(shù)小時、數(shù)天來添加、去除、調(diào)整顏色,或許最好的方案可能就一直擺在他們面前……直接用原型圖!由于在如今這個整體的設(shè)計流程中,UX和UI設(shè)計師的界限正變得模糊,設(shè)計師不必過分操心自己的具體職責(zé)(例如把它做漂亮點(diǎn)),轉(zhuǎn)而關(guān)注最終目標(biāo),為用戶打造最棒的產(chǎn)品。
化繁為簡的終極指南!
你是否已經(jīng)接受了化繁為簡的趨勢,并準(zhǔn)備好踏上這波浪潮了?很好,遵循這些指南,你馬上就會創(chuàng)造出優(yōu)秀的應(yīng)用。
1. 去除彩色。當(dāng)然,你可以保留一種顏色,但要極度克制地使用它。其他一切最好是黑白的。讓內(nèi)容來為應(yīng)用填充顏色。
2. 加大、加粗、加黑的標(biāo)題。看到標(biāo)題了嗎?把它加到20至30像素,并且加重。
3. 簡潔、纖細(xì)、易辨識的圖標(biāo)。你的圖標(biāo)最好是通用的,也不能使用彩色。如果想做得更好,應(yīng)該按這個順序來排列:主界面、搜索、主操作、次要操作、我。
4. 留白區(qū)域變?yōu)樵瓉淼膬杀?hellip;…不對,要三倍。甚至可以到四倍。這一點(diǎn)絕不能出錯。
5. 應(yīng)用圖標(biāo)更鮮艷。如果你就是喜歡設(shè)計一些鮮艷閃耀的東西,可以用在應(yīng)用圖標(biāo)上。這是體現(xiàn)個性和品牌的地方,要讓它光彩奪目!