美文网首页工具工具癖设计
20170105-色彩提取法(二)

20170105-色彩提取法(二)

作者: 爱睡觉de猪 | 来源:发表于2017-01-05 20:40 被阅读101次

    先来总结下上节课的内容:

    在上节课的案例中,下图中选择了红色作为主色,同时选择了绿色作为辅色进行对抗,通过对抗关系的表达,画面达到了一种平衡关系

    01

    所以这种平衡起到的功能就是辅助或者点缀,如果是比较小面积的使用,他的作用就是点缀,如果是较大面积的使用,则可以看做是辅助的作用!但无论是点缀还是辅助,他的最主要的功能还是起到对抗的作用,在对抗之后达到平衡的效果!

    之后选择了最深色增加重心和最浅色提高画面的透气感!再通过同频色,来对画面的层级进行丰富!

    同样的情况来分析下其他的作品,比如下图的案例

    02

    图中模特衣服上的颜色作为主色,填充到图中最大的面积,比如上面的标题栏和右上的大块区域,再选择黑色最为最黑色,压住重心,把白色作为最浅色,同频色的选择则是出现在底部的按钮区域,区别于其他按键的效果,加深进行区分,同时增加画面的层次;对于平衡色的选择,使用了一个暖色的红色来进行对抗,它的面积相对较小,可以看做是点缀,也可以看做是辅助,所以用平衡色进行统称!

    再来看一个案例,我们把这个理论进行一个进化!

    对于上图的效果而言,我们其实很容易看出,主色是蓝色,而且主色不仅仅通过一种颜色,而是通过一个颜色组,选取了多种颜色作为主色,而画面的主角则是中心的小鸭子,但从整体的填充面积来看,主角的颜色反而是辅助色,所以这里我们将主色理解为为主角衬托的颜色,通过辅助色的对抗来达到平衡的效果!

    同时,我们将辅助色的点缀功能,用在其他的次于主角的聚焦位置,我们在看完主角之后,视线自然而然移动的位置,比如上面的黄色文字,比如中间的星星位置,再比如左下角的箭头位置!

    分析完两个案例,大家有没有对色彩提取法有了进一步的理解呢?


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

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

    相关文章

      网友评论

        本文标题:20170105-色彩提取法(二)

        本文链接:https://www.haomeiwen.com/subject/eimovttx.html