网店美工教程：[2]色彩搭配(1)

网店弹镡蛤跄美工培训其实主要设计美学眼光和软件操作技巧。这两个方面都非常重要，眼光会提升作品的水准，不至于流俗，这是对自己定位高发展深凿绱狁砼远的要求。审美眼光需要长期的历练，软件技巧却可以短期学会，这就是为什么很多作品软件技巧用的都很好，就是看着不美，不大气，不打动人的原因所在。所以我们要励志做到“眼高手高”而不是“眼高手低”或者“眼低手高”，这样职业发展道路才不会有瓶颈，反而会越走越宽。今天主要介绍网店美工技能——色彩搭配知识。

工具/原料

photoshop或者fireworks都可以。

色彩三要素-色相

1、色相通俗理解为色彩的相貌，比如红色和绿色就是不同的色相，通常在色彩模型里围绕色相环360度不断变化颜色就是色相。色相由原色、间色和复色来构成，三原色，是指不能再拆分，而是用来调配其他颜色的基本色。如图所示红黄蓝就是三原色；间色也叫“二次色”，因为是由三原色量量混合而成，如图所示绿橙紫就是间色；复色是用原色与间色相调或用间色与间色相调，也叫“三次色”，如图所示红橙、红紫、黄橙、黄绿、蓝绿、蓝紫都是三次色复色。

2、色彩色相搭配，简而言之，就是对比，弱对比就是相似色，强对比就是对比色。烂瘀佐栾这样记忆最直接，所有搭配都是从对比调和衍生出来撅掏浑锌。比如色相环上成180度角的是强对比色，通常叫补色，对比色具有强烈的视觉冲击力，但是切记对比色不要同等面积使用，不然显得压抑!正如万绿丛中一点红，那是最灵动的美。但是如果搭配不好，也会有“红配绿臭的哭”的反面效果。如图所示这张Banner用了对比色配色法，为了弱化对比，不至于过于潮流突兀的感觉，故意把红绿和黄紫交叉排列。

3、色彩色相对比色搭配中的弱对比相似色，通常分为同类色和相邻色。仅就色相而言，色相环15°以内色相属于同类色，色相环45°以内色相属于相邻色。当然这里也适用于同一个色相的明度变化，比如红里的大红、粉红、深红也都属于弱对比色。相似色的搭配更加和谐统一，视觉冲击力较对比色搭配稍弱。

4、色相对比色搭配里，还有一种特殊的对比搭配法就是冷暖搭配。对比是相对的，所以冷色和暖色也是相对的，不能死记。比如橙色和黄色相比较而言，橙色是暖色，黄色是冷色，但橙色与红色相比较而言，橙色却是冷色，红色是暖色。

5、色彩色相的其他搭配方法也很多，但基本都是从对比和调和中衍生出来。比如矩形搭配、分裂三角形等等，都可以进行各种色相对比调和搭配，但是不管如何搭配，万变不离其宗，就是任何色彩搭配都要符合主题要渲染的氛围，不能为了搭配而搭配，要传达一定的信息，而不是增加视觉噪音。

色彩三要素-明度

1、色彩的明度即色彩的明暗、深浅变化，也叫色彩的亮度，如下图明度色相环，由中间向内圈不断加白，向外圈不断加黑。明度高的色彩清新自然，明度低的色彩神秘冷艳。色彩的明度搭配也遵循对比调和原则，深浅搭配层次分明。下面的Banner是不是明度越来越亮，但是自身还是有对比的深浅变化。

色彩三要素-纯度

1、色彩的纯度是色彩不掺杂白色、黑色、灰色以及其他颜色，保持鲜艳的饱和度。前两幅Banner低饱和色彩搭配，适合静谧优雅温馨风格；后两幅Banner高饱和色彩搭配明快鲜艳，适合表达青春活力动感风格。