在学习设计一年多的时间里,一些技巧性的学习,经常成为我学习的重点,但在很长的一段时间里,自己的作品始终无法做到“赏心悦目”的程度,其实我自己非常的清楚,是自己的配色出了问题。虽然明白自己的问题在哪里,但却无计可施,直到无意中看到了梁景红老师的色彩教程,感觉瞬间如获至宝!
梁景红(Relen) 色彩专家、web视觉设计专家,设计教学作家。
一个设计师出身的设计教学作家、色彩研究者、品牌顾问。同时擅长感性思维和理性思维,是国内最早编写“网页设计”畅销书的设计师。多年平面、网页设计师工作经验,也曾尝试插画、摄影、后期导演等其他职业,在不断实践和总结的过程中,出版了8本以上相关专业著作。近几年投入在“色彩”及“色彩与其他学科”的交叉领域,持“理性思维色彩设计”的观点。
接下来的时间,在学习课程的过程中,我会不定期的分享自己的笔记和练习,希望通过这种方式,一方面督促自己的学习,另一方面在分享的过程中跟大家互动,更快的提高自己!
色彩提取法
教会我们如何从一张好看的图片中提取颜色,并且应用到我们的作品中,在这次的课程里,梁老师以一张草莓冰激凌的照片举例进行了说明
1.主色。色彩倾向性最明显的颜色,即使是外行也可以一样看出来的颜色,而且是饱和度相对最高的颜色,避免其他饱和度更高的颜色出现时,影响其重要性!比如从这张图片里面提取的这个红色
主色的填充位置在最重要的位置,比如下图的位置
2.辅色(平衡色)。与主色想抗衡的颜色,比如说互补色。上面的图片中我们可以选择绿色,他们之间的对抗关系,可以突出两者的优点,弱化他们的缺点
可以填充到相对比较次要的位置,比如紧挨着主色的位置,或者其他相对面积比较大的位置
3.最深色。相对前两种主色和辅色如果比喻成光的话,最深色就可以理解为影子,上图我们选择下面的颜色做我深色,用于增加内心的稳重感
我们可以将它填充到背景等的地方,比如下图的位置
4.最浅色。通过浅色带来通气感或者透气感,相当于光的地方,避免颜色过于沉重带来的压抑感,选择相对比较偏暖的颜色,比如下图
5.再选2种与主色同频的颜色,来增加主色的层次感。比如下图左边的四个颜色,来增加层次感
将他们填充到其他的位置,比如UI里面按钮的选择,比如按钮按下时颜色的变化,全部填充完成后,如下图所示
学习就要不断的输出,根据今天的课程,简单做了两个练习,一个是根据课程中素材提取的颜色
第二个则是网上找的图片,颜色风格类似,效果如下
你学会了吗?快去试试吧!