功能大於形式!揭秘UI設計中「性冷淡」風格的真相

作為21世紀的全球偶像,Steve Jobs的影響力可以說是摧枯拉朽式的,潛移默化的影響了當前各個行業。有趣的是,從90年代末期開始,Steve Jobs一直堅持黑套頭衫加牛仔褲和舊球鞋的打扮,脖子以下的部分幾乎是一模一樣的。Steve Jobs的著裝風格正是現在最為流行的「Normcore」,俗稱性冷淡風格。

文本從「Normcore」的緣由開始,探索「Normcore」在UI界面中的影響。

 △ 喬布斯從1998年——2010年著裝示意圖

 

何為「Normcore」?

Normcore是一個混合的單詞「norm」(正常)和「core」(硬核),趨勢預測公司K-Hole在2013年十月的《青年模式:自由報告》中提出,K-hole用「Normcore」特指一種態度。

原文如下:

「Mass Indie responds to this situation by creating cliques of people in the know, while Normcore knows the real feat is harnessing the potential for connection to spring up. It』s about adaptability, not exclusivity.」

這裡的「Normcore」指的是一種超脫解放的生活態度。紐約的一份雜誌在2014年將這一概念普及,雜誌稱之為「Acting Basic」,並將這一概念引用到時尚圈,泛指一切中性化,簡約,舒適,單色調的,弱化品牌的存在感同時又不失自己的格調。在一系列高端品牌,如Celine的帶動下,Normcore開始在各大時裝周,以及社交媒體如Twitter和Instagram上遍地開花。

 △ Celine官方品牌宣傳海報

 △ Muji品牌店陳列
 

「Normcore」存在有多久了?

「Normcore」一詞是近幾年提出的,但是Normcore風格一直都在,當下的Normcore浪潮是我國的宋代美學,日本物哀、侘寂美學的集中體現,更是對極簡主義風格的延續。

 △ 《瑞鶴圖》宋徽宗趙佶

 △ 電影《尋訪千利休》截圖
 

「Normcore」對UI設計的影響有多大?

如今Normcore風已經侵入我們生活的方方面面,連美學、設計行業也不例外。在這股風潮的推動下,UI領域誕生出 Complexion Reduction ——一種超越極簡的UI美學新風潮,這種風潮也是Ascetic aesthetic(性冷淡藝術)在移動端上的體現。這個概念率先由紐約數字設計公司SWARM的用戶體驗與界面設計師Michael Horton在 《Complexion Reduction: A New Trend In Mobile Design 》一文中提出。

Michael Horton是這樣解釋「Complexion Reduction」:

最近我注意到這樣一種超越扁平設計、超越極簡設計,獨立的一種簡約設計。有人可能會說這是移動端極簡設計的下一步,但是我注意到它與極簡設計有許多不同。所以我決定將它命名為Complexion Reduction。

Complexion Reduction的這種簡化又和「認知簡約」不同,後者的英文是 Progressive Reduction,是指在設計符號時,由於用戶的學習不斷深入,逐漸簡化複雜和先前用於「解釋」的信息。而Horton認為Complexion Reduction是一種更為特徵鮮明的改變,雖然你第一眼看這些Complexion Reduction的APP,好像它們都變成同一家的了。

 

Complexion Reduction風格的四個特徵:

1. 去掉多餘的顏色

使用單色系,最好就是黑白色系,以突出操作本身,讓App的內容成為產品最亮眼的地方。例如,這種風格最早的實踐者Instagram:

 △ Instagram界面
 
Instagram 是一家圖片社交媒體,在UI改版時有明確的設計目標,是為了突出Instagram這個產品最最核心的東西——照片。新的界面利用純白底色減少干擾,讓用戶更關注內容,除了遵循平台設計規範,大部分改變都是為了讓內容更突出。

 △ Enjoy界面
 
Complexion Reduction風格也已經在國內流行開,ENJOY是一款從中高端人群切入,為用戶提供高端餐飲體驗的生活化電商平台。ENJOY的界面主要以黑白為主,給人以高級感覺,凸顯出所售賣商品的品質。

 

2. 變大、加黑、變粗的標題

 △ Apple Music界面
 
Apple Music最新的改變是對於市場變化反饋的應對。上一版中,很多用戶反映字體過小導致無法閱讀,此次改版中Apple Music將字型大小變大,加黑(甚至用到了純黑色),變粗,也去除了原本花哨的唱片背景,使得用戶打開Apple Music的目的更明確——聽歌。就像Reddit上的高票評論說「I just want it to play my damn music.」。

 △ Uber界面
 
標題字體的變大,加黑,變粗還反映在幾個當下較為流行的App中。Uber國際版本中,我們直觀的感覺到在字體方面做了調整。

 

3. 簡單、纖細、可辨的圖標

簡單、纖細、更好識別的圖標。適用性的圖標,也不要使用顏色。

 △ 魅力惠界面
 
魅力惠是一家時尚奢品限時折扣網站,致力為顧客提供奢侈購物體驗的App。在最新的改版中,可以明顯的體現Complexion Reduction風格,在圖標上面使用了2像素的纖細線形圖標,選中后使用的是黑色漸變面形圖標。

 △ Airbnb界面
 
Airbnb在最新改版中,圖標上沿用了線形,在選中狀態下也是線形展示,只是換用警示級別比較高的紅色。原本只有圖標的底部導航,現在也變為了圖標+文字的形式,降低了用戶的學習成本。

 

4. 大膽留白

移動端屏幕尺寸有限,所以這個區域寸土寸金,所有的內容都想抓人眼球,但是往往要突出所有的內容卻變的所有內容都不突出,Complexion Reduction風格卻逆道行之,將頁面大面積留白,留白面積2倍、3倍甚至是4倍,在白底上面的功能自然就變得重要和抓人眼球了。

 △ 特贊界面
 
特贊是一個對接設計師和需求方的互聯網設計平台。頁面上大膽留白,使得用戶很容易發掘App的核心功能,同時Complexion Reduction風格也很符合設計師這一群體的審美。

 △ Keep界面
 
Keep是一款專註健身的移動健身工具App,頁面也是大面積留白。

 

Complexion Reduction風格是好還是壞?

Complexion Reduction風格的流行使得很多App看起來都很相似,那這是一個有益的事情嗎?筆者認為這是一個很好的事情,因為這可以讓設計師更加關注App的功能邏輯本身,而不是一個「把這裡做的更好看一點」的執行者,設計師應該把更多的視線放在功能上面,怎樣讓體驗更流暢。因為在功能和美觀兩者之中,用戶更在乎功能,功能大於形式。所以Complexion Reduction風格對於設計師來說,是有很積極的作用。

 

小結

「Normcore」這個風格會存在多久?筆者認為這個風格會存在很長的時間,設計以人為本,設計的發展必然會越來越注重功能化。Normcore這個風格正是讓事物回歸功能本身,去除一些浮誇的裝飾。同樣UI的大趨勢發展也是如此,一名界面設計師的職責,不僅僅是讓界面看起來「美」,更重要的是用戶使用時更便捷。

 

參考資料:

  • 維基百科「Normcore」定義
  • Complexion Reduction: A New Trend In Mobile Design,Michael Horton
  • Adobe權威發布: 2017年10大設計趨勢

特此聲明:本文圖片部分來自於網路,如有侵權請聯繫刪除

 
本文地址: http://www.uisdc.com/frigidity-ui-design-style


Also published on Medium.

GogoShark 小編主要分享: 網頁設計, 數位行銷, SEO, 品牌策略...等領域。是你的數位行銷解決方案專家。提供數位行銷知識、分析工具、解決方案與資源夥伴;精準蒐羅數位網路行銷懶人包、關鍵字行銷、社群行銷、內容行銷等。GogoShark 是間位於台北的網頁設計公司

客服支援

您的問題,由我們來解決 - 位於台北的專業網頁設計服務 GogoShark 可協助您拓展事業版圖,透過更加簡單快速的方法將一切數位化