淘宝店铺设计之色彩篇

taobao · 发表于 2014-12-11 19:08:38

一个店铺要做好装修工作，文字的描述和色彩的搭配十分重要。色彩是美工需要解决的第一要件，在配色方法上莫过于六种“红橙黄绿蓝紫”。色相相隔越远对比越强烈，相反，越接近搭配越柔和，最后得控制好画面的色彩比例。那么，店铺美工在色彩搭配上如何巧妙设计？淘宝资源吧虚拟货源给大家说说3种最常见的色彩配色方式。

　　（一）了解配色比例
　　一般情况下，我们在装修店铺时，画面的建议色彩不超过3种，即3种色相，如深红和暗红可以视为一种色相。颜色越少画面越简洁，简洁的画面给人一种专业和成熟感。相反，颜色太多太杂，会给人一种反感。除非是一些节日类的海报，要求画面有一种热闹和活力的氛围。

　　（二）了解色彩关系
　　色彩之间的关系取决于色相环上的位置，色相和色相之间距离的角度越近，则对比越弱，相反，离得越远对比度越强烈。

　　下面，小编给大家说说3种最常见的色彩配色方式。

　　1）相邻色搭配　　
　　在色轮中挨得较近的是邻近色，根据“红橙黄绿蓝紫”六字顺序，相邻色搭配就是红+橙，橙+黄, 黄+绿，绿+蓝……以此类推。由于相邻色的接近性，画面形成有很强的关联性，，柔和统一，给人一种温馨柔和的感觉。如下例子：

　　以上两张图片基本是采用相邻色的搭配方式，第一张用了一笔橙色起到点缀的作用，整体画面柔和协调，因此这类配色常用家居，棉织品，小清新淡雅的服装，中国风等，以给人一种宁静，柔和的感觉。

　　相近色搭配中还有一种单色系的搭配方式。如上图所示，文字颜色用背景色降低饱和度/明度后的结果。背景色明度很高，采用单色搭配手法给人高雅的感觉。主标题字体配合整个画面采用一些变形，使画面整体统一和谐。

　　又如以上促销海报，采用红+橙的搭配方式，以橙色为主色调，背景采用不同的橙色增加了画面的空间感，并且让画面显得没那么单调。海报中邓超惊讶的表情及背景倾斜的线条和几何方块的点缀，漂浮的产品使得原本稳定的画面变得活泼轻快富有冲击力。

　　2）间隔色搭配　　
　　根据“红橙黄绿蓝紫”六字顺序，红+黄，橙+绿，黄+蓝，绿+紫，蓝+红，这种搭配方式中间都隔了一个颜色，因此称为间隔色。

　　间隔色的视觉冲击力会强于相邻色，而且间隔色使用也很广泛，既没有180互补色冲击力那么具有刺激性，又比相邻色多了一些明快、活泼、对比鲜明的感觉。如下例子：

　　这张蓝黄间隔色搭配的海报，画面明快时尚，文字还采用了白色作为调和。蓝色本来就是具有一种科技的格调。使用蓝黄白搭配就适合不过了。

　　以上这张是典型的三原色红黄蓝组合海报图，画面比例控制得很好，以蓝色为点缀，也采用了白色作为调和缓冲，使得画面具有强烈的空间感。

　　红黄百搭色，具有很抢眼的促销感。以上几个图片的背景都不是单一的颜色，如最后这张海报，红色背景上又加了一个深红色的放射性背景。第三张海报，紫色背景后面还加了一些深紫色的几何方块做点缀。这两个颜色属于一种色相，使得画面摆脱单调的感觉，增加画面的空间感，给人以活泼时尚的感觉。

　　3）互补色搭配　　
　　在色轮中相隔180的2个颜色互为补色，它是色彩搭配中，对比最为强烈的颜色。互补色就是中间间隔2个颜色，红+绿，橙+蓝，黄+紫…

　　举例：

　　互补色搭配要注意三个方面：①要控制好画面的色彩比例。②降低其中一方的明度/饱和度，以产生一种明暗对比，缓冲其对抗性。③在画面中加入黑/白作为调和色进一步缓冲其对抗的特性。

版权声明

1、本站所发布的一切学习教程、软件等仅限用于学习体验和研究目的；请自觉下载后24小时内删除，严禁用于其他用途，如果你喜欢教程，请支持正版教程软件，得到更好的正版服务，本站内容全部来自网络，版权争议与本站无关，如果您认为侵犯了您的合法权益，请联系我们删除。发送邮件到邮箱：507597778@qq.com。

2、对于不当转载或引用本网站内容而引起的民事纷争、行政处理或其他损失，本网站不承担责任。

3、对不遵守本声明或其他违法、恶意使用本网站内容者，本网站保留追究其法律责任的权利。

黑色玄风 · 发表于 2014-12-11 20:58:54

为保住菊花，这个一定得回复！

zzmx · 发表于 2015-9-28 01:07:00

我抢、我抢、我抢沙发~

benwei111 · 发表于 2015-10-6 02:37:45

路过，支持一下啦

blackchong · 发表于 2015-10-12 01:56:23

帮你顶下哈！！

		自动登录	找回密码
密码			立即注册

大秀场

淘宝店铺设计之色彩篇

版权声明

更多帖子推荐

相关帖子

浏览过的版块