60°左右,或者相隔三個位置以內的兩色,為鄰近色關系。屬于色相中的中對比,可以保持畫面的統一感,可以使畫面顯得更豐富、活潑,在色彩上有主次的配色可以增強吸引力。
3【類似色】
在色環上任意90°角度以內的顏色,各色之間含有共同色素,故稱”類似色”。,類似色的搭配比同類色的效果要好,能保持色彩的畫面統一和協調,能呈現比較柔和的質感,在色彩搭配上調節明度和純度的比例對比,達到高級質感配色。
4【中差色】
90°左右 ,中差色構成的色調富于變化又不失調和,具有明快感,配色時要注意呼應統一。
5【對比色】
120°左右,次于互補色,色相差十分明顯,具有視覺沖擊力。色彩之間效果鮮明,飽滿,容易給帶來興奮,激動的快感,在作品中常用于表達隨意,跳躍,強烈的主題,來達到吸引人的目光。但也很容易產生不協調感,配色時要注意變化明度和純度,或強化主體改變面積比例來協調對比關系。
6【互補色】
180°左右,對比最強烈,畫面最豐富,最具感官刺激的色彩組合,常用表達極大反差的事情,以及用此來突出目的的表達。如果搭配不好則容易產生粗俗生硬,動蕩不安的消極效果。配色時要注意明度純度及面積比例的變化,或借用無彩色或中間色緩沖調和的方法來達到色調的和諧統一,此配色新手慎用。
如下還列舉了一些更復雜的配色方式,雖然復雜但相信假以時日的練習,大家對配色的理解也會越來越深刻,越來越得心應手。
04 高級灰的提取與使用
在界面文字用色和背景用色中,盡量避免使用純黑、灰色,因為容易顯臟。可以嘗試給黑、灰色加入一些色相,常見的加入藍色,或其他品牌色相。
提取方式:同樣借助Hsb調色模式,保持H和你的品牌色一直(或選擇一個藍色),通過調節S、B的參數,得出不同視覺層級的高級灰,用作文字層級區分。
05 案例演示
以如下原型為例: