虎课网为您提供字体设计版块下的电商排版三十六计-30电商详情配色详解图文教程，本篇教程使用软件为PS（CC2017），难度等级为中级拔高，下面开始学习这节课的内容吧！

1、  电商详情配色详解：01、色调；02、各品类场景用色；03、色彩搭配；04、取色。

2、  色调的分类：白色调、黑色调、纯色调、深色调、浅色调、浅灰色调。

3、  白色调代表纯洁干净、简单和平、简洁清淡、极简优雅等；黑色调代表男性、力量、阳刚、强壮等；纯色调代表活力、热情、开放、健康、明确、直接等；浅色调代表明快、年轻、阳光、干净、舒适、清澈等；深色调代表沉着、稳重、庄重、绅士等；浅灰色调代表纯洁干净、女性、幼儿、童话梦幻等。

4、  各品类场景用色：（1）数码电器类配色：蓝色、灰色、黑白色。在电商设计中，强调科技、效率的商品或企业形象，大多选用蓝色，如电脑、汽车、摄影器材等；灰色常被用作背景颜色，让其他色彩突出；白色干净明亮，黑色严肃、刚正，黑白组合光感最强，最朴实分明，常用在冰箱、净水器、空调等电器中。

5、  第一个案例：蓝牙耳机的颜色为浅灰色和深灰色，凸显产品质感，用深灰色当做背景，突出其他色彩；第二、三案例，用灰色作为背景，突出产品的颜色和质感；第四、五个案例：产品的颜色为白色，突出纯净的主题，用蓝色搭配，强调科技感。

6、  （2）母婴类配色：使用颜色较多的有浅蓝色（健康）、绿色（安全无害）、粉红色（可爱）、黄色（温暖）、白色（干净），尽量避免使用黑色和深灰色，具体配色视实际情况而定。

7、  如下图中的海报设计，大多使用粉色、绿色、蓝色等，传达健康、安全、可爱的信息，符合婴儿用品的特性，整体配色较为舒服。

8、  （3）女装鞋包类配色：女装类的配色没有明显的界限，什么风格的衣服配合什么颜色，还有一些混搭风格：黑色、紫色、灰色（神秘、高档、酷），白色（清纯、纯洁），粉色（单纯可爱）、红色、黄色（热情）、蓝色（高冷、帅气）等，具体的搭配还要视具体的产品风格而定。

9、  如下图的设计，第一张用灰色背景表现大牌时尚的气质；第二张用橙黄色表现活泼可爱，有活力；第三张用浅色系的颜色来表现休闲的感觉；第四张用绿色背景搭配黑色的产品，表现高冷、酷的感觉；第五张白色和红色搭配表现时尚、休闲打牌。

10、              （4）男装鞋包类配色：男装用的最多的是黑、白、灰，男人正式严肃的服装鞋包都是深色调；也有很多浅色调的服装，如白色的衬衫、橙黄色的卫衣、蓝色的牛仔裤等，在碰到这些产品时，我们要根据年龄段和穿着的场合来进行颜色搭配。

11、              如下案例：要表现青春、活力，就用黄色或绿色搭配，表现酷酷的感觉，用蓝色搭配；用白色和灰色的背景颜色搭配，表现干净、纯洁的特征。

12、              （5）珠宝饰品类配色：珠宝饰品在人看来是很高端的品类，所以我们在做这一品类的颜色搭配时，要选用低饱和度，颜色偏灰一些的颜色；有些银饰品或男人的手表用黑色来搭配，会突出产品。

13、              如下案例：基本上都是选用浅灰色调进行搭配，突出产品的时尚高端的气质。

14、              （6）食品快消品类配色：通常使用暖色，高饱和度，给人营造一种温暖、有食欲的感觉。所以很多食品会用黄色、橙黄色、红色等来作为食品的配色；牛排用黑色展示是为了更好的突出牛排本身以及它的档次。

15、              如下案例：糕点和快餐等食品都是使用黄色等暖色类颜色进行设计，可以刺激食欲，激起消费者的购买欲。

16、              （7）保健品类配色：一般配色是绿、蓝、白，表示产品的清新健康和绿色，也有一些用黑色，如蛋白粉、增肌粉等，在做这些产品的时候，要和需求方沟通清楚产品的功能配料以及想表达的主题。

17、              如下案例：前四个案例都是用绿色和白色搭配，表现产品的健康绿色的特征；第五个用黑色的配色，表现男性的力量感。

18、              （8）汽车配件类配色：一般使用蓝色、灰色和黑白色。在电商设计中，强调科技、效率的商品或企业形象，大多选用蓝色，如电脑、汽车、摄影器材等；灰色常被用作背景颜色，让其他色彩突出；白色干净明亮，黑色严肃、刚正，黑白组合光感最强，最朴实分明，常用在冰箱、净水器、空调等电器中。

19、              如下案例：图中的设计多用蓝色、黑白色、灰色作为背景色，来表现配件的高端和科技感，也体现车主的高品质的生活。

20、              （9）美妆个人护理类配色：常见的美妆配色基本上偏女性化，颜色或鲜艳，或柔和，或纯真，这些颜色有的是从产品风格出发，有的是基于产品本身的颜色搭配，有的是对应的人群定位；男性的或清爽，或品质，或冷酷。

21、              如下案例：前三个都是女性美妆用品，配色是基于产品本身的颜色，或使用粉色等比较柔和的颜色；最后一张是男性护肤用品，用深色背景搭配，体现男性阳刚、酷的风格。

22、              （10）户外运动类配色：户外运动类颜色搭配性非常多，大多数户外运动产品的颜色较鲜艳，所以在做海报时要用深色去突出产品的本身的颜色。跑步机、哑铃等器材本身是深色调，体现力量感和坚固安全感，我们可以用产品本身的颜色进行搭配，这样整体色调比较统一。

23、              如下案例：第四张图片，产品本身是粉色，背景用黑色进行搭配，更加突出产品本身。其他的设计，都是吸取产品本身的颜色作为背景色进行设计。

24、              色彩搭配。颜色搭配有互补色、相似色、冷暖色、无色系（黑白灰）等搭配方式；在设计中，颜色搭配要遵循的原则：主色占60%，辅助色占30%，强调色占10%。强调色不一定是单独的第三种颜色，只是相对画面而言强调的部分。在一个画面中尽量不要出现三种以上的颜色。

25、              互补色：色彩中的互补色有红青互补、蓝黄互补、绿和品红互补。补色并列时，会引起强烈对比的色觉，会感到红的更红、绿的更绿。如下图，一、三都是蓝黄互补色进行搭配，突出要表现的主题；右侧的红绿互补色搭配，要注意两种颜色的饱和度应保持一致。

26、              相似色：在色换环上任一60°角度以内的颜色，各色之间含有共同的色素，故称为“相似色”。使用相似色搭配，整体风格较为统一。

27、              如下图，提取产品本身的颜色，用相似色进行搭配，整体色调非常和谐，风格统一，又通过颜色的深浅变化很好的突出产品本身。

28、              冷暖色：颜色分为暖色调（红、橙）、冷色调（绿、蓝）、中性色调（紫、黑、白、灰、黄）；在色彩搭配中，如果画面大部分是蓝色，那就是冷色调；如果画面大部分是黄色，那就是暖色调；当冷暖同时存在于一个画面中时，看所占面积分辨冷暖；通常冷暖色在一个画面中会使得整个画面的视觉感官特别强烈，冷色可以让暖色更突出，暖色也能让冷色更突出。

29、              如下图，当一个画面中冷暖色互相存在时，通常不是暖色调去烘托冷色调，就是冷色调去烘托暖色调，主要是看我们对画面风格、主题的塑造把控。

30、              无色系（黑白灰）：黑白灰（黑白之间的过渡色）为无色系，可以轻松搭配大部分颜色，这三种颜色也运用的最多。如下图，灰色和白色、白色和绿色、黑色和灰色、灰色和红色进行搭配。

31、              取色。（1）从产品本身取色。每个产品自身都带有一些颜色，我们在做这些产品的设计时可以从产品中吸取色彩，这样整个画面更加统一，也能突出主题。如下图，吸取产品本身的色彩，通过改变饱和度来最为背景色，突出表现产品。

32、              （2）从大自然取色。大自然中的色色彩多种多样，但杂而不乱，我们可以从大自然中寻找合适的色彩搭配，并运用到自己的设计中。

33、              （2）从设计风格取色。设计风格多种多样，一般和产品或者需求方的要求有关。比如他要清新的风格，就要从绿色、蓝色等浅色调中取色。

以上就是电商排版三十六计-30电商详情配色详解图文教程的全部内容了，你也可以点击下方的视频教程链接查看本节课的视频教程内容，虎课网每天可以免费学一课，千万不要错过哦！