本節簡介:本節課主要詳細介紹光的RGB三原色和物質CMY三原色的概念,加強大家對顏色的認識,同時結合圖片案例分析講解色彩三要素在電商設計中的使用,以及提高畫面色彩搭配效果的基本技巧。
本節課同學們做的筆記 點擊播放按鈕可自動定位到對應時間進行播放
RGB:光的加色模式 正紅 正綠 正藍三個顏色相加就是白色 CMYK是減色模式,顏色越加越暗
無彩色系:黑白灰。有彩色系:肉眼能看到的顏色。色相,飽和度,明度
70/25/5 70%為底色 畫面色調決定 25%為核心主色 5%對比色大或互補增加視覺沖擊力
配色比例:日本設計界提出70%:25%:5%煩人配色比例原則,70%為底色,面積最大的一塊,往往畫面的色調是有底色決定的,25%為主色,畫面的核心區域多使用主色區,5%為強調色,強調色在畫面中起到畫龍點睛的作用,強調色多使用與主色對比度較大的顏色,也可以嘗試利用色彩的互補關系來突出
黃色、橙色、紅色都屬于暖色系列,暖色跟黑色調和比較搭配,暖色一般用于女性、兒童、食品等行業,也可以體現商品琳瑯滿目,熱情活潑、溫馨等
青色、藍色、藍紫色等屬于冷色系列,冷色一般跟白色調和可以達到很好的視覺效果,冷色一般用于高科技、高品質、理性類頁面設計中
最突出,最引人注目的搭配,有強烈的視覺沖擊力!互補色之間的強烈對比,會引起色彩的顫動和不穩定感,處理不好會使頁面沖突,破壞整體感;對于互補色,調整一下互補色的亮度,或者調整互補色的使用面積,讓其合理的搭配!
如黃綠色、黃色、桔色組合等近似色,近似色的搭配給人的感覺很舒服、過度輕柔,在設計中是極為常見的配色方法;但是在使用近似色時,要注意加強對比,以免整體配色太過平淡。
底色70% 面積最大的一塊,往往畫面的色調是有底色決定的。 主色25% 畫面的核心區域多使用主色區 強調色5% 強調色在畫面中起到畫龍點睛的作用,強調色多使用 與主色對比度較大的顏色,也可以嘗試利用色彩的互補關系來突出。
繽紛色彩設計在頁頭 商品是否能夠輕易的被買家識別到 畫面是否干凈簡介 是否適合閱讀 會不會給買家產生視覺疲勞
重要: 用強烈色相對比(互補色或對比色) 次要: 用稍微弱的色相對比(相近色) 不重要: 使用相同色相+明暗對比 整個顏色的層次以此類推 根據重要層度配色
有彩色系& 無彩色系 色相即顏色的面相 好比如一個人的長相 {色相}紅、橙、黃、綠、藍、紫 有六色色相環 和12色相環 飽和度 明度 高明度 低明度 黃色明度最高 紫色明度最低 可以通過色相突出某個物體 飽和度的變化 清晰度的變化 (常用色彩搭配) 三原色、間色&復色 同類色對比度小 比較柔和 近似色 明度不一樣的搭配 加互補色就不會顯得單調 對比色比較搶眼 大促之類的 補色 不