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

色彩在电商设计中的奥秘

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


(3)通过一定的摆放规律,让商品(模特)数量足够多,因为数量多了总面积自然也就大了嘛~。

(二)以活动标题为主角

跟上面的道理类似,可以运用增大标题面积或者同时结合色彩对比的方式使标题突出成为主角:

(三)以利益点为主角

道理同上(有时候我们做Banner会直接用利益点作为大标题,这种就会使Banner的低价促销的气息会更浓烈些)

总结来说,但我们讲色彩的时候,其实也是在讲平面构成,当我们在讲色彩三要素(明度/纯度/色相)的其中一项的时候,其实也意味着在同时考虑其他要素,因为色彩不会单独存在,色彩要素也不会单独存在(我重复这么多遍,也是操碎了心呢~~)。

3/是否考量了Banner所投放的环境

当我们讲到环境的时候,往往会讲到外部环境和内部环境,也就是站在全局去考虑问题和站在自我的角度去考虑问题,如果你是要在某平台投放 Banner,那么这个平台对你来说就是大环境,具体到你投放的那一小块Banner位置就是小环境。

(1)从平台设计师的角度出发,她肯定是希望你所有的Banner放在这个平台页面里,整体是融合的,不突兀的 ,比如下面的万件好礼免费送和专属活动这块的小Banner,用不同色相表示不同会场或主题,但是每一个色彩的明度饱和度是相似的,设计形式也一样都有自己的规范,这就给人整体统一协调的感觉:

(2)那从商家的角度出发,商家当然是希望 自家的Banner图是最突出的,最亮眼的,最容易被用户发现的,所以设计师需要把自家的图片设计得让人眼前一亮,脱颖而出,这个又要回到前面如何运用对比去突出某个信息的问题了,不清楚的话可以回头看看上面那个关于信息层级的知识点:

比如,上面这些商品图,我用距离观察法,第一眼就看到了左下角的这个巧克力了,为什么呢?因为周围的图片基本是白底或者比较明亮的颜色,而只有他使用了深色背景,明暗对比之后,一下子就出来了(你也可以举一反三去运用,get到了吗?)

其实无论是商家/企业还是个人,都是需要考虑这种Banner投放的外部环境和内部环境的,除非你是在平台工作的设计师,很多时候我们更多的是需要站在个人利益的角度去考虑问题,我们需要让自己的图片更易被人发现。

所以我们会看到,某8design的各种培训广告(我故意模糊了它们,因为不想打广告~),永远都是花花绿绿,争相斗艳,但殊不知,当别人都花花绿绿的时候,你不用太花枝招展反而更易突出:

所以我们会想到,设计师在发布自己的设计作品到设计论坛或网站的时候,不妨先去看下周围环境都是怎么样的,再去做自己的展示Banner图,这样有利于使自己的作品得到更多的展现机会,比如下面这个是我昨天在站酷首页截的图,大家是不是跟我一样第一眼就会看到的是那个玫红色的Banner图片?而其他的都只会匆匆带过,因为在这个环境里,玫红色是最突出的一种颜色(事实证明,除去dribble这个词比较知名以外,玫红色封面Banner图的阅读数确实也远超其他的作品,你们get到了嘛?):

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

1/点缀作用(渲染氛围用)

2/突出主体(梳理信息层级)

3/平衡画面(整体视觉协调)

4延续风格(涉及到风格统一调性的时候)

5/塑造画面气质(传递恰当的情绪给用户)

29

好评
14

差评

刚表态过的朋友 (43 人)

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

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

最新评论

引用
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 新飞特 从心开始
关于飞特| 广告服务| 付款方式| 版权申明| 网站地图| 联系我们| 加入我们| 举报| 帮助中心| 移动版| 手机版| 飞特网

委托设计