雷鋒網(wǎng)按：本文翻譯自《Complexion Reduction: A New Trend In Mobile Design》。

我們生活在一個“極簡風(fēng)格”的世界有些時候了，接下來會怎么樣呢？

過去的幾個月中，一些創(chuàng)新設(shè)計的先驅(qū)將“簡約設(shè)計”帶到了新的階段。Facebook, Airbnb 和 Apple 都 都遵循一種相似的“界面簡化”的設(shè)計風(fēng)格來凸出產(chǎn)品的內(nèi)容，這種設(shè)計影響了移動設(shè)計的新趨勢。

| 究竟什么是“界面簡化”？

什么？你從來沒聽說過這個概念？好吧，因為它是我命名的:)。最近我留意到一種超越扁平化設(shè)計、極簡設(shè)計的新設(shè)計趨勢，它與簡化設(shè)計也沒有關(guān)系。有些人可能認(rèn)為它只是極簡設(shè)計下一階段在移動端的實現(xiàn)，但是我認(rèn)為這兩者完全不同。下面是描述新趨勢的一些特點。我決定給它命名為“界面簡化”。沒人不同意吧？:)

風(fēng)靡硅谷的新趨勢有以下特點：

• 標(biāo)題更大、更粗

• 圖標(biāo)更簡單、更常見

• 去除大量的顏色

使用這種設(shè)計的結(jié)果呢？一些受人喜愛的應(yīng)用的界面越來越像同一個品牌下的產(chǎn)品。

| 舉幾個栗子

五月初 Instagram 發(fā)布新版界面時我開啟注意到這種新趨勢。

官方介紹新版界面做了去除整個應(yīng)用大部分的藍(lán)色、深灰色，加粗標(biāo)題，簡化底部導(dǎo)航欄跟圖標(biāo)等改變。剩下的是一款標(biāo)題明顯、內(nèi)容突出、功能清晰的黑白主色調(diào)界面。我喜歡這種簡潔的界面，同時想起了另一款我追隨好久的平臺Medium。Medium從2012年開始就使用黑白色基調(diào)，每次改版都在簡化界面，實際上人們都不知道 Medium 是“界面簡化”的發(fā)起人之一。恭喜 Medium !

在 Facebook 發(fā)布 Instagram 新版界面后不久，我發(fā)現(xiàn) Airbnb 跟 Instagram 看起來也太像了！這是 Airbnb 四月份發(fā)布新版界面后我第一次使用，但是我的感覺是早就見過這種界面。

雖然一個月后 Airbnb 的新版 UI 沒有像 Instagram 發(fā)布新設(shè)計界面時那樣被大肆報道（可能是因為它沒有換一款讓人眼前一亮的應(yīng)用圖標(biāo)），它還是遵循了很多“界面簡化”的要點的。

Airbnb 移動端新界面的標(biāo)題更大更粗，同時去除了不必要的圖片和背景色，簡化了圖標(biāo)讓它們更容易辨認(rèn)功能。剩下的是一款內(nèi)容突出、功能清晰的黑白主題界面。

Apple 最近也加入了“界面簡化”的設(shè)計風(fēng)潮。這個月初，科技界巨頭蘋果公司在它們的 WWDC 大會上發(fā)布了許多用戶期待的東西，其中包括所謂的“最最最牛的 iOS 版本” iOS 10 正式版（或許跟 iOS 8 相比的確牛一些:( ）。

在 WWDC 上有一個內(nèi)容吸引了我，Apple Music 的新版 UI 。新版 UI 最大的改動是用戶體驗的變化和一些其他特點，其中最先吸引我的是整體界面的美感。Macword 全職作家 Caitlin McGarry 對新版界面描述道：“這是一個全新的界面，大號的卡片布局，顯眼的字體，白色簡潔的背景，讓專輯封面更加耀眼?！?/strong>

聽起來是不是有點耳熟？Apple Music 的設(shè)計跟 Instagram 、Airbnb 的設(shè)計風(fēng)格略有不同（后者用的是完全填充的圖標(biāo)，Apple Music 怎么不換呢？），但是關(guān)鍵元素都是一樣的：顯眼的標(biāo)題，黑白色調(diào)的界面。

| 這些應(yīng)用的新版界面意味著什么呢？

正如我開始所說，將來會有越來越多的應(yīng)用看起來長得都很相似。為什么這么說？就跟 NFL （美國國家足球聯(lián)盟）一樣，科技圈里到處都是山寨版。這些新版設(shè)計普遍受到好評（有些人可能一開始會抱怨這些黑白界面中沒有什么特點，但是沒多久他們就會適應(yīng)了。人們使用軟件都是為了使用它的功能，而不是為了它的特點），所以我希望所有應(yīng)用都能加入這股“界面簡化”的熱潮中！

這意味著你的iPhone主屏幕上很快只是一片會帶給你歡樂的五顏六色的閃耀的馬賽克了。

現(xiàn)在不論你是否支持這種單色調(diào)的設(shè)計風(fēng)格，都要承認(rèn)它是一種進(jìn)步。產(chǎn)品的設(shè)計從之前的崇尚浮夸，開始逐漸演化的更聚焦于用戶。在過去的產(chǎn)品設(shè)計流程中，用戶體驗師或者產(chǎn)品經(jīng)理將原型圖交給設(shè)計師，然后扔下句：“做的好看點?！痹O(shè)計師花費好多時間填色、去色、改色，卻一直沒有注意到最好的解決方法就在他們面前，那些原型圖！在如今更加完整的設(shè)計流程中， 設(shè)計師和體驗師的界限越來越模糊，設(shè)計師不必那么擔(dān)心沒有盡到他們的責(zé)任（比如把界面做的好看些），從而可以專注于為他們的用戶創(chuàng)造最好的產(chǎn)品。

| 界面簡化的最終指南

現(xiàn)在你也看好“界面簡化”并且準(zhǔn)備跟隨這種風(fēng)潮？好的，遵循以下指導(dǎo),沒多久你的應(yīng)用就能大火特火

1. 去除顏色。當(dāng)然你可以有一種主題色，但是要慎用，盡量只用在指示操作上。剩下的最好都用黑白色，突顯你應(yīng)用的內(nèi)容。

2. 更大、更粗、顏色更黑的標(biāo)題。你看到那個標(biāo)題了嗎？將它增加約20至30像素，讓它看起來“重”一些。

3. 簡單、辨識度高的圖標(biāo)。應(yīng)用里的圖標(biāo)（底部導(dǎo)航的圖標(biāo)）最好很常見，周圍也不要有什么顏色。把它們從左到右按這種順序排列；主頁、搜索、主要操作、次要操作、個人中心，這樣體驗更好。

4. 增加兩倍甚至三倍的留白。甚至四倍留白，多點總沒錯。

5. 應(yīng)用圖標(biāo)顏色更亮些。如果你喜歡設(shè)計一些帶有閃光和顏色的東西，就做應(yīng)用圖標(biāo)吧。它可以表現(xiàn)你的個性和品牌，讓它脫穎而出吧！

雷鋒網(wǎng)注：轉(zhuǎn)載請聯(lián)系我們授權(quán)，并保留出處和作者，不得刪減內(nèi)容。譯文出自 : 掘金翻譯計劃，譯者 : shixinzhang。

雷峰網(wǎng)原創(chuàng)文章，未經(jīng)授權(quán)禁止轉(zhuǎn)載。詳情見轉(zhuǎn)載須知。