色彩搭配需遵循色彩的功能性規律。只有了解了色彩的功能性,在色彩搭配過程中,才能將色彩要傳達的主題思想,準確的表達出來。色彩的功能主要分為:主色、輔助色、點綴色。今天,武漢網站設計小編教大家如何區分主色、輔助色、點綴色,幫助你更好的入門色彩搭配。
主色
主色,顧名思義,是整幅作品的主要色彩,它可以影響你對整個作品的感官印象,作品想要傳達的感受,主要是由這個色彩傳達出來的,不可替代,換了別的顏色,整幅作品傳達的主題就被改變了。
針對這個定義,有3種區分主色的方式。
1、整個畫面中,面積大,且純度高的色彩,這個就是主色。
圖中紅色就是主色,若換成藍色,傳達的就是商務嚴肅感,而不是略帶危險刺激的感受了。
2、整個畫面中,相比面積大,但純度低或者明度低的色彩,雖然面積稍小,但畫面中你一眼就看到的色彩,就是主色。
畫面中灰綠色面積雖然大,但因為黃色的巴士純度更高,更奪人眼球,所以整幅作品中,黃色是主色。
3、主色也存在雙主色的情況。兩種色彩面積是等量的,可以給人留下深刻的印象。雙主色的搭配,往往顯得更具有個性。
圖中藍灰色和紅色的面積是等量的,是雙主色搭配,去掉任何一種顏色畫面效果都會打折扣。
輔助色
輔助色的功能是幫助主色建立更完整的形象,若主色本身已經很完美,那么沒有輔助色也是可以的。
選擇輔助色,有2個訣竅。
1、輔助色選擇主色的同類色,可達成畫面統一和諧。
主色是中間的紅色,輔助色是橙色,橙色的運用使紅色更為突出,典型的同類色輔助色,也可以叫做背景色輔助色,整個畫面顯得極為和諧。
2、選擇主色對比色,畫面刺激、活潑,也很穩定。
這里橙色和藍色是對比色,整個畫面具有強烈的視覺沖擊效果,但畫面整體又顯得很穩定。
點綴色
點綴色的功能:牽引和提醒作用,面積一般比較小。點綴色可以是多個顏色。若點綴色多了,也可以形成一定的風格。
點綴色特點
1、出現次數比較多
2、 顏色跳躍
3、 引起閱讀性
4、 與其他顏色反差較大
這幅作品中的點綴色是多個顏色,顏色跳躍,形成自有的風格,同時引導大家閱讀下方的文字。
主色、輔助色、點綴色區分方法
主色
一定是搶鏡的顏色,在色彩作品中,這個色彩第一時間進入你的視線,并且影響了整個作品的感官和印象,不可替換,替換了就會更換了主題。不一定是面積大的色彩。
輔助色
為了更好的表達主色所傳達的思想。可選同類色或對比色,可有可無,存在的決定權在于配色者自身的喜好。
點綴色
顏色面積最小,出現次數多,與別的顏色反差大,具有引導視線作用,影響主色作用小,只是提醒人們注意。
除了色彩搭配的協調以外,還需要根據你所設計的題材和用戶的需求,挑選更加契合主題的色彩搭配。做出符合產品特性的色彩搭配方案,才是一個好的UI設計色彩搭配方案。一個產品的色彩,也是可以增加產品的轉化率的。武漢網站建設小編就介紹到這,大家趕緊動手試試吧~
最新動態
常見問題百寶箱
A2014,有位學妹不顧家人反對,在上海這個國際化大都市謀了一個公眾號助理的職位。斗志昂揚地奮斗了 3 年,我眼看著她的內容駕馭能力突飛猛進,內容質量從三流到一流,職位
A文章主要分析了不同的視覺設計元素是如何影響網站用戶體驗,希望通過文章的解讀能夠對你的產品設計帶來些啟發。 也許是因為我在視覺設計上沒有太多經驗,我發現
A雙贏系統建站系統,三網同步,建站推廣一步到位雙贏系統建站系統,三網同步,建站推廣一步到位雙贏系統建站系統,三網同步,建站推廣一步到位雙贏系統建站系統,三網同步,建站推
Copyright 2013-2020 All Rights Reserved 武漢互贏網絡科技股份有限公司 鄂ICP備19027860號