色彩是什麽?
色彩是通過眼、腦和我們的生活經驗所產生的壹種對光的視覺效應。
色彩是能引起我們***同的審美愉悅的、最為敏感的形式要素。
色彩是最有表現力的要素之壹,因為它的性質直接影響人們的感情。
分享壹個我最愛的app界面設計—無印良品,沒什麽別的原因,主要就是因為簡潔、明了。看多了五顏六色花花綠綠的APP,對這種最純粹的設計,真的太喜歡啦!
圖片來源:無印良品
首先它的首頁除了加粗黑色“公告”“新到商品”、正常黑色字體的產品名稱、藍色“查看全部”、標誌圖案的灰色以及下圖標的紅色,就沒有其他顏色。黑色、灰色、藍色都是給人壹種平靜、沈穩的感覺,而紅色是無印良品的主題色。
圖片來源:無印良品
商品詳情頁面,除了商品本身的顏色,另外更加突出的顏色就是主題紅色,醒目明了。
圖片來源:無印良品
結賬頁面除了應付金額以及“去付款”是主題紅色,其他延續的是之前的主頁、詳情頁顏色,整個風格都高度統壹。用戶看到這麽單壹的色彩會覺得乏味嗎?不會的!只會覺得和它本身的品牌風格“自然、簡潔、質樸”完美契合。
圖片來源:無印良品
再看看它的品牌logo,紅底白字,色彩鮮明,非常好記。很多時候妳會發現逛壹圈無印良品的店面,什麽也沒有記住,但是它的品牌logo卻牢牢印在腦海裏。(它的品牌可能是整個店面顏色最鮮艷的地方了)。這就是壹個品牌的高明之處—永遠在突出重點。
圖片來源於網絡侵刪
還有兩個APP也是大眾非常熟悉的,支付寶和網易雲。支付寶的主題色是藍色,藍色代表著安全穩定,這就是壹個理財資金類APP想要給用戶宣傳的理念。網易雲的主題色是紅色,紅色代表著熱情、活潑、給人勇氣的,不僅會大大增加用戶去點擊的頻率,而且妳是否會因為聽到壹首好聽的音樂而變得快樂起來?
所以UI設計師對品牌理念的理解程度,很能影響整個產品主基調色,這就需要設計師具備較高的色彩駕馭度。
在我看來沒有什麽特別好看的色彩搭配,因為在不同人的眼裏,喜好都是不壹樣的,“正所謂人與人的悲歡並不相通,而我只覺得他們吵鬧。”所以掌握色彩的規範原則才是最重要,授人以魚不如授人以漁~
壹、色彩的規範原則1、 三色搭配原則
上面說到的MUJI的主頁圖,醒目的紅色只是作為了點綴色。
壹般飽和度高、顏色較深、大面積的、壹眼望過去的占據視覺中心的顏色為主色。
壹般同類色、鄰近色或者互補色、對比色來作為副色。
壹般根據頁面所呈現的顏色,來添加點綴色。但是點綴色壹定是要飽和度高的,這樣對整體頁面可以營造出獨特的風格,綻放不壹樣的光芒。
2、掌握顏色的性格
白色
白色象征純潔、神聖、善良、信任與開放,化繁為簡的主調色。
藍色
藍色是最不會引起反感的顏色。明亮的天空藍,象征希望、理想和獨立;暗沈的藍,意味著誠實、信賴和權威。正藍、寶藍在熱情中帶著堅定與智能。
紅色
紅色象征熱情、性感、權威和自信,是壹種能量充沛的色彩。但是也會給別人血腥、暴力的印象,容易造成心理壓力。
橙色
橙色給人親切、坦率、開朗和健康的感覺,有陽光壹般的熱情。
黃色
黃色是明度極高的顏色,能刺激大腦與焦慮有關的區域,具有警告的效果。艷黃色象征信心、聰明和希望;淡黃色顯得天真、浪漫和嬌嫩。
綠色
綠色給人無限的安全感受,象征自由和平、新鮮和舒適。黃綠色給人清新、有活力、快樂的感受;明度較低的草綠、墨綠和橄欖綠則給人沈穩、知性的印象。
黑色
象征權威、高雅、低調、執著、冷漠和防禦。
灰色
灰色象征誠懇、沈穩、和考究。
3、 觀察自然
圖片來源於網絡 侵刪
大自然永遠是世界上最優秀的色彩搭配師,當妳在為配色發愁的時候,不妨隨手哢壹張大自然,妳就會發現很多問題,大自然早就給了妳答案以及靈感。
壹定要明白“色彩並不能為妳的設計作品增添令人愉悅/舒適的質感——它的實際作用是強化了這種質感。”
二、色彩搭配網站1、Color Hunt-配色:設計、網頁配色工具網站。
2、uiGradients:漸變色分享網站,裏面有很多美麗的方案選擇哦!
3、Coolors.co:超快速配色方案生成器,創建完美的調色板或從數千種美麗的配色方案中汲取靈感。
4、Material UI Colors:幫助設計師們快速定位顏色組合。
5、:UI設計的最佳平面顏色。
三、色彩相關書籍1、《配色設計原理》
《配色設計原理》,作者是日本奧博斯科編輯部,通過簡明易懂的作品,讓妳學習實用又系統的配色原則。將具體的設計案例進行修改前後對比,然後分析如何使用配色,讓作品更具有效果和表現力。
2、《配色事典》
日本色彩文化的先驅,配色參考書,平面設計師配色參考書,也可用於生活。
3、《設計師的色彩詞典》
《設計師的色彩詞典》提供了壹個深入的研究30種顏色的關鍵,藝術和圖形設計。這本書是根據光譜組織的,在按顏色劃分的區域中便於導航,它用圖表記錄每個顏色,顯示顏色範圍和調色板的變化。