界面簡化:Apple、Facebook和 Airbnb都在遵循的設計風格
? ? ? ?導讀:本文翻譯自《Complexion Reduction: A New Trend In Mobile Design》。
我們生活在一個“極簡風格”的世界有些時候了,接下來會怎么樣呢?
近來,一些創新設計的先驅將“簡約設計”帶到了新的階段。Facebook, Airbnb 和 Apple 都 都遵循一種相似的“界面簡化”的設計風格來凸出產品的內容,這種設計影響了移動設計的新趨勢。
究竟什么是“界面簡化”?
什么?你從來沒聽說過這個概念?好吧,因為它是我命名的:)。最近我留意到一種超越扁平化設計、極簡設計的新設計趨勢,它與簡化設計也沒有關系。有些人可能認為它只是極簡設計下一階段在移動端的實現,但是我認為這兩者完全不同。下面是描述新趨勢的一些特點。我決定給它命名為“界面簡化”。沒人不同意吧?:)
風靡硅谷的新趨勢有以下特點:
標題更大、更粗
圖標更簡單、更常見
去除大量的顏色
使用這種設計的結果呢?一些受人喜愛的應用的界面越來越像同一個品牌下的產品。
舉幾個栗子
五月初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. 應用圖標顏色更亮些。如果你喜歡設計一些帶有閃光和顏色的東西,就做應用圖標吧。它可以表現你的個性和品牌,讓它脫穎而出吧!
譯文出自 :掘金翻譯計劃,譯者 :shixinzhang
?