顏色在時尚和 lifestyle 領域一直是很重要的事情。色彩研究機構 Pantone 每年都會評選年度代表色,講述它們自己的性格和文化含義,上個月同時入選 2016 流行色的兩個顏色想必大家還有印象。
根據豌豆莢的后臺數據統計,2015 年,共有 452052 款新應用在豌豆莢上架。我們按照紅橙黃綠青藍紫 7 種顏色給這些應用的主色調歸類,其中 33% 的應用選擇紅色作為主色調,其次是藍色,占比 20.79%。另外,下載率最高的是采用紫色為主色調的應用,比第二名綠色高出 12%;但以綠色為主的應用也有另一個優勢:它獲得了比其它應用多 16% 的好評。
我們在過去一年豌豆莢設計獎的評選和內容制作過程中,發現了一些有趣的事情:往往設計優秀的應用,在顏色的選擇上也更深思熟慮。于是 2016 年初,豌豆莢的年度設計獎從「顏色」的角度評選出了 8 款年度應用。
最終評選出的這 8 個應用,每一款應用的顏色都帶有設計師的思考和愿景,它們在顏色這件「小事」上傾注的,往往比你想象的要多:
Airbnb
主色調:Rausch
世界上第一個 Airbnb 房屋,是在一條叫 Rausch Street 的街上誕生的。而 Airbnb 的主色調,就是一種叫做 Rausch 的溫暖顏色。

在挑選主色調的時候,四名設計師前往 13 個城市,橫跨 4 大洲, 只為了更好的理解 Airbnb 的理念:熱情、能量和自信 —— 這正是 Rausch 要傳遞的信息。
除了 Rausch 以外,Airbnb 還有其它九種顏色,包括 Kazan、Beach、Tirol、Foggy 等等,它們也都是以 Airbnb 的社區街道命名的。
Airbnb 總是有辦法發現這個星球上最獨一無二的住所。你可以通過 Airbnb 和親手設計濟州島海邊別墅的設計師共用早餐,或者在喜歡收藏古董的老太太帶領下尋訪羅馬最棒的古著店 —— Airbnb的象征意義,遠遠超越旅行本身,它所構想的,是一個「家在四方」的世界。
錘子便簽
主色調:米黃色 #F9F5ED

錘子便簽設計的出發點,是做一個「簡單好用的便簽工具」。簡單、干凈,紙張鋪在一張木頭桌子上的感覺,是錘子便簽想傳達給用戶的基調。
對于錘子便簽設計師來說,設計一款應用的時候,通常跳到腦海里的第一個就是顏色。比如錘子便簽這個簡單的應用,第一個想到的就是溫暖的米黃色。而 Smartisan OS 的應用商店就會想到紅色、郵件是藍色。因為商店的感覺是琳瑯滿目的,像糖果店,有溫暖的燈光、喜慶的氣氛;而郵件就表達出冷靜的感覺,是非常默認的工作道具,給人的定位就是系統里不可或缺的,強調效率。
在 Smartisan OS 擬物化的風格中,需要帶有一定情感。首先定下來的顏色是便簽的紙張的 #F9F5ED,它是一個偏暖的顏色,是橙色轉到明黃中間的一個色度。錘子便簽的設計師在調色的時候喜歡記色值的 H 值,那代表了一個顏色的色偏向,而 40 就是橙色和黃色之間的一個值。
在設計的過程中,設計師盡量避免大面積地使用撞色。紙張的米黃色、木板的褐色與標題的咖啡色是錘子便簽里主要的三種顏色,它們屬于同一個色系,是從明到暗的各個階段。作為錘子便簽里的主色調搭配,傳達一種情緒的同時,更好地襯托了信息,形成一種隱形的存在感。
豌豆莢一覽
主色調:白色 #FFFFFF
輔色調:綠色

在豌豆莢一覽里,你可以一次看完超過 500 個應用的最新內容。
為了將更多空間留給每天更新的 10000 多條內容,豌豆莢一覽使用了最干凈、信息量最少的白色作為主色調,希望傳遞明亮、清晰、精致的感覺。
它將自己比喻成一只盛裝著豐富美食的白瓷盤 ——
潔白的顏色、考究的造型、細膩的紋理,凸顯出盤子的品質感;通過精致的擺盤將豐富的美食擺放在其中,素雅的盤子與豐富的美食之間相輔相成,顯出盤中食物的美味,激發出用戶的味蕾。
除了白色,豌豆莢品牌的綠色在豌豆莢一覽中也同樣被使用。綠色代表著向上生長的力量,豌豆莢希望借此傳遞給用戶活力、有朝氣的感覺。
這種綠色在豌豆莢的主產品中也經歷過一次改版,從擬物的 #3BA24 到更適合 UI 設計、對比度更低的 #24AA42。
ENJOY
主色調:黑色 #1A1A1A
輔色調:金色、橙色

ENJOY 是一個提供「精選限量美食」的應用。在產品設計的理念里,它希望給用戶帶去精致感和品質感。
一開始,Enjoy 里商品較少,每樣商品都附有圖片、摘要,希望給用戶「閱讀」的感覺。隨著商品漸漸增多,設計師不斷做平衡,取消了摘要,新增了附近商品,總體希望產品能有「精致感」。
紅黃色系、金色、黑色是當時設計團隊的三個選擇。
因為想區隔于同一個團隊的主產品「飯本」的橘紅色,凸顯精致感;而金色又很難撐起整個應用、設計上不好操作,ENJOY 選擇了偏冷的黑色作為主色調,并使用了極少的金色和橙色作為細節的輔助。
一開始,設計團隊擔心黑色作為主色調會讓頁面過重和壓抑,后來他們通過設計解決了這個擔心:首頁圖片離屏幕邊緣有一些留白,開放式設計會讓整個頁面不那么封閉和沉悶。ENJOY 的黑色偏灰一些,是偏冷一點的黑色,黑色有一些冷感或讓整個頁面看起來更精致。
作為時尚類、攝影類、閱讀類應用最偏愛的顏色,黑色不僅最能突出品質感,同時也和其它顏色百搭。ENJOY 作為一個食物照片眾多的應用,黑色能讓用戶注意力集中在照片本身。
橙色是來源與「飯本」的顏色,但 ENJOY 的橙色比飯本更活潑一些,飯本的橙色偏深紅,Enjoy 更偏黃。作為輔助顏色,它用來表明一些產品的重要信息,比如引導、價格、購買、剩余份數。
Fabulous
主色調:Material Design 標準色

作為一款習慣養成應用,Fabulous 不想僅僅做一個冰冷的記錄工具,而想成為一個鼓勵用戶度過漫長旅程的同伴,「神秘而親切」是 Fabulous 希望傳達給用戶的感覺。
乍看之下,Fabulous 是一個五顏六色的混合體。
其實 1.0 的 Fabulous 使用的是黑白兩色和一些相對灰暗柔和的色調,但設計師發現這樣的配色無法激發用戶的情緒。于是 2.0 開始嘗試一些大膽的色調,并且收到很多積極的用戶反饋。于是在最新的 3.0 版本,Fabulous 使用了更加廣泛和大膽的顏色,其中包括 Material Design 上的每一種主色調 —— 這除了收到 Material Design 啟發之外,設計師還希望借以告訴用戶:這是一個豐富多彩的世界(fabulous world),值得用心探索。
在瀏覽 Material Design 色板的時候,Fabulous 的設計師 Taylor Ling 發現了一種偏紅的粉色。它不像藍色、紅色和黃色總讓人想起 Facebook、Youtube 和 Google Keep,而是一種非常讓人過目不忘、非常「Fabulous」的顏色。
這種顏色的名字是 Redish Pink,設計師將它用在 PC 端和應用底部欄,作為 Fabulous 的品牌色。
Light
主色調:黃色 #FFD200
輔色調:白色

Light 是網易旗下的閱讀應用,它以早報、晚報的形式為用戶推薦互聯網中的精品內容,通過內容和設計,Light 想傳達給用戶一種明亮并溫暖治愈的感覺。
Light 所有的視覺,都是圍繞著「點亮」這個概念來設計的。設計師希望用戶看見 Light 的第一感覺就是「眼前一亮」—— 不論是從視覺,還是產品、交互、動畫層面來說。
在色相上,黃色是最能發光的顏色。在人們的思維中,「點亮燈泡」之后的亮光顏色就是黃色;從 Light 的日報、晚報出發,黃色也是太陽和月亮的顏色 ——
這種明亮、柔和的暖黃色 #ffd200,就是 Light 選擇的主色調。
從產品氣質出發,作為一款閱讀類產品,首先要考慮的是方便用戶閱讀:白色的背景、灰色的文字,配上精美的圖片,整個界面很干凈;用戶閱讀起來要順暢,沒有過多干擾色;而黃色作為點睛色,可以最大程度點亮沉悶的閱讀氣氛。黃色被運用在列表頁底部,文章頁底部等位置,也是一個結點,可以提醒用戶你已經讀完了一份報紙。
每日故宮
主色調:金色 #CA9F75
輔色調:紅色、藍色、黑色

一代一代中國人在日歷中記錄生活、標記重要節氣中發生的大小事 —— 每日故宮這款一天推薦一款故宮文物的日歷應用正來源于這種傳統。
它選擇的幾種顏色,都來源于對傳統文化和器物的理解。
首選是白色的主色調。每日故宮曾經考慮過紅色較為濃烈的顏色,但發現這些顏色會搶過故宮文物的風頭、削弱藏品的內容 —— 為了給文物留出更大的空間,設計師使用了更為干凈的白色。
金色是一個符號性很強的顏色,它的大氣、富貴感讓它成為世界各地皇家的首選 —— 其中也包括故宮。每日故宮主要突出中間文物部分的陳列,用白色和其它顏色作為鋪墊,將金色作為點睛用在關鍵的地方。
在節慶的日子,每日故宮用紅色來展現節日名稱。紅色在此處具有功能性,它以印章形式出現,表示提點性的內容。而且紅色作為傳統印章的顏色,和中國傳統契合,印章的概念強化了特別的日子對藏品選擇的意義所在,和日歷更好地聯接了起來。
日常的日期則選擇了藍色來表現。不同于其他的金色、黃色、紅色,藍色屬于冷色系,它的出現可以使畫面相對冷靜,起到區分的效果。
一席
主色調:紅色 #CC3434

不僅只有網絡視頻,一席這個品牌至今已經在四個城市舉辦了將近 40 場演講,萬曉利、張大春甚至「家在水草豐茂的地方」導演李睿珺都曾經擔任過演講者。
一席的主色調是紅色,它來源于一席的現場。通過這種顏色,一席希望讓用戶感受到現場演講的氛圍,舞臺上紅色的地毯和投射出來的燈光。
設計團隊對于顏色討論的方向基本都是圍繞在「哪一種紅色最能代表一席」上,幾種方案包括偏亮、偏黃的 #EA3535、鮮明的 #D0021B 和這幾種顏色的漸變。最終,一席選擇了飽和度較低、更好搭配的 #CC3434 作為主色調。
一席設計師梧桐說,一席想用演講,讓每個人都感受到在生活中的激情、樂趣和韻味。
這也是一席的設計團隊想讓這個應用的顏色傳達的感覺。
以上是獲獎應用的設計師為我們講述的應用顏色的故事。我們還專門拍攝了一支短片,試圖還原這個應用在設計師眼里最美的樣子。如果你對此感興趣,可以點擊這個鏈接前往頁面看一看。
作者:liuyaping
來源:知乎
沈陽App定制開發,唯思科技!
