色彩搭配之色彩聚焦法则

色彩聚焦法则色彩对比必定产生聚焦•聚焦色与融合色色彩属性与增强聚焦感信息层、感知层、聚焦层逐层聚焦与顺序聚焦主色、主角与色彩聚焦•人们在欣赏作品时对色彩有独特的依赖感，视线会自动寻找突出的色彩（对比强烈的色彩、视觉的中心、有效的信息等）。突出的色彩会引导我们的视线，使我们以一定的顺序感知信息。•有意识地安排色彩聚焦是完成“主题表达”与“视觉信息传播的重要手段。”色彩设计就是为了“聚焦”•将设计作品分解为单位像素，文字、线条、图像、视频......画面中的哪个元素不是由颜色组成呢？色彩设计关系到设计的方方面面。设计师运用色彩设计作品，而阅读者通过色彩感知并解读作品。•“突出的色彩”•常常有界面设计师有这样的疑惑：“为什么色彩可以引导用户、色彩是怎么做到的？”•实际上，当两个颜色在同一个画面中出现的时候，自然形成对比，形成“突出的色彩”和“不被注意的色彩”的反差。同时，我们的视线本能的停留在“突出的色彩”上，找到一个“突出的色彩”后，再去寻找下一个，直到浏览完全部画面。•如果文字上存在有“突出的色彩”，那么该文字就会被最先浏览到。如果在图像上存在有“突出的色彩”，那么该图像就会被最先浏览到。•聚焦与融合当在色彩之间形成强对比时，使视线快速“聚焦”在“突出的色彩”上，这种颜色也具备了支配周围空间的能力。当色彩之间产生弱对比时，这些色虽然有一定的差异性，却没有特别突出的色彩，可以感受到它们相互“融合”。“聚焦”与“融合”是色彩支配画面最关键的两种手段。两者同等重要，融合之处的色彩更显细节之美，聚焦范围的色彩重在信息表达。•对于灰色来说，品红色是这幅作品中的聚焦色，面积最大的两块品红色是观者视觉最先的两个聚焦点。不论视线先到达哪里，之后都会立刻转移到另一处。接着会移动到中心文字处，最后则会移动到底部信息处。观者的视线会先聚焦于黑色的轮廓。人们关注造型后得到某些启示，然后会开始阅读黑色造型内部的白色文字。•色彩反差大，并且造型轮廓突出，会使聚焦更加强烈而震撼。在设计特殊主题时，这种创意手法非常有效。•当反差没那么强烈的时候，聚焦的顺序可能会因人而异。比如对于上图中的作品。有的人会先聚焦在红色上，有的人则是黑色，还有的是卡通牛头造型。明确聚焦色与融合色•感知本能使我们的视线在色彩对比中自然停留在“突出的色彩”上，此处的颜色叫作聚焦处，即聚焦色。它有可能是单一颜色，有可能是一组颜色。相对于聚焦而言，融合处的颜色叫作融合色。融合色通常也不是一种颜色，而是一组颜色，或者几组颜色。聚焦色可以支配周围空间，甚至支配整个画面。而融合色的作用是让聚焦色看起来是聚焦色。•所谓“突出的颜色”并不是某一种颜色或某一类颜色，而是相对于画面中其他颜色而言的。单纯从色相、纯度、明度角度观察，哪一类元素更容易成为聚焦色呢？•明度反差越大，越容易获得聚焦（图1、2、5、6、7）；•纯度一致，色相差异越大越容易获得聚焦（图3、4），冷暖差异容易获得聚焦；•面积越小，越容易获得聚焦（图4、8）；•色彩差异很大的情况下，纯度高的容易获得聚焦（图7）。设计色彩的独立属性与增强聚焦感•色彩聚焦不仅与色相、明度、纯度有关，同时与色彩的面积、造型、位置等关系更为密切。因为色彩不都是以色块形式出现的，更多的时候是以图形、图像、文字等方式出现。当我们感知色彩时，同时需要感知信息。•小面积的视觉元素容易聚焦。有特定造型的事物如人脸、数字、文字、标志等更容易聚焦。弄清楚哪些因素和设计色彩聚焦有关，就可以更好的进行聚焦设计。•如何增添聚焦或增强融合？•从色彩独立属性考虑，色彩的参数越接近则越融合。相反，当色彩参数差异越大时，聚焦感越强烈。•对于设计中的色彩不能只关注颜色的三要素，设计色彩的独立属性可扩充为5种：•1、色相。•红、橙、黄、绿、蓝、紫、褐、灰为主要分类。当把黑、白视为特殊的颜色时，只有色相、冷暖、面积、位置这4个属性。•2、明度与彩度•在纯色里加黑、白、灰或加其他颜色都会使色彩的明度与彩度同时发生变化。综合看待这两个参数即可。•3、冷暖•虽然可以将其理解为色相变化，但是如果想使冷暖对比的色彩设计的配色平衡、视觉聚焦产生好的帮助，则需要有意识的设置。•4、面积•当以上属性对比关系确定后，才能感受到色彩面积变化对色彩对比的影响。一般情况下，面积差越大，越聚焦。（聚焦在面积小的色彩上）。改变面积，差异越大，聚焦强烈•5、位置•当以上属性对比关系确定后，才能感受到色彩在画面中的位置不同对色彩对比的影响。可以根据阅读习惯而定，通常海报是（可以一眼看到全图的情况类似）色彩越正中越聚焦。在网页是在顶部、左边更聚焦。•色彩之间的独立属性越接近，融合度越高。属性相差越大，聚焦感越强。改变位置：正方形版面，聚焦色居中更聚焦从设计色彩的组合属性思考聚焦与融合•1、色彩存在于图案中•当花色与纯色搭配的时候，如果想要聚焦在纯色上，就需要花色是融合状态，如果要聚焦在花色上，纯色则要尽可能与花色进行融合。•选择纯色与图案中的融合颜色一致的色彩，形成图案内部的聚焦色成为画面主体的聚焦。•将纯色选择为比“图案中最强烈的颜色”还要强烈的颜色，会使图案更融合，聚焦产生在图案外部。从冷暖平衡角度入手效果会更好。•2、色彩存在于图形中•如品牌标志、太极图形，各国国旗等特定图形，以及人们可以很容易辨别的固有特征，比如天空、西瓜等。不能把它们拆开来看，需要从色彩组合的角度思考。很多设计师遇到色彩不好搭配的标志会感觉到束手无策。其实如果要运用品牌色的话，相当于进行整个作品的融合处理。可以不用到品牌色，孤立标志整体色彩，并且可以选择是否聚焦在标志上。•3、色彩存在于图像中•比如存在于照片中。如果想烘托照片就需要把照片的色彩组合整体处理为聚焦色。•4、色彩存在于信息（造型）中•色彩依附在文字、插画、图像之上时，这些事物本身就带有信息。也可以说当色彩以特殊的造型出现时，形成了文字、插图和图像。此时，色彩的组合属性强。如果与设计主题有紧密联系的话，就成为了不可忽略的重点特质。当色彩独立属性无差异的情况下，特殊的色彩组合信息会容易产生聚焦的效果。造型或重要信息使聚焦感更强•5、色彩的情感属性•色彩抽象与具象情感。以“红色”为例：有积极情感比如喜庆，也有消极情感比如流血。然而单独思考红色色相，我们无法解读它表达了什么情感，只有置身于画面中，我们才可以判断它的情感含义。所以色彩的情感属性没有归类在独立属性里，而是归类在组合属性里。色彩的情感属性：与文字、图像、图形等结合时，我们才能解读参考平衡法则设置色彩聚焦•互补色的平衡对色•冷暖色的平衡对色•深浅色的平衡对色•有彩色与无彩色的平衡对色：色彩之间相互衬托，容易形成聚焦。有彩色相对于无彩色来说更容易聚焦，但当无彩色面积更小的时候则容易成为聚焦色。•花色与纯色的平衡对色：图案、图像等与纯色之间的对比，既漂亮又容易制造差异感，容易形成聚焦。在图示中，纯色成为了聚焦色。•色彩面积差的平衡对色：较小的面积容易成为聚焦色。反差强烈一些，可以增强聚焦感。图示中，黄色、绿色成为了作品的聚焦色。因为其他的颜色太小了，所以以黄色和绿色为主要感知对象。训练你的色彩：感受视觉刺激与色彩聚焦•图标营销与色彩聚焦•在色彩上，有一项是针对视觉刺激的探讨。不同的色彩对眼睛产生的刺激是不同的，这当中有色彩对比的原因，有色彩波长的原因，也有光能量的原因。还有来自人类活动相关的历史性的、生活习性及记忆等多方面的原因。•你可以和你身边的人交换手机或平板电脑，问问他们会在你的手机设备的每一屏幕上先看到哪一个App图标。AppStore,在没有浏览过得界面上观察自己会注意到哪个图标，并思考为什么。•简洁的色彩的确容易引起聚焦。色彩越多越复杂，则越容易引人反感。在相同色彩参数条件下，人脸、常见造型（如苹果、大象、汽车、人体等）以及数字与汉字更容易聚焦。如果把色彩和视觉信息（文字、图像、图案等）结合的非常好的话，就会锦上添花。但也有很多图标的设计只考虑了吸引人这一层面，而忽略了品牌角度，如图示中人脸的图标，不符合品牌设计的标准。•感受视觉聚焦的强弱•如果只考虑色块的情况，是不足以支撑设计用色的。与我们相同的事物（如人脸、人像）很容易引发我们的关注。同时，我们学习过语言文字，已经形成了自然阅读习惯，所以可以阅读出来的文字会先得到我们的关注。对于熟悉的造型、品牌、形象也会引发聚焦。因此，你可以大量阅读一些视觉作品，如海报、网页、界面、图标、室内设计等。观察自己的注意力会被什么视觉元素吸引，同时观察颜色以及它们之间的关联性。•相比抽象的方块等事物与熟悉的天鹅造型，天鹅会得到更强烈的聚焦。在色彩参数一样的情况下，具象事物比抽象事物更容易等到视觉关注。聚焦可变聚焦转移•从画面整体观察，谁是聚焦色？从画面局部观察谁又是聚焦色？实际上，从整体看与局部看到的聚焦色与融合色均不同。聚焦色和融合色的角色定位是相对存在，它们随时可变。•进入到画面内部，其中视觉元素越多，对比关系也就越复杂，聚焦色与融合色的角色转换也就越频繁。这也就是为什么对于提高色彩设计水平，首先要提高色彩敏感度的原因。从整体看，聚焦在红、白两色。•聚焦处不断转变，信息层级递进•请观察电影《绿灯侠》的海报。感受视线流动的顺序，并且关注色彩聚焦处的色彩给我们的感受。•人脸——人体•轮廓——手部•绿色反差最大•绿色之间移动•信息聚焦•顺序阅读信息层、色彩层与聚焦层•从信息角度说，画面中的任何信息都应该是重要的。不重要的信息不应该出现在画面中。简洁、直接的作品总是要胜出一筹。•聚焦处与融洽处的差异在于阅读的次序，信息的层次感，信息的强调差异，以及如何表达重点推荐信息等。色彩设计不仅仅包含对主题信息的处理，也包含了设计形式的审美需求和情感表达等。•如何理解信息层次，色彩层次与层层递进聚焦的关系是色彩设计的关键。如果只是为了美而设置聚焦，而忽略了信息表达的顺序，这也是给观者带来极大困扰。同时，随意设置聚焦或进行聚焦处理都不会形成美感。•分解色彩设计聚焦关系，实际上可以整理出3个层次：“信息层”“色彩感知层”和“色彩聚焦层”。信息层是图片、文字、图形、图表、抽象造型等视觉元素的前后层次。色彩感知层次是从色彩的三元素出发，我们会单纯从感知色彩而得到前后层次。色彩聚焦层次是从作品外部进入到画面内部整个过程的聚焦层次。第一层聚焦是从作品整体观看到的色彩聚焦感受。通过层层聚焦，我们便阅读完整个画面。色彩设计离不开对这3个层次的理解。•强聚焦：•夸张的、戏剧性、震撼的•（电影《幸福的晚餐》）•弱聚焦：柔和的、抒情的•电影《另一个女人》•同层级的聚焦过多时不可取的•分解作品中的信息、色彩感知、聚焦3种层次•信息层次•不论是平面、网页、杂志、界面、还是包装设计，用于表达主题的主要手段就是图像信息与文字信息。可以将视频、动画归为图片。而仔细分析的话，文字信息一般都是在图片的上一层。或者二者不叠加，以平铺展现。这样说来，信息层次不会很复杂，但需要给予观者明确的阅读顺序。•色彩层次•不考虑图像、文字等分类方式。把画面中所有的元素都拆解后以色块来理解，这里所说的色彩是向前向后的层次。同一层中色彩，暖色更向前，而冷色向后。明度高的向前，明度低的向后。感知色彩层次对我们解开色彩设计这道题有很大的帮助。在创作中孤立地思考信息与孤立地思考色彩都不会产生好的作品，色彩设计是色彩与设计两门学科的交叉点。•聚焦层次•由于设计中每次要处理的主题不同，信息内容也就不同。聚焦法则所探讨的就是在信息层次影响下的色彩层次重新排列的次序。即色彩聚焦层次。了解到这一点之后，进行色彩设计（反视觉设计相关载体都可以称之为色彩设计，包括绘画类、空间类）时，就可以做出综合判断。使视线按照一定顺序聚焦，并且制造出层层聚焦的效果。•层层聚焦与顺序聚焦•层层聚焦是从外部到内部，不断聚焦的轨迹。•顺序聚焦是从一个对象到另一个对象，在画面中移动的轨迹。•不论是层层聚焦还是顺序聚焦都是在色彩信息共同引导下的视线移动轨迹。随着视线的移动阅读信息，层层聚焦，可以显示细节处理上的精妙。顺序聚焦，需要在控制面张力上多用心，使人们的视线在移动过程中不会感到困惑，没有