主流app現在流行褪色？

Sponsor

事情是這樣的，我上次看到京東改版后，第一反應想到了「褪色」這個詞：

仔細想想，似乎這幾年來，主流的 app 都有「褪色」趨勢。

不單國內如此：

淘寶

網易云音樂

國外也是：

Facebook

Twitter

就連 Material Design 設計規范，也是如此：

上圖來源：Material Design 最新改版，變化好大！

這么看來，削減主題色的確是互聯網設計界的大趨勢。

這讓我想到了三年前寫一篇文章：無框界面

當時就已經可以窺視削減主題色的趨勢了，但是當時主要的討論點是不用色塊來進行內容布局，讓內容更加突出。

而現在，方向還是那個方向，但卻比當時更進一步了。

下面仔細分享一下我的觀察和思考：

1. 背景不用主題色了

我記得三五年前時，很多產品喜歡把主題色當背景用，現在都改掉了。

例如現在已經不流行用有背景色的標題欄了：

淘寶首頁

以前大部分登錄頁都會用主題色，現在都簡化了：

知乎登錄頁

甚至，以前加載頁喜歡用整片的主題色，現在也以白色為主：

餓了么加載頁

我能想到的理由有三個：

一是產品越來越龐大，開始依賴組件了。如果背景色變動太大，不論是在設計上還是在前端上，都不利于組件的復用。

二是以 iOS / mac OS 為代表，操作系統推出暗黑模式，太鮮艷的背景色不利于色彩適配。

三是審美疲勞，換個花樣。

2. 不需要主題色來暗示操作方法了

主題色使用最泛濫的時候，應該是在移動互聯網和扁平風格興起時。

智能手機剛普及時，因為沒有鼠標指針的懸停效果，一下子就不知道哪里可以點，哪里不能點了。

一開始，以 iOS 為代表，流行通過漸變凸起來提供暗示：

后來扁平風格越來越主流，頁面變簡潔好看的同時，可點擊區域又不清晰了：扁平風格的問題在哪？

那個時候，只要是可以點擊的東西，不管是按鈕、圖標還是文字，都恨不得刷上最主題，才能告訴用戶此處可點。

例如知乎過去這個情況就很明顯：

知乎問題頁

隨著智能手機逐漸成為了人手一臺的必備品，再加上移動互聯網紅海浪潮，手機 app 逐步找到「最優解」。

不光是各廠商的設計方案逐漸達成“默契”，用戶也習慣常見的那幾種交互模版。例如首頁差不多都長這樣：

更多探討：太注重用戶體驗，反而會喪失個性嗎？

于是乎，我們不再需要高亮色來“教育”用戶如何使用產品了。

例如下面這些圖標和文字按鈕，即便沒用任何顏色，大家也知道可以點擊。但這在移動互聯網剛興起時，是做不到的：

3. 色彩越來越多元

隨著現實世界與互聯網世界聯系更緊密，我們會發現網上可以看到的實物元素越來越多。

這個變化尤其在圖標上體現最明顯：

線條

平面

2.5D

3D

照片因為屏幕上的元素越來越真實，配色上自然就沒必要過于拘泥于主題色了。除了需要多樣的顏色搭配之外，還要注重色彩的功能性。例如紅色代表重要信息、綠色代表健康環保、藍色代表科技可靠、金色代表尊貴……

思考延伸

不管上過去的扁平化、無框界面，還是現在的削減主題色，其實我們追求的都是回歸本質，將重要信息更有效地呈現給用戶。

只是同一個目的，在不同的時空背景之下，引導我們做出的事情不盡相同。

在這個趨勢下，主題色會漸漸消失嗎？我認為不會，只要我們是通過顏色來識別圖標和logo，主題色就不會消失，它將作為品牌特征成為界面上的重要點綴。

作者 | 設計師ZoeYZ
來源 | 體驗進階（ID：Advanced_UX ）

贊助商鏈接

喜歡這篇文章嗎？歡迎分享到你的微博、QQ群，并關注我們的微博，謝謝支持。
版權：除非注明，本站文章均為原創文章，轉載請聯系我們授權，否則禁止轉載。