作為一名設計師,色彩搭配很重要!
對於我們大多數人來說對於色彩都有最基本審美,但是對於色彩的審美並不代表我們可以輕鬆自如的運用色彩。
色彩是作為設計中最為活躍的視覺因素,往往有時候在一個主視覺中,色彩站主導地位,它能夠增強人們對設計的高效感知,提供設計傳遞信息的有效性。那麼接下來我們介紹幾種色彩搭配的方法:
一、單色配色:
單色系配色是指網站的頁面主色只使用一種顏色,這樣的應用一般運用在配圖較多的網站,這些配圖自身就包涵著豐富色彩,那麼從整個頁面來看,色彩就不只有一種顏色了。
那麼當配圖的色彩參與到頁面整體配色中,我們只需找到一種與配色協調的色彩作為主色就OK。
1、頁面的主色為清爽的綠色,這時選擇的背景配圖是醫生做手術,攝影作品本身帶有柔和的藍色,與綠色相得益彰:
2、主色的單一色調不一定用在組件上,有時也採用「反白」的處理,尤其是主色本身比較強烈時,填充主色作為背景,傳遞出主色強烈的表現效果。
頁面中的綠色作為背景色,同時剪紙部分顯出了圖片的視覺中心,製造出立體的視感,文字應用黃色更易於閱讀:
3、在單色系配色法中,即使屬於同一色系,色調也會有所差異,因此這也是另一種配色方式,運用在一些清新插畫,且色彩也並不多變的情況下:
頁面主色為綠色,也在細微的地方展示出不同調性的綠色,背景色則用了淺綠色作為底色。頁面的色彩都是綠色,而表現了不同的色彩空間層次:
二、對比色配色
對比色可以突出重點,產生強烈的視覺效果,用色相、明度或艷度的反差進行搭配,有鮮明的強弱。色彩的強烈對比具有視覺誘惑力,能夠使作品特色鮮明、重點突出。
頁面都是採用強烈的對比色使人物特色鮮明、重點突出
三、漸變配色
漸變的色彩通常集中在高明度的色調範圍,讓畫面顯得更為通透柔和。但是漸變的色彩範圍也不宜太廣,色彩分布太大讓畫面本身容易陷入於混沌中。
漸變常以背景的形式出現,或運用於較大的元素、圖形之上。根據漸變色的不同,所展示的配圖以及其他組件也要根據這一漸變色而協調。
藍與黃、紫與藍、紫與粉色的鄰近色漸變過渡有一種夢幻般的感覺,白色文字或黑色文字都考慮到與漸變色彩的協調感。整個畫面色彩豐富、簡潔明快:
最後為大家推薦幾個配色相關的神奇網站,希望可以幫到大家:
1、Color scheme designer專業取色配色
http://www.peise.net/tools/web/
2、Webgradients 漸變配色
https://webgradients.com/
3、Color Explorer 網站配色
4、Flatuicolors 平面UI配色
https://www.design-seeds.com/blog/
- END -
有什麼意見或者建議歡迎在下方留言,
TAG:追風的橙子 |