我們已經(jīng)住在一個(gè)“干凈極簡(jiǎn)”的世界有一段時(shí)間了，那么接下來(lái)呢？在過(guò)去的幾個(gè)月，一些創(chuàng)新設(shè)計(jì)的業(yè)界領(lǐng)袖已經(jīng)將“極簡(jiǎn)設(shè)計(jì)”推向另一個(gè)境界。 Facebook 、 Airbnb 和 Apple 已經(jīng)跟隨一個(gè)相類(lèi)似的藍(lán)圖來(lái)簡(jiǎn)化主要產(chǎn)品，這種方式就反映出了移動(dòng)設(shè)計(jì)“去形式化”的新趨勢(shì)。

究竟什么是去形式化？

你說(shuō)從沒(méi)聽(tīng)說(shuō)“去形式化”？好吧，這是因?yàn)槲覄偘堰@個(gè)術(shù)語(yǔ)杜撰出來(lái)。最近我注意到區(qū)別于扁平設(shè)計(jì)、極簡(jiǎn)設(shè)計(jì)以及流程簡(jiǎn)化的新趨勢(shì)。有些人可能認(rèn)為這只不過(guò)是極簡(jiǎn)設(shè)計(jì)運(yùn)用于移動(dòng)領(lǐng)域的下一階段，但是我卻要說(shuō)這個(gè)東西可能更加不同一點(diǎn)。一些特別的共同點(diǎn)和特征點(diǎn)能夠定義這個(gè)新趨勢(shì)。所以我覺(jué)得為它取名。我可以這么干，對(duì)吧？

這些橫掃硅谷的熱門(mén)新趨勢(shì)的定義特征是：

1. 更大更粗的標(biāo)題
2. 更簡(jiǎn)單更通用的圖標(biāo)
3. 色彩抽取

結(jié)果呢？一些我們最喜歡的應(yīng)用的界面開(kāi)始看起來(lái)越來(lái)越像是他們可能都來(lái)自同一個(gè)品牌。

證據(jù)

我最開(kāi)始注意到這個(gè)趨勢(shì)是在五月初（2016） Instagram 發(fā)布他們重新設(shè)計(jì)的界面時(shí)。

Instagrame 的新界面

這次重新設(shè)計(jì)的一些變化包括：去掉了很多在這個(gè)應(yīng)用中多次出現(xiàn)的藍(lán)色和深灰、加粗標(biāo)題以及簡(jiǎn)化底部導(dǎo)航和圖標(biāo)。留下的是黑白的界面和搭配加粗的標(biāo)題，這樣一來(lái)內(nèi)容就讓內(nèi)容明顯而且功能更加清晰了。我欣賞這種不那么雜亂的界面，它讓我想起了一個(gè)我已經(jīng)欽佩了很久的平臺(tái)—— Medium 。 Medium 從2012年就開(kāi)始使用這種黑白形式，并且每次重新設(shè)計(jì)都會(huì)減少一些雜亂；顯然 Medium 就是一個(gè)去形式化的領(lǐng)軍者。恭喜 Medium ！

就在 FB 的人揭露出 Instagram 的樣子后，很快我打開(kāi) Airbnb 并且被他們之間的相似度驚訝到了。這是他們?cè)谒脑拢?016）發(fā)布了新設(shè)計(jì)后我第一次看這個(gè)應(yīng)用，然而我卻感覺(jué)早就看過(guò)了。

Airbnb 的新界面

Airbnb 重新設(shè)計(jì)的界面甚至沒(méi)有得到一個(gè)月后 Instagram 新設(shè)計(jì)得到的媒體關(guān)注（可能一部分原因是這個(gè)新界面沒(méi)有搭配上一個(gè)漂亮的新應(yīng)用圖標(biāo)），但是它的確是遵從了很多相似的去形式化的策略。

這個(gè)移動(dòng)新設(shè)計(jì)帶來(lái)更大更粗的標(biāo)題，去掉了不必要的圖片和色彩并且簡(jiǎn)化了他們的圖標(biāo)使其看起來(lái)更具普遍的識(shí)別性。留下來(lái)的是非黑即白的界面，讓內(nèi)容更加明顯并且功能更加清晰。

蘋(píng)果是最后一個(gè)設(shè)計(jì)師們開(kāi)始著迷于去形式化運(yùn)動(dòng)的例子。這個(gè)月初（2016），在蘋(píng)果全球開(kāi)發(fā)者大會(huì)上，這個(gè)科技巨人宣布了一系列令人興奮的消息讓消費(fèi)者們翹首期盼，包括發(fā)布了 iOS 10 ，對(duì)此他們的配音是“史上最大的 iOS 發(fā)布！”（或者至少是自從 iOS 8 以來(lái)因?yàn)樗脖环Q(chēng)為“史上最大的 iOS 發(fā)布！”）。

Apple Music 的新界面

有一條公告特別吸引我的目光，那就是 Apple Music 的重新設(shè)計(jì)。雖然最終要的幾個(gè)設(shè)計(jì)點(diǎn)是體驗(yàn)提升和功能新增，視覺(jué)方面卻是我注意到的第一件事。 Macworld 的作者 Caitlin McGarry 將這個(gè)視覺(jué)更新描述得很好：“這是一個(gè)全新的樣貌，巨大的卡片、粗大的文字和清晰的白色背景都讓專(zhuān)輯藝術(shù)更加注目?！?/p>

聽(tīng)起來(lái)是不是很相似？這個(gè)設(shè)計(jì)與 Instagram 和 Airbnb 的藍(lán)圖有些微的區(qū)別 （他們用的都是空心圖標(biāo)！ Apple 你腫么了?。┑顷P(guān)鍵元素還在這里：大而粗的標(biāo)題，黑和白的界面。

那這又意味著什么？

就像我先前提到過(guò)的，這意味著原來(lái)越多的你喜歡的應(yīng)用將會(huì)看起來(lái)更相似。為什么？就像那句話一樣，技術(shù)就是一個(gè)抄襲傳奇。那些得到廣泛正面評(píng)價(jià)的新設(shè)計(jì)（有些人在抱怨哪些新的黑白界面缺乏個(gè)性但是他們很快就會(huì)放棄的，你打開(kāi)一個(gè)應(yīng)用是為了它的功能而不是個(gè)性）所以我期待新老應(yīng)用都開(kāi)始跳入這個(gè)去形式化的潮流來(lái)。

這意味著你的 iPhone 主屏幕將會(huì)只是一個(gè)將你送往歡樂(lè)谷的彩色魔方大門(mén)。

去形式化的界面設(shè)計(jì)

現(xiàn)在，不論你贊同還是反對(duì)這種單色時(shí)尚，這已經(jīng)毋庸置疑地成為了一個(gè)進(jìn)步的信號(hào)。產(chǎn)品設(shè)計(jì)的進(jìn)程正在從老舊的鼓勵(lì)累贅設(shè)計(jì)的分隔手法發(fā)展并進(jìn)化到了真正關(guān)注用戶總進(jìn)程上。在老的產(chǎn)品設(shè)計(jì)過(guò)程中一個(gè)界面設(shè)計(jì)師可能在設(shè)計(jì)框架時(shí)被體驗(yàn)和產(chǎn)品以“讓它更漂亮”的指令束縛。這樣設(shè)計(jì)師就會(huì)花費(fèi)很多時(shí)間來(lái)增加顏色、去除顏色、修改顏色，然而最好的解決方式可能早就擺在他們面前……那就是線框圖！在如今相互交融的設(shè)計(jì)過(guò)程中，體驗(yàn)和界面設(shè)計(jì)師之間的界限愈來(lái)愈模糊，設(shè)計(jì)師們變得不那么擔(dān)心他們的特殊職責(zé)（像是讓它更漂亮）并且關(guān)注與為用戶創(chuàng)造最好的產(chǎn)品這個(gè)終極的目標(biāo)上【譯者：難道不是賺錢(qián)創(chuàng)造價(jià)值嗎 → v → ？】。

去形式化的終極指南

那么你對(duì)去形式化已經(jīng)足夠確信并且準(zhǔn)備好跳入這一潮流了嗎？很好，跟隨這些指南，你立即就能創(chuàng)造出能夠得獎(jiǎng)的應(yīng)用。

1. 去掉色彩。OK，你可以有一個(gè)顏色，但是非常謹(jǐn)慎地使用它來(lái)指示行動(dòng)。一切最好都是黑色和白色。讓?xiě)?yīng)用的內(nèi)容本身帶來(lái)色彩。

2. 更大、更粗、更黑的標(biāo)題。你看到這里的標(biāo)題了嗎？用 20 到 30 像素來(lái)讓它看起來(lái)更大。

3. 簡(jiǎn)單、纖細(xì)、可識(shí)別的圖標(biāo)。你的圖標(biāo)最好是能夠通用并且沒(méi)有顏色限制。并且如果你想要通過(guò)從左到右的排序來(lái)傳達(dá)含義可以這樣做：首頁(yè)、搜索、主操作、副操作、信息。

4. 兩倍，不，三倍增加空白區(qū)域。也許甚至是四倍。這么做一定不會(huì)錯(cuò)。

5. 讓你的應(yīng)用圖標(biāo)更加明亮。如果你想要補(bǔ)償性地設(shè)計(jì)一點(diǎn)閃亮鮮艷的東西，那么就放在應(yīng)用圖標(biāo)里吧。這才是展示個(gè)性和品牌的地方，讓它更加與眾不同！

原文作者：Michael Horton

原文地址： Complexion Reduction: A New Trend In Mobile Design

翻譯：雨涵_Zoe

譯文地址：http://www.jianshu.com/p/a4451588ea72

本文由 @雨涵_Zoe 授權(quán)發(fā)布于人人都是產(chǎn)品經(jīng)理，未經(jīng)作者許可，禁止轉(zhuǎn)載。