回覆列表
-
1 # 晨秋沒煩惱
-
2 # 孤獨草
感謝!
其實這個問題得具體分析。如果是給某產品過甲方做,就要了解其產品或公司是做什麼的,色彩也是有性格和代表性的,比如綠色代表環保等。瞭解這些後你的主色就有了大方向,輔助色什麼的就靠你自己的專業水平去給出來了。
若是自己練習,則可以找個模版,先放張漂亮的圖片,根據圖片上的顏色,找出你的主色,輔助色,點睛色什麼的就OK啦!
合理運用色彩是每個設計師都應必須具備的技能,特別是插畫師和UI設計師。如果運用得當就能夠為自己的介面加分。
首先,色彩是最直接性的“語言”交流,它能夠在第一時間內吸引觀眾的注意力,使觀者的“眼睛”得到放鬆或者警惕;
其次,色彩是最為引人注目的視覺因素。
色彩作為視覺傳達中非常重要的要素在UI設計中具有非常重要的作用,一個好的UI色彩提案可以起到:
1)顯示介面的整體架構
2)明確視覺層級關係
3)營造介面整體風格,甚至增加轉化
UI色彩搭配方案
能夠吸引我們眼球的海報,一定是一些顏色配比舒服,或者對比強烈的,顏色搭配在整個版面裡面的重要性不言而喻。
1.單色搭配
基於一種顏色,以色調和飽和度區分層次。
單色永遠是一個經典且安全的配色方案。
2.相鄰顏色搭配
選擇色輪上相鄰的顏色。
這種型別的配色方案用於不需要對比度的設計,包括web或banner的背景。
3.高對比搭配
選擇色輪上對立面的顏色混合,提高對比度。
4.協調對比搭配
這個方案與上一個方案類似,但是它採用了更多的顏色。
例如:如果選擇藍色,則需要取其對立面中,相鄰的2個其他顏色(即黃色和紅色)。
這裡的對比度不如【高對比方案】那麼強烈,但它允許使用多種顏色。
5.三色搭配
當設計需要更多的顏色時,可以嘗試三色方案。
為了畫面的平衡,建議使用一種顏色作為主導,另一種作為輔助。
6.四分色搭配
四分色配色方案適合有經驗的設計師,因為它是最難平衡的。
它採用色輪的四種互補顏色。如果將所選顏色上的點連線起來,會形成矩形。這種方案很難平衡色彩。
7.主色調 輔助色 點綴色搭配
主色調 ▶▷
主題色即介面中偏向的顏色,比如京東的主題色就是紅色,淘寶的主題色就是橙色。
主介面到底應該選擇什麼樣的色彩搭配呢? 下面就來介紹幾種方法:
●第一種方法,可以根據企業 VI 來確定 UI 介面的主題色,通常一家企業的 VI 代表企業的文化或者行業屬性。比如中國銀行的 VI 主題色為紅色,紅色在金融行業代表漲的意思,同時紅色也是華人比較喜歡的顏色,所以以前做的一箇中國銀行的專案用的就是紅色。
●第二種方法,可以根據使用者人群來確定UI介面的主題色,通常男生比較喜歡金屬質感的黑色、灰色、藍色系,女生喜歡的夢幻甜美色系、糖果色系,小朋友比較喜歡明度純度比較高鮮豔的顏色。
●第三種方法,可以根據行業特徵來確定主題色,比如科技型公司大多喜歡使用藍色,金融類公司大多使用紅色,奢侈品公司大多使用金色和黑色。
主色用量基本佔據全部用色的25%,基本決定了整個介面的視覺風格。
輔助色 ▶▷
輔助色起到輔助主色的作用,又叫背景色,它在全部用色中約佔據75%。
用與主色同色系色彩作為輔助色可以呈現柔和、整體、統一的視覺效果;
而用主色鄰近色作為輔助色可以讓介面有豐富的變化,產生活潑感;
用主色調對比色作為輔助色可以讓主色更為突出。
通常情況下輔色為白色或者灰色比較多。
點綴色 ▶▷
點綴色佔全部色彩方案的5%左右、提醒的作用。
應用在滑鼠懸停,選中狀態,強調部分。點綴色要與介面整體色調相區別,一般在明度、飽和度上要有明顯差異,一般會用明度或飽和度高的顏色。
除了色彩搭配的協調以外,還需要根據所設計的題材和客戶的需求,挑選更加契合主題的色彩搭配,做出符合產品特性的色彩搭配方案,才是一個好的UI設計色彩搭配方案
色彩是設計師手中的一個偉大工具,和其他工具一樣,為了有效地使用它,需要考慮其所有方面,掌握不同的技巧,以便能夠找到適合於設計任務和目標的解決方案。