如何科學地制定App的顏色方案?

主要是主題色的確定


之前寫的一篇:產品icon與色彩心理學 個人認為icon色彩或者app主題色都可以根據以下來


最近準備做一款app,由於公司的LOGO主色調是黃綠色(黃綠色時而能夠表現出自然的感覺,時而能夠表現出未來虛幻的感覺),但是產品體現的情感與公司主色調不符合,所以得設計個app的icon,icon的顏色就成了和設計師討論的點。

目前app中色彩最為常見的:藍色(科技色:推特、facebook、36Kr)、紅色(zaker、唱吧、網頁雲音樂、京東)和橙色(58、點評、土豆、UC)等,由於這些是自己的經驗和感覺,總感覺不靠譜,得有數據驗證才能放心,於是在網上找到一個大神的資料:對App Store中應用icon顏色的抽樣分析,這位可能是處女座的大神對appstore的Icon色彩進行了抽樣分析和統計,得出的結論除了上述的三個色之外多了一個「白色」,於是恍然大悟,自己手機上白色為主色調的還真不在少數,如 友秘、日曆(iOS原生態)、QQ,只是在白色的主色調上加了少許其他色調,就被我忽視了。

除去在設計icon時候,配合公司主色調(比如愛奇藝的綠色,在群里聊天,他們的員工QQ氣泡都是綠色,估計Icon也紅不起來)以及遊戲等以卡通人物作為icon,其他產品公司都會或多或少借鑒部分色彩心理學的知識:

黑色

象徵權威、高雅、低調、創意;也意味著執著、冷漠、防禦,端視服飾的款式與風格而定。黑色為大多數主管或白領專業人士所喜愛,當你需要極度權威、表現專業、展現品味、不想引人注目或想專心處理事情時,例如高級主管的日常穿著、主持演示文稿、在公開場合演講、寫企劃案、創作、從事跟「美」、「設計」有關的工作時,可以穿黑色。

lofter(網易輕博客:高雅、創意、品味)


灰色

象徵誠懇、沉穩、考究。其中的鐵灰、炭灰、暗灰,在無形中散發出智能、成功、強烈權威等強烈訊息;中灰與淡灰色則帶有哲學家的沉靜。當灰色服飾質感不佳時,整個人看起來會黯淡無光、沒精神,甚至造成邋遢、不幹凈的錯覺。灰色在權威中帶著精確,特別受金融業人士喜愛;當你需要表現智能、成功、權威、誠懇、認真、沉穩等場合時,可穿著灰色衣服現身。

ios 原生相機(智能、精確)


白色

象徵純潔、神聖、善良、信任與開放;但身上白色面積太大,會給人疏離、夢幻的感覺。當你需要贏得做事乾淨俐落的信任感時可穿白色上衣,像基本款的白襯衫就是粉領的必備單品。

想去 (設計類: 夢幻 感覺 純潔)


褐色、棕色、咖啡色系

典雅中蘊含安定、沉靜、平和、親切等意象,給人情緒穩定、容易相處的感覺。沒有搭配好的話,會讓人感到沉悶、單調、老氣、缺乏活力。當需要表現友善親切時可以穿棕褐、咖啡色系的服飾,例如:參加部門會議或午餐彙報時、募款時、做問卷調查時。當不想招搖或引人注目時褐色、棕色、咖啡色系也是很好的選擇。

豆瓣FM(安定、沉靜、讓人情緒穩定、易相處)


紅色

紅色象徵熱情、性感、權威、自信,是個能量充沛的色彩--全然的自我、全然的自信、全然的要別人注意你。不過有時候會給人血腥、暴力、忌妒、控制的印象,容易造成心理壓力,因此與人談判或協商時則不宜穿紅色;預期有火爆場面時,也請避免穿紅色。當你想要在大型場合中展現自信與權威的時候,可以讓紅色單品助你一臂之力。

zaker(權威、吸引注意)

網易雲音樂 (熱情、能量充沛、火爆)

粉紅色

粉紅象徵溫柔、甜美、浪漫、沒有壓力,可以軟化攻擊、安撫浮躁。比粉紅色更深一點的桃紅色則象徵著女性化的熱情,比起粉紅色的浪漫,桃紅色是更為洒脫、大方的色彩。在需要權威的場合,不宜穿大面積的粉紅色,並且需要與其它較具權威感的色彩做搭配。而桃紅色的艷麗則很容易把人淹沒,也不宜大面積使用。當你要和女性談公事、提案,或者需要源源不絕的創意時、安慰別人時、從事諮詢工作時,粉紅色都是很好的選擇。

蘑菇街 (甜美、溫柔、浪漫、女性)

美麗說( 女性 、溫柔 、浪漫)


橙色

橙色富於母愛或大姐姐的熱心特質、給人親切、坦率、開朗、健康的感覺;介於橙色和粉紅色之間的粉橘色,則是浪漫中帶著成熟的色彩,讓人感到安適、放心,但若是搭配俗氣。橙色是從事社會服務工作時,特別是需要陽光般的溫情時最適合的色彩之一,橙色的快樂和活力可以很好地表現激情和參與的理念。

土豆 ( 活力、參與感)

土豆的口號:每個人都是生活的導演

黃色

黃色是明度極高的顏色,能刺激大腦中與焦慮有關的區域,具有警告的效果,所以雨具、雨衣多半是黃色。艷黃色象徵信心、聰明、希望;淡黃色顯得天真、浪漫、嬌嫩。提醒你,艷黃色有不穩定、招搖,甚至挑釁的味道,不適合在任何可能引起衝突的場合如談判場合穿著。黃色適合在任何快樂的場合穿著,譬如生日會、同學會;也適合在希望引起人注意時穿著。

雖然各種黃色色調並不十分有魅力,但其明亮和愉快的特質能向潛在用戶傳遞一些溫暖而樂觀。

糗百 (傳遞溫暖、樂觀、天真)


綠色

綠色給人無限的安全感受,在人際關係的協調上可扮演重要的角色。綠色象色彩象徵自由和平、新鮮舒適;黃綠色給人清新、有活力、快樂的感受;明度較低的草綠、墨綠、橄欖綠則給人沉穩、知性的印象。綠色的負面意義,暗示了隱藏、被動,不小心就會穿出沒有創意、出世的感覺,在團體中容易失去參與感,所以在搭配上需要其它色彩來調和。綠色是參加任何環保、動物保育活動、休閑活動時很適合的顏色,也很適合做心靈沉潛時穿著。

SnapLock 鎖屏( 安全)

藍色

藍色是靈性知性兼具的色彩,在色彩心理學的測試中發現幾乎沒有人對藍色反感。明亮的天空藍,象徵希望、理想、獨立;暗沉的藍,意味著誠實、信賴與權威。正藍、寶藍在熱情中帶著堅定與智能;淡藍、粉藍可以讓自己、也讓對方完全放鬆。藍色在美術設計上,是應用度最廣的顏色;在穿著上,同樣也是最沒有禁忌的顏色,只要是適合你「皮膚色彩屬性」的藍色,並且搭配得宜,都可以放心穿著。想要使心情平靜時、需要思考時、與人談判或協商時、想要對方聽你講話時可穿藍色。

知乎 ( 誠實、信賴 、權威)

紫色

紫色是優雅、浪漫,並且具有哲學家氣質的顏色。紫色的光波最短,在自然界中較少見到,所以被引申為象徵高貴的色彩。淡紫色的浪漫,不同於粉紅小女孩式的,而是像隔著一層薄紗,帶有高貴、神秘、高不可攀的感覺;而深紫色、艷紫色則是魅力十足、有點狂野又難以探測的華麗浪漫。若時、地、人不對,穿著紫色可能會造成高傲、矯揉造作、輕佻的錯覺。當你想要與眾不同,或想要表現浪漫中帶著神秘感的時候可以穿紫色服飾。

紫色是最不常見的圖標顏色之一,這或許是它由於它偏於女性化

幸福孕媽(神秘、成熟魅力、女性)

進行了上面的學習之後,我們以後在設計icon的時候可以根據標籤,產品想從色彩中傳達什麼情感,就與上面的對應是最簡單的方法,ex:我們公司的產品主要想傳達快樂和活力、給人舒適的感覺,於是對比上面的色彩傳遞的感覺,選擇了橙色,橙色有給人安適、舒服的感覺,與我們產品想傳達給用戶的一致。


最後給出一個蘋果給icon設計的注意事項如何設計優秀的應用圖標?蘋果教你這六招

如果要設計純色帶少許漸變請到ios7color點擊這裡


不懂「科學」,就講操作。

1.看同行競品或者同業類似產品,作為規避相似顏色或者作為參考,篩選出備選顏色。可以先不精確這些顏色的RGB值,只是有一種模糊的概念。如果是小眾產品,幾乎沒競品,別猶豫,搶佔三原色中某一個;如果不幸,競品強大且多(比方購物類瀏覽器類APP),顏色幾乎都被佔用,可以從圖標的設計著手,採用多色(最好不超三色)+圖形,轉移重點,不給人「相似」「山寨」的感覺。詳見第二點。

2.根據logo圖形,選用較為搭配的顏色。這個時候就可以具體調試。把某種顏色從淺到深嘗試搭配。最好不用顏色+字,很容易給人粗糙的感覺。爪機不好上圖,下午用電腦補充。我就先放一個,追追漫畫(這個APP我還是覺得挺方便的,就是這個圖標太丑)的,你感受一下,綠+白+字。

旁邊是它的競品,布卡漫畫,高下立判。雖然我很不爽它是個圖形。待續。


想起以前看到的一張圖


http://materialpalette.com


學習了


推薦閱讀:

男大學生的形象搭配?
自學三大構成如何去學習?
這樣的校服冬天要怎麼搭?
眼影該如何配色?
紫色大衣配什麼顏色的貝雷帽?

TAG:設計 | 用戶界面設計 | 用戶體驗設計 | 用戶界面設計師 | 顏色搭配 |