配色技巧

我們開始設計頁面時,總是需要先確定好頁面的配色方案。那么,除非是客戶提出色彩方案,我們大部分要面對的情況的是,根據客戶的需求創建出一個色彩方案。在此,我想和大家分享兩個配色技巧。


技巧一:抄現實

我們生活中所看見的顏色,都是從現實的自然界中提取出來的。所以,最大的顏色庫就是我們的現實生活。

原理1:有色就有光,沒有光,這個世界就是一片黑暗。

光色是一體的,如果我們要強調出很和諧的配色,避免不了對光影知識的學習。

高光:最接近主光源的顏色,比固有色稍亮。

固有色(亮灰):處于亮部與暗部的過渡面,最接近物體本身的顏色。

暗部:處于物體背光的部分,比固有色稍暗。

反光:處于暗部,是經過物體與環境光多次折射產生的光,比暗部顏色稍亮。

體表環境光:處于物體表面也是物體與環境光多次折射所產生的光,比固有色微亮或微暗。

投影:被物體遮住光源后,所產生的影子,顏色偏灰偏暗,受環境光、固有色的影響。

圖標

在一般的情況下,物體在畫面中色彩飽和度最高的是固有色,高光、暗部都會在固有色的基礎上變亮或變暗,同時變灰。

原理2:一切事物都有其固有的顏色特征。

例如太陽,就會想到紅色,大海就會想到藍色等等,很多東西都有自己獨特元素特征,只要將這些符合大多數人群認可的顏色提煉出來,加以應用,可以搭配出很多讓人舒服的配色。

案例分析

1、圖片的主色調都符合大眾對現實生活中日出 - 青晨 - 黃昏 - 夜色四個時間的色彩調性。

2、圖片的輔色與主色達到了對比、平衡的關系。

3、圖片的輔助同頻色都確定了畫面的地面高光部分,增加了顏色信息的層次感。

4、圖片都點綴色都在小范圍內確定了畫面的最亮色和最暗色,以及中間層次燈塔的顏色。

5、圖片的配色都符合原理1中光影對顏色的影響原理。

所以我們在做這一類設計的時候,可以通過光影關系,事物的顏色固有特征,來推導畫面的顏色。


技巧二:看需求

梁景紅老師講的《色彩功能去色法》,配色思路和上面所說的【抄現實】的思路有所不同,它是從設計要求的角度來選擇顏色的。

【色彩功能去色法】三大法則:

1、平衡法則:就是用到了對比原理,例如:光影對比、虛實對比、純灰對比、深淺對比、冷暖對比。主要就是通過對比原理來達到畫面的平衡。

應用廣泛的“平衡對色”有6組:1、互補色之間的平衡;2、冷色和暖色的平衡;3、深色和淺色的平衡;4有彩色和屋彩色的平衡;5;花色(圖像、圖案)與純色的平衡;6、面積大的顏色和面積小的顏色平衡。

平衡法則--互補色之間平衡
平衡法則--案例來自網絡

2、聚焦法則:就是運用基本的配色原理達到讓用戶瀏覽信息的視線跟隨你安排來聚焦和轉換。

常用的聚焦手法:互補色的對色聚焦、冷暖色的對色聚焦、深淺色的對色聚焦、有彩色和無彩色的對色聚焦、色彩面積大小的對色聚焦等等手法~

聚焦手法解析

3、同頻法則:通過相似的色彩、相似的色調、色彩的呼應、韻律、節奏,秩序等方式來組織畫面的信息。最后準確的表達畫面信息傳遞的層級關系,以及色彩群落之間的關系。

同頻法則--案例來日網絡

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容