如何在设计中使用色彩叠加？ 应该如何使用色彩？

如何在设计中应用颜色搭配技巧~

作为专业的设计师必定对颜色的使用十分敏感，不管是设计网页，平面图，标志等。我们都会使用各种不同的颜色。那么，如何在设计中应用颜色搭配技巧呢？

1、一些经典配色（如黑红、蓝白、黄紫、黄黑、黑金……）
你脑海中要有笼统的概念，至少要对该配色的常见用途做到心中有数。如黑金搭配常用来表达高贵，奢侈品爱这么用，再比如蓝白搭配倾向于表达青春、文艺，海魂衫、校服常这么用。不一一赘述。

2、配色之前，先定主色调。
一张画面的主色调最好不超过三种（黑白灰除外），如果色彩不够用，就用同类色和黑白灰来补。像主色调，是绿和橙的互补色。绿色用了不同深浅的同类色来表达层次。大胆使用同类色，可以让色彩富有层次，又不会喧宾夺主。

3、活用工具，但不尽信工具。
传图配色 http://www.topve.com/color/imgcolor/这是一个根据上传图片自动生成配色方案的在线调色软件,使用它您可以很轻松的完成网页配色的颜色搭配和色彩搭配 轻松提取想要的颜色代码,从中学习颜色搭配技巧
颜色代码 http://www.topve.com/color/颜色代码是一款在线的web前端开发利器，聚合众多实用的在线调色软件，精心整理了众多优秀颜色搭配方案、颜色的英文、颜色表等颜色大全，使用颜色代码进行色彩搭配是你进行前端开发中网页配色的不二之选！
色彩搭配 http://www.topve.com/color/match.html很多同学不知道一个颜色怎么进行色彩搭配，这里我们整理了一些常见的颜色搭配问题的配色方案与技巧！

作水彩、水粉画，与作其他绘画一样，都要注意方法和步骤，由整体到局部，又由局部回复到整体，使作品逐步达到深入和完善。一般要经过五个阶段，即落幅、素描稿、上色、深入刻画、调整完成。在上色顺序上，一般是从大面积的色彩或从画面主要物体开始较好，这样对于确定一幅画面的基调，保持全画大体关系的正确，是有好处的。也有的作者习惯从浅色或者像画油画那样先从深的部分开始，也各有各的长处，应该根据具体情况和个人的作画习惯来决定。着色时要注意计划性，如画面上某一部分需要待底色将干未干时加色，另一部分必须待底层颜色全部干后再上别的色，这都要“成竹在胸”，一步步地进行，这对于刻画对象的不同特征，表现物体的空间感、质量感，是有很大帮助的。 水彩、水粉画的技法是比较多样的，但大致不外乎干画法和湿画法两种。所谓干画，即少用水的意思，并非不掺水而仅用颜料干擦，作画时要待前一层颜色干后再涂上第二层色，层层加叠，前一层色与第二层色有较明晰的界限，所以也有称之为多层画法。干画法落笔应力求肯定、准确，以求表现明确的形体以及各种层次和体面的转折关系。干画法应注意的是：在底色未干时不要急于覆盖，以防止底色泛上来；且颜色覆盖的次数也不宜太多，覆盖大多或颜色堆得太厚，会使色彩变灰、变腻。干画法不太受时间的限制，便于从容作画，较易掌握，对于初学者锻炼严格的造型能力是很有帮助的。但干画法不易发挥水色流动的特色，运用不好会产生干涩、生硬等弊病。 湿画法是利用水分的溶和，使两块颜色自然地互相接合的一种方法，作画时趁前笔颜色涂上还未干时，接上后笔，使笔与笔之间的衔接柔和，边缘滋润。湿画法用来表现光滑细腻的物体，画远景、物体的暗部和反光部也都比较适宜。湿画法要注意掌握水分的多少和下笔的时机，该用多少水，底色湿润到什么程度把颜色画上去合适，都要很好地研究。此外，在底色已干而尚需作湿接时，可先用清水在局部湿润后再把颜色画上去，或颜色画上后用干净的笔蘸水在色块边缘轻刷一下，也可以达到湿画法的效果。 在水粉画中，于画法以厚涂较多，湿画法以薄涂较多，而所谓厚或薄，也都是相对的，要根据特定的对象和作画的立意，灵活采用相应的表现方法。许多作者往往将干、湿两种画法交替使用，干湿并呈，厚薄有致，有些地方用较多的水分加以渲染、渗化，有些地方则以色块的覆盖或并置，从而达到画面多样的统一，使作品更趋完善。《浦江之春》就是干画与湿画结合运用的示例。 这里分别介绍几种采用干画法和湿画法完成的人物和风景作品，在处理手法上有的以块面为主地表现对象，有的则以线与面结合的方法表现对象，可供初学者作画时参考。 干画法，采用水粉厚涂的方法，表现人物面部的起伏变化，笔触明显，画面效果强烈。 湿画法，以水彩薄涂为主，颜料里水分比较多，色彩渗化流动比较明显，并以线面结合处理的方法，使画面主体更为明确。 以干画为主，水彩与水粉并用的方法，在造型和设色上采用一些装饰性的效果，以表现出对象雄浑壮丽、奇风异彩的特征。 采用水彩湿画的方法，天空、远山、水面等，都是借重色彩渗化的方法来表现的，使画中景物微妙、自然地结合在一起，达到表现出雨后渔场那种苍茫烟润的气氛。 水彩、水粉画除了以上两种主要技法之外，尚有以画面的素描稿为基础而敷以淡彩的方法。如广为流行的铅笔水彩。钢笔水彩、木炭水彩等，也是深受群众欢迎的表现形式。这种方法一般适宜于表现精细的物象，作者先用素描工具画出对象的轮廓、形体结构、黑白关系等，然后加上透明、鲜亮的大块色，使画面既严谨又活泼，从而产生特殊的美感。这类作品，由于能充分表达出对象形与色两方面的特征，而为许多作者搜集创作素材、记录生活所经常采用的方法；建筑方面的效果图、舞台美术的服装、造型、布景等设计图，也大都采用这种素描与色彩相结合的方法。在制作顺序上，一般是先画好底层的素描，然后再在上面设色，也可两者反复进行（木炭水彩，可先喷胶将木炭素描加以固定后上色，也可任其木炭粉末与水彩颜料自然融化。两种方法，各得其妙）。其中，钢笔水彩为防止墨水渗化而污脏画面，也有在水彩色涂底后再在其上施以钢笔的线条。钢笔水彩的墨水以绘图墨水为宜，除黑色外，也可参用其他颜色的墨水。 此外，在运用材料、工具以充分、完善地描绘对象方面，还有许多具体的技法可供选用： 浸纸法。即把画纸置放清水里，浸泡后取出乘湿作画的方法。这种方法容易取得色彩滋润光泽，用笔流畅的效果。由于画面色液自然地渗化，因而所描绘的物象含蓄、生动，有一种类乎在生宣纸上作画的特色。 浆彩法。即在色彩中调入或稠或稀的浆糊的一种画法，它的特点是用笔流畅，色液较厚而不渗化，并有助于更好地表现形体和运用笔触。浆彩法所绘制的作品，色彩丰富鲜丽、造型明确有力，它具有油画的某些优点而仍充分体现出水彩画的长处。 洗涤法。是指在已画过的地方经过洗涤而取得所需要的效果。这种方法也可用作修改和调整画面。大面积的洗涤可借用海绵，有的局部还可用吸水纸把洗下的色液吸除。 留空法。是指画面中留出那些空白和明亮部分的方法。其中有的采用“飞白”的方法，即在作画用笔中不经意地留出空白点；有的在上色前，在需要的部位用蜡或油画棒画出空白的点、线；有的则在画就的画面上趁颜色将于未干时，用小刀或笔杆“刮”出所需的空白，如表现树干、浪花、须发、玻璃或金属的高光等，有良好的效果。 以上这些方法的运用，只有通过实践的摸索，才能逐步达到得心应手，而产生理想的效果。 水彩、水粉画是色彩画的一种，要用色彩来塑造形象。关于色彩运用方面的知识，可参阅本书油画部分的章节，这里便从略了。 水彩和水粉画的材料工具也基本相同，两者是可以通用的，所不同的是，其颜料的成分有所区别，水彩含少量胶质，透明性较强；而水粉则含粉质较多，具有覆盖力，许多作者往往同时兼用两类颜料作画。在画水彩时，个别亮部特别是小面积的白色或淡色，也间或参用白粉（也有的习惯于留出纸的空白，或用水洗出画面亮的部分），而作水粉画时，也常常借用水彩颜料，以增强画面某些部分的透明度，特别是在描绘物像暗部色彩时，深色的水彩颜料其效果较之水粉色更佳。 作水彩、水粉画的纸张，以质坚而紧、吸水适度、不渗化的白色纸张为宜（但也有为了表现特定的内容，而采用带色的纸张作画的）。吸水太快的纸，颜色不易流畅；太光滑的纸，颜料不易附着而随水流掉。常用的水彩、水粉画纸，有粗纹、细纹的各类绘图纸、水彩画纸。作水粉画时，为了衬托出色彩的鲜亮，也有用白卡纸、白版纸作画的。各种纸的质地不同，表现的效果也有所差异，各人可根据自己作画的习惯选用。作比较大幅的画时，应事先将纸裱在画板上，以避免皱折，作起画来既能保持平整，且易于流畅地尽兴表现。 画笔，常用的有羊毫或狼毫制的扁平笔和圆笔两种，以有弹性而蓄水量大者为好。笔的大小，要以画幅大小而定，一般作画时备有不同型号的画笔三、四支就够了，另外可备勾线笔和涂大片色用的底纹笔各一支。 其它如调色盒、盛水用的水盂、画夹、画板、画架等工具，均无一定规格，可按实用的原则，自行选用。调色盒用以盛装挤出的颜料，分格陈列，颜料应以深浅和冷暖的程序安放，一般次序是： 白、柠檬黄、中铬黄、土黄、桔黄、朱红、大红、深红、玫瑰红、赭石、熟褐、橄榄绿、草绿、群青、普蓝、青莲、黑。 调色盒内附有供调颜色用的平板。在调色时，如出现过于混杂或不洁白现象时，应将调色板上遗存的颜料用水洗清，另行配置新调的颜料；如在室内制作大幅的作品时，可用瓷盆或玻璃（下贴白色的纸张）来调配颜色。 此外，有的作者作画时还借助刮刀、丝瓜筋、海绵、蜡笔等辅助性工具，以表现各种不同的艺术效果。如画面中水的闪光、细小的枝干、雪花等不易空出的地方，常用小刀刮出，效果很生动。蜡笔也用于不易空出的局部与细印，由于蜡笔的油性与水不能结合留出自然的空白，着色时便可大胆落笔，不受拘束。用海绵和丝瓜筋吸去画面上部分未干的颜色，可产生滋润和浑厚的效果。用丝瓜筋在画就的水粉颜色底层上拍打，可以产生苍劲和光影斑驳的特殊效果。当然，这类辅助性工具只能适当使用，特别初学者开始以尽量少用为宜。

色彩在任何设计中都是一个重要的组成部分。无论你是喜欢明亮、大胆的色彩，或是更喜欢简约的黑白色,如何使用颜色对整体的设计有很大的影响。

设计中使用颜色叠加是运用颜色做陈述的一个方法。这意味着你用一个半透明的彩色盒子覆盖了一张图片或一个视频。它可以对一张图片添加意义、引起注意，帮助你充分利用有限的艺术手法。

今天我们来看看一系列能够给你创作带来一些灵感的色彩叠加手法。

试用渐变色

https://iknow-pic.cdn.bcebos.com/b90e7bec54e736d1e3f4108b97504fc2d462694a?x-bce-process=image/resize,m_lfit,w_450,h_600,limit_1/quality,q_85

渐变色是非常酷的，它是使用色彩叠加最有效且最显著的选择。

渐变色比较好的一点是，它可以使用双色——这里可以考虑一下你的品牌推广，或者单色来创造视觉焦点。亮色对比可以吸引用户，并给设计带来一些闪光点。

这种趋势可以联想到Spotify，它使用渐变和双色调叠加来强调播放列表，这种色彩给予图片新的生命，是用户习惯看到的（音乐家的宣传图片）。

这也是一个对你来说比较容易复制的构思。

找一张图片

使用品牌色创建一个渐变

玩得愉快！

纯色设定基调

https://iknow-pic.cdn.bcebos.com/9213b07eca806538befc3b909bdda144ad34821b?x-bce-process=image/resize,m_lfit,w_450,h_600,limit_1/quality,q_85

纯色叠加可以像渐变一样引人注目，但是根据颜色的选择有着更多不同的意义。比如棕褐色叠加，能够立刻激起往事的回忆以及历史的年代感。

对于时尚色彩也是如此，运用明亮、饱和的色彩可以联想到扁平化设计和质感设计，可以激发现实主义或时尚的感觉。

当使用单色作为叠加时，可以考虑颜色的饱和度和透明度，这些元素同样可以添加意义。重色组合——降低透明度，增添饱和度——将更多重点放在颜色本而不是其背后的图片；更轻质、精细的图片组合把重点放在图片。

考虑深色或浅色

https://iknow-pic.cdn.bcebos.com/63d0f703918fa0ec71bcfb8e2a9759ee3d6ddb3e?x-bce-process=image/resize,m_lfit,w_450,h_600,limit_1/quality,q_85

你不需要总是使用一个色彩做叠加，有时你可以考虑黑白灰。使用这些颜色和色调可以真正改变一个设计的情绪。

你可能会设想到，深色叠加创建更情绪化的环境，浅色叠加与乐趣相关联，它的另一个好处是黑白色图片本身的情感，它是怎样与颜色或色调合作的？图片和颜色、信息会相处和睦吗？

上图运用了白色叠加强调了黑白图片上面的黑色文字，但是注意摄影师脸上的情绪：他正咧着嘴微笑。颜色与图片的组合似乎在邀请你使你想要与摄影师互动，甚至想雇佣他来工作。

选择高对比度图片

https://iknow-pic.cdn.bcebos.com/a1ec08fa513d269725a897de59fbb2fb4316d83e?x-bce-process=image/resize,m_lfit,w_450,h_600,limit_1/quality,q_85https://iknow-pic.cdn.bcebos.com/8d5494eef01f3a29cc2f494d9525bc315d607c4a?x-bce-process=image/resize,m_lfit,w_450,h_600,limit_1/quality,q_85

当你计划在设计中运用图片叠加时，照片（或音频）组合是很重要的。平淡的色彩叠加会使图片变得平淡无奇，使用明暗对比度高的图片会使结果变得更好。

如果你的图片没有足够的对比，考虑在编辑软件中添加对比度，或者重新选图。尤其对于初学者，使用黑白图片能够更容易看见并提高对比度。上图提供了一个很好的以黑白图片做叠加的案例（它的效果很酷——无色和鲜艳色彩的对比）。

图片应看起来自然（或不自然）

https://iknow-pic.cdn.bcebos.com/f636afc379310a55f70f4177bb4543a98226100d?x-bce-process=image/resize,m_lfit,w_450,h_600,limit_1/quality,q_85

当你使用颜色叠加时，有两点建议：

1、图片应该看起来自然，颜色、采光和阴影应该出现在一个自然的位置。遮罩看起来要比较微妙，如上图。

2、图片要完全改变，没有人在意颜色遮罩已使用过（比如这篇文章的大多数案例）。

这里没有一个真正的折中的办法。如果图片陷入这些“极端”，用户可能在颜色选择方面考虑太久而无法专注于网站内容。不要用色彩叠加手法分散用户注意力，它应该是用来提高设计。

尝试使用重点覆盖

https://iknow-pic.cdn.bcebos.com/9a504fc2d562853534f64da29cef76c6a7ef631b?x-bce-process=image/resize,m_lfit,w_450,h_600,limit_1/quality,q_85https://iknow-pic.cdn.bcebos.com/6159252dd42a2834a9dda98857b5c9ea15cebf3e?x-bce-process=image/resize,m_lfit,w_450,h_600,limit_1/quality,q_85

虽然前面的例子展示了如何使用大图片的颜色叠加，这不是充分利用这一手法唯一的方法。颜色叠加作为重点强调可以实现得很好。

上面的两个例子运用不同的方式有效地实现了这点。

顶图导航栏使用了明亮透明的绿色，上方的纯色则更加突出了导航栏。它保持了品牌色彩贯穿整个设计，而展示项目则运用了其他不同颜色。效果很简单，它比在导航栏里填上实色来吸引注意力看起来更柔和。

图二使用了另一种方法，它将颜色叠加作为网页上一种悬停效果来告诉你更多项目细节。任何被红色覆盖的元素也是一个可点击的元素。值得注意的是，图层叠加是作为一种用户视觉提示，告诉他们想要知道的内容并提供一个全文路径链接。