日韩黑丝制服一区视频播放|日韩欧美人妻丝袜视频在线观看|九九影院一级蜜桃|亚洲中文在线导航|青草草视频在线观看|婷婷五月色伊人网站|日本一区二区在线|国产AV一二三四区毛片|正在播放久草视频|亚洲色图精品一区

分享

liuyaping:一款手機 App 的主色調(diào)選擇有沒有什么講究?或者說 App 的顏色對其影響大嗎...

 maschool 2016-04-11

顏色在時尚和 lifestyle 領(lǐng)域一直是很重要的事情。色彩研究機構(gòu) Pantone 每年都會評選年度代表色,講述它們自己的性格和文化含義,上個月同時入選 2016 流行色的兩個顏色想必大家還有印象。


根據(jù)豌豆莢的后臺數(shù)據(jù)統(tǒng)計,2015 年,共有 452052 款新應(yīng)用在豌豆莢上架。我們按照紅橙黃綠青藍(lán)紫 7 種顏色給這些應(yīng)用的主色調(diào)歸類,其中 33% 的應(yīng)用選擇紅色作為主色調(diào),其次是藍(lán)色,占比 20.79%。另外,下載率最高的是采用紫色為主色調(diào)的應(yīng)用,比第二名綠色高出 12%;但以綠色為主的應(yīng)用也有另一個優(yōu)勢:它獲得了比其它應(yīng)用多 16% 的好評。


我們在過去一年豌豆莢設(shè)計獎的評選和內(nèi)容制作過程中,發(fā)現(xiàn)了一些有趣的事情:往往設(shè)計優(yōu)秀的應(yīng)用,在顏色的選擇上也更深思熟慮。于是 2016 年初,豌豆莢的年度設(shè)計獎從「顏色」的角度評選出了 8 款年度應(yīng)用。


最終評選出的這 8 個應(yīng)用,每一款應(yīng)用的顏色都帶有設(shè)計師的思考和愿景,它們在顏色這件「小事」上傾注的,往往比你想象的要多:



Airbnb


主色調(diào):Rausch


世界上第一個 Airbnb 房屋,是在一條叫 Rausch Street 的街上誕生的。而 Airbnb 的主色調(diào),就是一種叫做 Rausch 的溫暖顏色。


在挑選主色調(diào)的時候,四名設(shè)計師前往 13 個城市,橫跨 4 大洲, 只為了更好的理解 Airbnb 的理念:熱情、能量和自信 —— 這正是 Rausch 要傳遞的信息。




除了 Rausch 以外,Airbnb 還有其它九種顏色,包括 Kazan、Beach、Tirol、Foggy 等等,它們也都是以 Airbnb 的社區(qū)街道命名的。


Airbnb 總是有辦法發(fā)現(xiàn)這個星球上最獨一無二的住所。你可以通過 Airbnb 和親手設(shè)計濟州島海邊別墅的設(shè)計師共用早餐,或者在喜歡收藏古董的老太太帶領(lǐng)下尋訪羅馬最棒的古著店 —— Airbnb的象征意義,遠(yuǎn)遠(yuǎn)超越旅行本身,它所構(gòu)想的,是一個「家在四方」的世界。





錘子便簽


主色調(diào):米黃色 #F9F5ED


錘子便簽設(shè)計的出發(fā)點,是做一個「簡單好用的便簽工具」。簡單、干凈,紙張鋪在一張木頭桌子上的感覺,是錘子便簽想傳達給用戶的基調(diào)。


對于錘子便簽設(shè)計師來說,設(shè)計一款應(yīng)用的時候,通常跳到腦海里的第一個就是顏色。比如錘子便簽這個簡單的應(yīng)用,第一個想到的就是溫暖的米黃色。而 Smartisan OS 的應(yīng)用商店就會想到紅色、郵件是藍(lán)色。因為商店的感覺是琳瑯滿目的,像糖果店,有溫暖的燈光、喜慶的氣氛;而郵件就表達出冷靜的感覺,是非常默認(rèn)的工作道具,給人的定位就是系統(tǒng)里不可或缺的,強調(diào)效率。




在 Smartisan OS 擬物化的風(fēng)格中,需要帶有一定情感。首先定下來的顏色是便簽的紙張的 #F9F5ED,它是一個偏暖的顏色,是橙色轉(zhuǎn)到明黃中間的一個色度。錘子便簽的設(shè)計師在調(diào)色的時候喜歡記色值的 H 值,那代表了一個顏色的色偏向,而 40 就是橙色和黃色之間的一個值。


在設(shè)計的過程中,設(shè)計師盡量避免大面積地使用撞色。紙張的米黃色、木板的褐色與標(biāo)題的咖啡色是錘子便簽里主要的三種顏色,它們屬于同一個色系,是從明到暗的各個階段。作為錘子便簽里的主色調(diào)搭配,傳達一種情緒的同時,更好地襯托了信息,形成一種隱形的存在感。





豌豆莢一覽


主色調(diào):白色 #FFFFFF

輔色調(diào):綠色


在豌豆莢一覽里,你可以一次看完超過 500 個應(yīng)用的最新內(nèi)容。


為了將更多空間留給每天更新的 10000 多條內(nèi)容,豌豆莢一覽使用了最干凈、信息量最少的白色作為主色調(diào),希望傳遞明亮、清晰、精致的感覺。





它將自己比喻成一只盛裝著豐富美食的白瓷盤 ——


潔白的顏色、考究的造型、細(xì)膩的紋理,凸顯出盤子的品質(zhì)感;通過精致的擺盤將豐富的美食擺放在其中,素雅的盤子與豐富的美食之間相輔相成,顯出盤中食物的美味,激發(fā)出用戶的味蕾。


除了白色,豌豆莢品牌的綠色在豌豆莢一覽中也同樣被使用。綠色代表著向上生長的力量,豌豆莢希望借此傳遞給用戶活力、有朝氣的感覺。


這種綠色在豌豆莢的主產(chǎn)品中也經(jīng)歷過一次改版,從擬物的 #3BA24 到更適合 UI 設(shè)計、對比度更低的 #24AA42。





ENJOY


主色調(diào):黑色 #1A1A1A


輔色調(diào):金色、橙色


ENJOY 是一個提供「精選限量美食」的應(yīng)用。在產(chǎn)品設(shè)計的理念里,它希望給用戶帶去精致感和品質(zhì)感。




一開始,Enjoy 里商品較少,每樣商品都附有圖片、摘要,希望給用戶「閱讀」的感覺。隨著商品漸漸增多,設(shè)計師不斷做平衡,取消了摘要,新增了附近商品,總體希望產(chǎn)品能有「精致感」。


紅黃色系、金色、黑色是當(dāng)時設(shè)計團隊的三個選擇。


因為想?yún)^(qū)隔于同一個團隊的主產(chǎn)品「飯本」的橘紅色,凸顯精致感;而金色又很難撐起整個應(yīng)用、設(shè)計上不好操作,ENJOY 選擇了偏冷的黑色作為主色調(diào),并使用了極少的金色和橙色作為細(xì)節(jié)的輔助。


一開始,設(shè)計團隊擔(dān)心黑色作為主色調(diào)會讓頁面過重和壓抑,后來他們通過設(shè)計解決了這個擔(dān)心:首頁圖片離屏幕邊緣有一些留白,開放式設(shè)計會讓整個頁面不那么封閉和沉悶。ENJOY 的黑色偏灰一些,是偏冷一點的黑色,黑色有一些冷感或讓整個頁面看起來更精致。


作為時尚類、攝影類、閱讀類應(yīng)用最偏愛的顏色,黑色不僅最能突出品質(zhì)感,同時也和其它顏色百搭。ENJOY 作為一個食物照片眾多的應(yīng)用,黑色能讓用戶注意力集中在照片本身。


橙色是來源與「飯本」的顏色,但 ENJOY 的橙色比飯本更活潑一些,飯本的橙色偏深紅,Enjoy 更偏黃。作為輔助顏色,它用來表明一些產(chǎn)品的重要信息,比如引導(dǎo)、價格、購買、剩余份數(shù)。





Fabulous


主色調(diào):Material Design 標(biāo)準(zhǔn)色


作為一款習(xí)慣養(yǎng)成應(yīng)用,F(xiàn)abulous 不想僅僅做一個冰冷的記錄工具,而想成為一個鼓勵用戶度過漫長旅程的同伴,「神秘而親切」是 Fabulous 希望傳達給用戶的感覺。


乍看之下,F(xiàn)abulous 是一個五顏六色的混合體。




其實 1.0 的 Fabulous 使用的是黑白兩色和一些相對灰暗柔和的色調(diào),但設(shè)計師發(fā)現(xiàn)這樣的配色無法激發(fā)用戶的情緒。于是 2.0 開始嘗試一些大膽的色調(diào),并且收到很多積極的用戶反饋。于是在最新的 3.0 版本,F(xiàn)abulous 使用了更加廣泛和大膽的顏色,其中包括 Material Design 上的每一種主色調(diào) —— 這除了收到 Material Design 啟發(fā)之外,設(shè)計師還希望借以告訴用戶:這是一個豐富多彩的世界(fabulous world),值得用心探索。


在瀏覽 Material Design 色板的時候,F(xiàn)abulous 的設(shè)計師 Taylor Ling 發(fā)現(xiàn)了一種偏紅的粉色。它不像藍(lán)色、紅色和黃色總讓人想起 Facebook、Youtube 和 Google Keep,而是一種非常讓人過目不忘、非?!窮abulous」的顏色。


這種顏色的名字是 Redish Pink,設(shè)計師將它用在 PC 端和應(yīng)用底部欄,作為 Fabulous 的品牌色。



Light


主色調(diào):黃色 #FFD200

輔色調(diào):白色


Light 是網(wǎng)易旗下的閱讀應(yīng)用,它以早報、晚報的形式為用戶推薦互聯(lián)網(wǎng)中的精品內(nèi)容,通過內(nèi)容和設(shè)計,Light 想傳達給用戶一種明亮并溫暖治愈的感覺。





Light 所有的視覺,都是圍繞著「點亮」這個概念來設(shè)計的。設(shè)計師希望用戶看見 Light 的第一感覺就是「眼前一亮」—— 不論是從視覺,還是產(chǎn)品、交互、動畫層面來說。


在色相上,黃色是最能發(fā)光的顏色。在人們的思維中,「點亮燈泡」之后的亮光顏色就是黃色;從 Light 的日報、晚報出發(fā),黃色也是太陽和月亮的顏色 ——


這種明亮、柔和的暖黃色 #ffd200,就是 Light 選擇的主色調(diào)。


從產(chǎn)品氣質(zhì)出發(fā),作為一款閱讀類產(chǎn)品,首先要考慮的是方便用戶閱讀:白色的背景、灰色的文字,配上精美的圖片,整個界面很干凈;用戶閱讀起來要順暢,沒有過多干擾色;而黃色作為點睛色,可以最大程度點亮沉悶的閱讀氣氛。黃色被運用在列表頁底部,文章頁底部等位置,也是一個結(jié)點,可以提醒用戶你已經(jīng)讀完了一份報紙。



每日故宮


主色調(diào):金色 #CA9F75

輔色調(diào):紅色、藍(lán)色、黑色


一代一代中國人在日歷中記錄生活、標(biāo)記重要節(jié)氣中發(fā)生的大小事 —— 每日故宮這款一天推薦一款故宮文物的日歷應(yīng)用正來源于這種傳統(tǒng)。


它選擇的幾種顏色,都來源于對傳統(tǒng)文化和器物的理解。


首選是白色的主色調(diào)。每日故宮曾經(jīng)考慮過紅色較為濃烈的顏色,但發(fā)現(xiàn)這些顏色會搶過故宮文物的風(fēng)頭、削弱藏品的內(nèi)容 —— 為了給文物留出更大的空間,設(shè)計師使用了更為干凈的白色。


金色是一個符號性很強的顏色,它的大氣、富貴感讓它成為世界各地皇家的首選 —— 其中也包括故宮。每日故宮主要突出中間文物部分的陳列,用白色和其它顏色作為鋪墊,將金色作為點睛用在關(guān)鍵的地方。


在節(jié)慶的日子,每日故宮用紅色來展現(xiàn)節(jié)日名稱。紅色在此處具有功能性,它以印章形式出現(xiàn),表示提點性的內(nèi)容。而且紅色作為傳統(tǒng)印章的顏色,和中國傳統(tǒng)契合,印章的概念強化了特別的日子對藏品選擇的意義所在,和日歷更好地聯(lián)接了起來。


日常的日期則選擇了藍(lán)色來表現(xiàn)。不同于其他的金色、黃色、紅色,藍(lán)色屬于冷色系,它的出現(xiàn)可以使畫面相對冷靜,起到區(qū)分的效果。





一席


主色調(diào):紅色 #CC3434


不僅只有網(wǎng)絡(luò)視頻,一席這個品牌至今已經(jīng)在四個城市舉辦了將近 40 場演講,萬曉利、張大春甚至「家在水草豐茂的地方」導(dǎo)演李?,B都曾經(jīng)擔(dān)任過演講者。



一席的主色調(diào)是紅色,它來源于一席的現(xiàn)場。通過這種顏色,一席希望讓用戶感受到現(xiàn)場演講的氛圍,舞臺上紅色的地毯和投射出來的燈光。


設(shè)計團隊對于顏色討論的方向基本都是圍繞在「哪一種紅色最能代表一席」上,幾種方案包括偏亮、偏黃的 #EA3535、鮮明的 #D0021B 和這幾種顏色的漸變。最終,一席選擇了飽和度較低、更好搭配的 #CC3434 作為主色調(diào)。


一席設(shè)計師梧桐說,一席想用演講,讓每個人都感受到在生活中的激情、樂趣和韻味。


這也是一席的設(shè)計團隊想讓這個應(yīng)用的顏色傳達的感覺。



以上是獲獎應(yīng)用的設(shè)計師為我們講述的應(yīng)用顏色的故事。我們還專門拍攝了一支短片,試圖還原這個應(yīng)用在設(shè)計師眼里最美的樣子。如果你對此感興趣,可以點擊這個鏈接前往頁面看一看。

    本站是提供個人知識管理的網(wǎng)絡(luò)存儲空間,所有內(nèi)容均由用戶發(fā)布,不代表本站觀點。請注意甄別內(nèi)容中的聯(lián)系方式、誘導(dǎo)購買等信息,謹(jǐn)防詐騙。如發(fā)現(xiàn)有害或侵權(quán)內(nèi)容,請點擊一鍵舉報。
    轉(zhuǎn)藏 分享 獻花(0

    0條評論

    發(fā)表

    請遵守用戶 評論公約

    類似文章 更多