相关分类
photoshop教程
Illustrator教程
CorelDraw教程
painter教程
Indesign教程
UI设计教程
sketch教程
设计理论
飞特网 顶部通栏广告

色彩在电商设计中的奥秘

凹凸发布于:2017-8-19 10:15 |原作者: TTTing|
凹凸
上海市 长宁区 设计爱好者
发私信 + 关注
简介: 这是我专门为电商Banner图设计所写的一篇关于色彩的文章,文章包括6个部分,包括Banner的组成要素、Banner的作用、有哪些会影响到信息传达的因素、色彩起到的作用以及如何使用色彩等,案例丰富,深入浅出,强烈建议阅读!写在前面我们常常会说到做设计需要知道三大构成(色彩构 ...


(4)当红色运用于不同的色彩 ,大家会看到相同面积的红色圆放在不同的色彩上出现了大小不一或明暗不一的错觉,因为红色是暖色,所以根据冷暖对比,红色放在冷色或中性色 (黄色绿色)上可以比较突出,根据色相对比,红色属于有彩色,有彩色放在无彩色(黑白灰)上也可以比较突出,但是红色放在邻近色(比如偏冷的紫色和偏暖的橙红色)上就显得特别弱,因为色相太接近了。

Banner举例(看红色区域运用在不同颜色的背景上):

(5)当红色运用于不同的环境,前面我们前面讲了,环境分为外部大环境和内部环境,有人所站的角度是要保证平台上所有Banner颜色整体看和谐统一,雨露均沾,而有的人所站的角度是要保证自己的Banner图是最突出最吸引眼球的,前者为了和谐统一 ,后者是为了竞争为了突出自己 (讲到环境其实也就是前面几种情况的综合讲解和考虑,即色彩/形状/肌理/面积等的结合使用才构成了所谓的环境),比如:

当红色色块放置在纯度明度相近的不同色相的色块里,它是和谐的融入的整体的:

当红色色块放置在邻近色色块里,它跟整体环境看起来也是比较和谐统一不突兀的:

当同样是红色,但是她的形状/面积大小和其他的不一样,那么她是会比较突出的,也就是所谓的特异:

当同样面积的色块,只有一块是有彩色红色,其他都为黑白灰无彩色,那么在这个环境里,那么红色块是最突出的:

当同样面积的色块,只有一块是暖色红色,其他都为冷色,那么在这个环境里,那么暖色系的红色块是最突出的,也就是冷暖对比:

Banner举例(看红色区域):

(因为明度纯度接近的原因,红色Banner在这个环境里还算比较融入的,虽然周围冷色系Banner过多)

(调整了饱和度和明度之后,红色Banner在这个环境里变得非常突出,变为了主角)

总结回顾一下上面讲的几点:

一、先了解普遍意义上的色彩是指什么?

二、再回顾一下Banner的组成要素有哪些?

三、Banner的作用作用是什么?

四、在Banner设计中影响到信息传达的有哪些因素呢?

五、色彩在Banner设计中所起到的作用

六、如何在Banner设计中使用色彩

以上我就写到这里了,我们需要知道色彩是一种情绪的表达,也许要学会举一反三(比如上面我只举了红色的例子,其他颜色可以以此类推无论),另外无论是有彩色还是无彩色它们都不会独立存在,他必定是依附于其它表现形式而存在,比如与平面构成、立体构成结合运用,下期我们再继续谈电商Banner图设计之平面构成的奥秘(时间待定,哈哈~)

(注:文中所有Banner 均来自花瓣,如果有Banner作者本人看到此文,请与我取得联系噢,感谢)

能看完全文的小伙伴都是棒棒哒!~

欢迎关注小婷姐的微信公众号「TTTink-D」,一个干货与文笔俱佳的美女设计师:

微信公众号简介:专注开拓电商设计思维,不定期分享一些个人见解干货,当然也会分享一些顶级创意、摄影、人生感悟方面的好文啦。

FEVTE编注:更多平面设计理论学习请访问飞特网平面设计理论知识栏目,地址:https://www.fevte.com/plan/shejililun/

1234567
31

好评
14

差评

刚表态过的朋友 (45 人)

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

凹凸
上海市 长宁区 设计爱好者
+关注 发私信
发表评论

最新评论

引用
liujingyun发布于:2017-8-26 09:45
很棒 尤其是对我这种刚刚工作没什么工作经验的人来说  大赞
引用
xlaws发布于:2017-8-23 14:17
有收获,感谢分享
引用
说好的梦想呢发布于:2017-8-9 16:35
写得非常好,那些banner案例配色非常棒,已收藏,日后可以参考,只是......错误不是一两点,下次记得检查再三再发表
引用
TTV发布于:2017-6-22 10:38
我只想说,最开始色相都错了,表示……

查看全部评论(4)

您需要登录后才可以评论和提交作业 登录 | 立即注册
本周热点文章
2020 新飞特 从心开始
关于飞特| 广告服务| 付款方式| 版权申明| 网站地图| 联系我们| 加入我们| 举报| 帮助中心| 移动版| 手机版| 飞特网

委托设计