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