敲黑板!App界面的設計新趨勢是……黑 、大、粗

4 評論 13092 瀏覽 66 收藏 11 分鐘

這是medium上分享的一篇app設計風格趨勢探討,作者提出了Complexion Reduction這樣一個概念,簡稱CR,直譯為“界面消減”。

“黑白極簡風”是譯者對原文作者提出的這一設計新趨勢的編譯說法,這一趨勢的最大特點:純黑白界面和設計最小化的風格。顯然,對于業界這種格外默契的做法,作者很是激動。不過,網友似乎就淡定的多。

一名叫Philk的網友留言說:“微軟在推Windows7的時候就已經采用了這這樣的概念好不好。在當時卻沒有多少人接受,還遭到了蘋果和谷歌的嘲笑。微軟推出的時候稱這種設計為‘美俏’(Metro)設計語言,走‘扁平化’設計風格,宣稱‘內容第一,形式第二’。也是大字號,也是簡單圖標。”

另一名網友完全贊同上面的這種看法,覺得“一樣是原來不喜歡的東西,換成自己喜歡的應用推出來,就變成’棒極了?!?/p>

另一位網友就事論事,評價說,app的頁面設計應該以內容為準,而不是跟隨潮流。首先要理解app的核心理念,然后讓視覺設計服務于這一理念,這樣的設計才是有意義的。

不知你怎么看?

黑白極簡風(Complexion Reduction):把握移動界面設計新趨勢

移動用戶界面“明晰化”和“最小化”設計已經成為了當今業界公認的設計原則,那么,下一個走向又是什么?

在過去的幾個月里,Facebook、Airbnb和蘋果公司旗下產品相繼推出了新的版本,產品界面已經不再滿足于“最小化”設計,走向了更為簡單明了的設計風格——“黑白極簡風”(CR)。

所以,“黑白極簡風”(CR)是什么呢?

這可能是你第一次聽說這個名詞,沒有關系,因為,這個詞是我創造的。自從一眾設計者開始“扁平化設計”、“最小化設計”和“逐步簡化”的設計模式之后,頁面設計就在“頁面極簡化”這條道路上越走越遠,如今更是一不做二不休,開始了完全的“黑白極簡”風格。有人認為這是“最小化設計”在移動設計領域的進一步發展,但我認為不僅僅是如此。雖然“黑白極簡風”仍是走的界面簡化的老路,但其新的特點和特有的簡化方式,還是讓它區別于以往的設計模式。

橫掃硅谷的這一新趨勢有以下特點:

  • 標題字號加大、加粗
  • 圖標簡化
  • ?黑白兩色界面

這一新趨勢帶來的最明顯的結果就是,常用APP界面越來越相像,根本就像是一個牌子下的產品。不信請看:

Instagram

我最先注意到的是今年五月最新改版后的Instagram的界面,如下:

1

對比兩款頁面可以發現,新的界面移除了原來界面中的藍色和深灰色模塊,加大了標題字號,最下面的導航欄和圖標也簡化了?,F在的界面只有黑白兩色,配上粗體標題,頁面功能清晰明確,內容一目了然。

相比原來霸屏的色塊,我更喜歡現在這種清新的風格。這讓我想起了一個我時常瀏覽的網站——Medium。從2012年運行開始,Medium就一直走這種黑白色調路線,而且每一次的改版都會減少一些不必要的模塊。Medium應該是“黑白極簡風“ 的始祖之一,雖然它自己并不知道。棒棒噠,Medium!

Airbnb

Instagram新界面發布沒多久,某一天我突然發現Airbnb的界面也改了,而且兩個界面就像是一個模子里刻出來的!說起來,Airbnb的新版在四月份就發布了,比Instagram還要早上一個月,但也許是Airbnb的新版發布太過默默無聞了,所以我直到一個月以后才打開。然后發現它簡直太CR了,每一個毛孔都在叫囂著“我是黑白極簡風”。下面是Airbnb的新舊界面對比:

2

新界面的標題字號加大、加粗,不必要的畫面也移除了,圖標簡化,圖示設計更加國際化??傊?,依舊是黑白色調,功能清晰明確,內容一目了然。

蘋果iOS 10

然后,蘋果iOS 10的推出再一次驗證了這個CR魔咒。六月初,蘋果發布了IOS 10,并且標榜這是“史上最強IOS”。下面是蘋果音樂的新舊界面對比:

3

蘋果音樂雖然更新了用戶體驗,增加了新功能,但頁面美感還是我最先關注的地方。Macworld的職員Caitlin McGarry提到新應用的外觀時,寫到:“整個應用的界面基于全新的設計理念,大名片,大字體,干凈的白背景,專輯封面更加顯眼?!?/p>

耳熟嗎?是不是和Instagram 和Airbnb的設計理念幾乎一樣,標志性特征:大標題,加粗,黑白界面。

這種改變意味著什么?

這意味著你最常用的幾款應用界面幾乎將變得一模一樣!這是怎么了?其實,科技和時尚一樣,大家不過是隨著潮流,無傷大雅地跟來跟去。這次的改版潮流收到了用戶積極的反響。盡管也有些人抱怨所有的應用都是黑白界面,“一點都不個性”。不過,打開某個應用是為了里面的功能,又不是為了個性。所以,讓我們期待所有的新老應用都一股腦的開始走向“黑白極簡”吧!

這也意味著,將來打開你的iPhone,你將會發現各種鮮明的色塊像馬賽克一樣占據主界面,等著將你帶入一個個奇妙的“歡樂谷”。

4

不管你是喜歡還是不喜歡,這一單色塊風潮將會席卷界面設計業,在我看來,這是一種進步。產品界面擺脫了無用的模塊拼接式設計,走向了一條更加注重整體感、重視用戶感受的道路。

以往,為新產品設計界面時,往往是先由用戶體驗或者是產品經理劃定基本框架,再交給產品設計師,要求只有一點:“做的漂亮些”。然后設計師就開始花數小時或者是數天給界面加顏色,減顏色,或者是改變顏色,想方設法的得出一個最佳方案,但是別忘了,前提是:必須在之前確定的基本框架的基礎上。

現在,用戶體驗經理和產品界面設計師的界限越來越模糊,設計的理念趨向于一體化。設計師不用再局限于某一個具體的要求(比如“做的漂亮點”),而是能夠從全局著眼,把“給用戶最好的體驗”作為終極目標,致力于給用戶最棒的視覺體驗和產品感受。

如何才能做到“黑白極簡風”?

如果你對“黑白極簡風”設計已經心動了,蠢蠢欲動著準備跟一把潮流,那么,一定要記住以下幾個要點:

  1. 界面設計零色彩。如果必須要加,最多加一種顏色來進行用戶操作說明;但記得,要少。所有的界面都用黑白兩色,讓圖片內容成為界面中唯一的色彩。

2. 標題字號加大、加粗、加黑。字號20還是30?都行,只要足夠大。要讓標題充滿厚重感。

3. 圖標簡化、細化,而且要好認。圖標上不要加顏色,圖示要國際化。從左到右可以這樣排列:HOME鍵,搜索,基本功能鍵,第二功能鍵,簡介。

4. 頁面大量留白。兩倍,三倍,甚至是四倍的留白。千萬不能手軟。

5. 圖標色彩艷麗。應用圖標要多酷炫就多酷炫,要能多鮮艷就多鮮艷。產品個性和商標特色都從這里體現,所以要盡量出眾。

 

作者:Michael Horton

來源:https://www.huxiu.com/article/156403/1.html

版權:人人都是產品經理遵循行業規范,任何轉載的稿件都會明確標注作者和來源,若標注有誤,請聯系主編QQ:419297645

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 可以要你的微信號嗎?自己做的就是社交和旅游類產品,希望后面有問題可以和你相互探討,我的微信號liangxiu907891

    回復
  2. 說句實話,這種界面用戶真不一定買帳,不信你去做個調查。至少國人的審美壓根就沒有達到完全黑白沒有任何色彩的層次。

    來自廣東 回復
  3. 作者說的有點夸張了,這樣跟風去設計并不是每個用戶都能接受的,而且未必一定是這個趨勢,凡事無絕對

    來自廣東 回復
  4. 不細說趨勢好壞吧,還是希望各位能更多的去理解產品理念,產品目標人群,由內而外的去做設計;而不是跟隨潮流、為設計而設計

    來自上海 回復