抖音流行卫星地图动画制作解析
 Tutorial / 三维地图动画
关于颜色搭配,我们应该知道的……
来源:aepark.com | 作者:帕克园长 | 发布时间: 1437天前 | 2489 次浏览 | 分享到:
选色、搭配与调整
选色的理由
对于主色的判断和选择原因很可能是非常复杂的。在现实工作中往往掺杂了很多人为因素 :比如上司或客户的喜好等。排除这些情况,只有“主题需求”与“信息表达”两方面因素可以成为决定主色选色的理由。 解决方法:根据色彩情感、色调情感来进行判断就可以了。大多数常规情况包含在常用色彩和色调情感之中。 面积最大的颜色是主色,需要根据主题情感选择颜色
在自然界中,实际上有各种颜色的土地、山岗。为什么在这个作品中用了灰色,而不是黑色、褐色之类呢?实际上,这里所选的灰色非常巧妙。灰色的山虽然是主色,但是却很好地衬托了绿色的植物与草地,衬托出好天气。让人们感受到晴空、大山、绿地的和谐。
黑色:有沉重感,使运动会本应有的青春与拼搏感消失。 褐色:有点压抑,绿色的美展现不出来。 土黄色:与太阳颜色接近,感觉轻飘。没有了大山的扎实感。 红色:与自然逻辑不相符,人们不容易接受。除非主题是梦幻或非现实题材。
 
确定色相后,需要考虑色调的准确性
原作品 颜色饱和、活泼愉悦。会使人感受到喝了图中的饮料,心情就会像开了花一样高兴。画面中所表达的是朋友们一起又是唱歌又是运动,好似在开party的情景。
淡色调:感觉飘渺,与主题不符合。 浊色调:色彩沉重,使人高兴不起来。  
重点提示: 1. 在画面中最大面积的颜色就是主色,可以影响整个画面的主题表达。 2. 对于真实存在的树、水果、大海等事物,要选择其固有色。在将大海设置为蓝色时,其蓝色有上千种,此时怎么办?可以根据色调情绪信息表选择合适的颜色值。 3. 每种颜色都包含相对固定情感信息,也有常见固定的双色情感信息,比如代表西方的圣诞节的红绿组合,代表旅游或洗洁品的蓝绿组合等。 4. 不同的载体如海报、界面、包装、插画等,对主色的界定是有很大差异的。相对来说,色彩面积大约为 50 ~ 70% 时,这个颜色的主色地位相对稳定,少于或多于这个区间则都不会得到很好的效果。 5. 因篇幅有限而无法一一展开说明,大家可补充阅读其他《写给大家看的色彩书》系列图书。
  主色与主角色的矛盾 通常情况下,网页结构色彩属于主色。但是当结构框架采用了无彩色时,无彩色本身的存在感会被我们弱化。一旦在画面中出现有彩色,哪怕其面积很小,属于点缀色,也会影响整个作品的情感表达的方向。
这样看来,主色的概念实际上是相对而言的。对于绝大多数作品而言,的确是面积大的颜色是主色。然而,对于另外一些情况,能吸引我们注意力的颜色才是主色。 聚焦的主角通常是面积小的颜色,这就是主色与主角色矛盾的地方。比如右侧的网页作品,面积大的无彩色展现出逻辑性、严谨性的情感,但蓝色和绿色却提供了很重要的个性化信息。   与无彩色相比,有彩色通常是主色,当其面积小时,色彩情感表达也是完整的
在这组图标中,有彩色的面积非常小。即使这样,我们还是能够清楚地感受到红色的热烈和蓝色的收敛。而无彩色却无法给人留下那么深刻的印象,人们只会把有彩色当作主色。   插图成为主色,需要与纯色相呼应 从平衡法则角度出发,对于有插图的情况,需要考虑纯色如何与插图搭配。
在这组作品中,主色就是插图。但是对于画面来说,插图的信息量并不大,画面中的文字才是带有重要信息的重点内容。这种情况下,需要让插图与文字色彩之间有一定的联系。有呼应的,效果会更好。没有呼应的,则在感受上有支离感。 颜色之间需要呼应,可以增强力量, 主色与(主题)插图之间不能矛盾 结构色彩因为包含了导航(导航对于界面来说是十分重要的信息),所以它所在位置的颜色面积虽小,却能起到主色的作用。当它选择了和插图的颜色靠近时,插图的重要性就被加强了。当它与其他位置的颜色呼应时,比如头像图标,则会使我们感觉画面是完整的。 当它的颜色孤立时,有可能会给人一种哪里选错了的感觉。当结构色彩所选取的颜色与插图不呼应时,也不能与插图相互矛盾,也就是说两者都不能与主题相违背。
第一张:缺乏明显呼应的明显包含呼应的。 第二张:导航处属于结构色彩,与插图有呼应。 第三张:虽然导航颜色没有和任何一个颜色呼应,但换成绿色后,会给人的印象是旅行类产品设计。   重点提示: 有的人可能会说,在修改设计之后我也看不出差别在哪里。这说明你对色彩不是那么敏感,还需要进一步提高自己的色彩感知力。色彩调整就是针对细节进行处理,甚至强调对于一个像素的范围如何设置颜色。不过我们可以慢慢学习,要避免欲速不达。