本节简介:本节课主要详细介绍光的RGB三原色和物质CMY三原色的概念,加强大家对颜色的认识,同时结合图片案例分析讲解色彩三要素在电商设计中的使用,以及提高画面色彩搭配效果的基本技巧。
本节课同学们做的笔记 点击播放按钮可自动定位到对应时间进行播放
RGB:光的加色模式 正红 正绿 正蓝三个颜色相加就是白色 CMYK是减色模式,颜色越加越暗
无彩色系:黑白灰。有彩色系:肉眼能看到的颜色。色相,饱和度,明度
70/25/5 70%为底色 画面色调决定 25%为核心主色 5%对比色大或互补增加视觉冲击力
配色比例:日本设计界提出70%:25%:5%烦人配色比例原则,70%为底色,面积最大的一块,往往画面的色调是有底色决定的,25%为主色,画面的核心区域多使用主色区,5%为强调色,强调色在画面中起到画龙点睛的作用,强调色多使用与主色对比度较大的颜色,也可以尝试利用色彩的互补关系来突出
黄色、橙色、红色都属于暖色系列,暖色跟黑色调和比较搭配,暖色一般用于女性、儿童、食品等行业,也可以体现商品琳琅满目,热情活泼、温馨等
青色、蓝色、蓝紫色等属于冷色系列,冷色一般跟白色调和可以达到很好的视觉效果,冷色一般用于高科技、高品质、理性类页面设计中
最突出,最引人注目的搭配,有强烈的视觉冲击力!互补色之间的强烈对比,会引起色彩的颤动和不稳定感,处理不好会使页面冲突,破坏整体感;对于互补色,调整一下互补色的亮度,或者调整互补色的使用面积,让其合理的搭配!
如黄绿色、黄色、桔色组合等近似色,近似色的搭配给人的感觉很舒服、过度轻柔,在设计中是极为常见的配色方法;但是在使用近似色时,要注意加强对比,以免整体配色太过平淡。
底色70% 面积最大的一块,往往画面的色调是有底色决定的。 主色25% 画面的核心区域多使用主色区 强调色5% 强调色在画面中起到画龙点睛的作用,强调色多使用 与主色对比度较大的颜色,也可以尝试利用色彩的互补关系来突出。
缤纷色彩设计在页头 商品是否能够轻易的被买家识别到 画面是否干净简介 是否适合阅读 会不会给买家产生视觉疲劳
重要: 用强烈色相对比(互补色或对比色) 次要: 用稍微弱的色相对比(相近色) 不重要: 使用相同色相+明暗对比 整个颜色的层次以此类推 根据重要层度配色
有彩色系& 无彩色系 色相即颜色的面相 好比如一个人的长相 {色相}红、橙、黄、绿、蓝、紫 有六色色相环 和12色相环 饱和度 明度 高明度 低明度 黄色明度最高 紫色明度最低 可以通过色相突出某个物体 饱和度的变化 清晰度的变化 (常用色彩搭配) 三原色、间色&复色 同类色对比度小 比较柔和 近似色 明度不一样的搭配 加互补色就不会显得单调 对比色比较抢眼 大促之类的 补色 不