「極簡」設計正在成為移動應用設計的新趨勢

原文 : Complexion Reduction: A New Trend In Mobile Design

作者 : Michael Horton

譯文出自 : 掘金翻譯計劃

譯者 : shixinzhang

校對者 : cyseria , wild-flame

我們生活在一個「極簡風格」的世界有些時候了，接下來會怎麼樣呢？

過去的幾個月中，一些創新設計的先驅將「簡約設計」帶到了新的階段。Facebook, Airbnb 和 Apple 都 都遵循一種相似的「界面簡化」的設計風格來凸出產品的內容，這種設計影響了移動設計的新趨勢。

究竟什麼是「界面簡化」？

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

風靡矽谷的新趨勢有以下特點：

1. 標題更大、更粗

2. 圖標更簡單、更常見

3. 去除大量的顏色

使用這種設計的結果呢？一些受人喜愛的應用的界面越來越像同一個品牌下的產品。

舉幾個栗子

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

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

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

雖然一個月後 Airbnb 的新版 UI 沒有像 Instagram 發布新設計界面時那樣被大肆報道（可能是因為它沒有換一款讓人眼前一亮的應用圖標），它還是遵循了很多「界面簡化」的要點的。

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

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

在 WWDC 上有一個內容吸引了我，Apple Music 的新版 UI 。新版 UI 最大的改動是用戶體驗的變化和一些其他特點，其中最先吸引我的是整體界面的美感。Macword 全職作家

Caitlin McGarry 對新版界面描述道：「這是一個全新的界面，大號的卡片布局，顯眼的字體，白色簡潔的背景，讓專輯封面更加耀眼

聽起來是不是有點耳熟？Apple Music 的設計跟 Instagram 、Airbnb 的設計風格略有不同（後者用的是完全填充的圖標，Apple Music 怎麼不換呢？），但是關鍵元素都是一樣的：顯眼的標題，黑白色調的界面。

這些應用的新版界面意味著什麼呢？

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

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

現在不論你是否支持這種單色調的設計風格，都要承認它是一種進步。產品的設計從之前的崇尚浮誇，開始逐漸演化的更聚焦於用戶。在過去的產品設計流程中，用戶體驗師或者產品經理將原型圖交給設計師，然後扔下句：「做的好看點。」設計師花費好多時間填色、去色、改色，卻一直沒有注意到最好的解決方法就在他們面前，那些原型圖！在如今更加完整的設計流程中，

設計師和體驗師的界限越來越模糊，設計師不必那麼擔心沒有盡到他們的責任（比如把界面做的好看些），從而可以專註於為他們的用戶創造最好的產品。

界面簡化的最終指南

現在你也看好「界面簡化」並且準備跟隨這種風潮？好的，遵循以下指導,沒多久你的應用就能大火特火！

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

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

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

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

5. 應用圖標顏色更亮些。如果你喜歡設計一些帶有閃光和顏色的東西，就做應用圖標吧。它可以表現你的個性和品牌，讓它脫穎而出吧！

---

近期熱門文章

• 《簡約而不簡單，談一談移動開發中的那些極簡設計》
• 《為開發者打造的專業寫作平台：掘金專欄 1.0 正式發布》

• 《iOS 開發，該如何解決彈窗的設計問題？》
• 《如何在前端開發中增加編碼效率，這裡有十款 Chrome 擴展可以幫你》

• 《如何將 Chrome 變成開發利器，掘金的開發者們在用這些插件》

推薦閱讀：