20170104-色彩提取法(一)

        在学习设计一年多的时间里,一些技巧性的学习,经常成为我学习的重点,但在很长的一段时间里,自己的作品始终无法做到“赏心悦目”的程度,其实我自己非常的清楚,是自己的配色出了问题。虽然明白自己的问题在哪里,但却无计可施,直到无意中看到了梁景红老师的色彩教程,感觉瞬间如获至宝!

20170104-色彩提取法(一)_第1张图片
色彩设计法则

梁景红(Relen) 色彩专家、web视觉设计专家,设计教学作家。

一个设计师出身的设计教学作家、色彩研究者、品牌顾问。同时擅长感性思维和理性思维,是国内最早编写“网页设计”畅销书的设计师。多年平面、网页设计师工作经验,也曾尝试插画、摄影、后期导演等其他职业,在不断实践和总结的过程中,出版了8本以上相关专业著作。近几年投入在“色彩”及“色彩与其他学科”的交叉领域,持“理性思维色彩设计”的观点。

          接下来的时间,在学习课程的过程中,我会不定期的分享自己的笔记和练习,希望通过这种方式,一方面督促自己的学习,另一方面在分享的过程中跟大家互动,更快的提高自己!


色彩提取法

教会我们如何从一张好看的图片中提取颜色,并且应用到我们的作品中,在这次的课程里,梁老师以一张草莓冰激凌的照片举例进行了说明

20170104-色彩提取法(一)_第2张图片
原图

1.主色。色彩倾向性最明显的颜色,即使是外行也可以一样看出来的颜色,而且是饱和度相对最高的颜色,避免其他饱和度更高的颜色出现时,影响其重要性!比如从这张图片里面提取的这个红色

20170104-色彩提取法(一)_第3张图片
主色

主色的填充位置在最重要的位置,比如下图的位置

20170104-色彩提取法(一)_第4张图片
主色填充位置

2.辅色(平衡色)。与主色想抗衡的颜色,比如说互补色。上面的图片中我们可以选择绿色,他们之间的对抗关系,可以突出两者的优点,弱化他们的缺点

20170104-色彩提取法(一)_第5张图片
辅色

可以填充到相对比较次要的位置,比如紧挨着主色的位置,或者其他相对面积比较大的位置

20170104-色彩提取法(一)_第6张图片
辅色填充位置

3.最深色。相对前两种主色和辅色如果比喻成光的话,最深色就可以理解为影子,上图我们选择下面的颜色做我深色,用于增加内心的稳重感

20170104-色彩提取法(一)_第7张图片
最深色

我们可以将它填充到背景等的地方,比如下图的位置

20170104-色彩提取法(一)_第8张图片
最深色填充位置

4.最浅色。通过浅色带来通气感或者透气感,相当于光的地方,避免颜色过于沉重带来的压抑感,选择相对比较偏暖的颜色,比如下图

20170104-色彩提取法(一)_第9张图片
最浅色

5.再选2种与主色同频的颜色,来增加主色的层次感。比如下图左边的四个颜色,来增加层次感

20170104-色彩提取法(一)_第10张图片
通拼色

将他们填充到其他的位置,比如UI里面按钮的选择,比如按钮按下时颜色的变化,全部填充完成后,如下图所示

20170104-色彩提取法(一)_第11张图片
同频色填充位置

         学习就要不断的输出,根据今天的课程,简单做了两个练习,一个是根据课程中素材提取的颜色


20170104-色彩提取法(一)_第12张图片
练习01

第二个则是网上找的图片,颜色风格类似,效果如下

20170104-色彩提取法(一)_第13张图片
练习02

    你学会了吗?快去试试吧!

你可能感兴趣的:(20170104-色彩提取法(一))