电商banner布局实例教学 电商实战案例讲解海报怎样做吸引人

优设网   发布时间:2016-08-03 14:23:00   作者:佚名   我要评论
电商的banner设计现在越来越高大上,各位设计师是不是也在设计初期的排版布局上煞费苦心?别着急,新鲜的经验教程出炉,一个资深电商banner设计总结了一些海报的设计规则和经验,希望能给你的工作带来帮助,一起来看看吧

那么我们需要注意什么:

1、千万不要摆成很正的三角形,随意一些更好

2、三角摆放后你会发现三角的顶部会出现空的地方,需要用飘起来的商品补充

最后是虚化的,因为摆放的商品都是实的,所以其它弱化。

3、商品不可过多、多则乱。也不可过少、少则松

4、商品颜色尽量少,避免过多把画面变花了

案列欣赏

电商banner布局实例教学 电商实战案例讲解海报怎样做吸引人 电商banner布局实例教学 电商实战案例讲解海报怎样做吸引人

03、漂浮上空

我们先看下商品漂浮空中的案列,感受下它们之间的共同点。

电商banner布局实例教学 电商实战案例讲解海报怎样做吸引人

通过上图案列中我们可以发现:

1、商品的都是比较立体的,透视感强(ps:由于某些商品特性会存在只能平视角度的这个可以忽略)

2、商品直接的大小关系明确,层次明显。

3、商品颜色与页面颜色融合,不相冲。

电商banner布局实例教学 电商实战案例讲解海报怎样做吸引人

案列演示

摆放要求:需以商品漂浮上空的页面

画面布局:标题居中,商品两边漂浮布局

寻找商品:在找相关商品的过程中切勿着急哈,下一个会更好

ps:

1、如需求方有要求放置的商品 ,提前找他提供。

2、根据页面的颜色尽量找比较符合页面的商品,尽量不要选着颜色过黑

的产品,不然会在页面中显得比较脏。

设计过程:

我们首先确定标题排版。

电商banner布局实例教学 电商实战案例讲解海报怎样做吸引人

开始配色

选用蓝、紫三种颜色搭配,蓝色与紫色为近似色。

电商banner布局实例教学 电商实战案例讲解海报怎样做吸引人 电商banner布局实例教学 电商实战案例讲解海报怎样做吸引人

添加商品

调整好角度。和商品排放的位置,这个一定要多尝试,或许放到右边更合适,又或许是左边。

电商banner布局实例教学 电商实战案例讲解海报怎样做吸引人

开始细化标题区域  

过程我就不在这里细说了,大致说下

1、主标题增加立体,增强主题感。

2、结合字形稍作变形

3、给整体文案背后增加一个载体,让其从背景中突出出来。

4、副标题增加色块来增加色设计感和与背景拉开层次。

5、背后的载体也要有深浅、暗部和亮部层次。

标题颜色根据我之前说的深色配亮色,所以这里背景为深色,选择黄色来搭配。

副标题选用白色就好了。

最后效果如下:

电商banner布局实例教学 电商实战案例讲解海报怎样做吸引人

调整商品的深浅关系

1、离我们越远的商品我们需要通过混合模式正片叠底、透明度来使商品融入背景中。

2、离我们越近的商品我们需要保证它的清晰度,不能模糊。可以通过锐化来提升清晰度。

电商banner布局实例教学 电商实战案例讲解海报怎样做吸引人

调整商品的环境光色

根据商品所在的页面地方颜色增加环境色,同时也可以通过增强商品的明暗来提升商品的品质

1、可以通过混合模式叠加、正片叠底、高光这些模式来处理商品上面的环境光色。

2、给2-3个商品来一层动态模糊,增加画面动感。

电商banner布局实例教学 电商实战案例讲解海报怎样做吸引人

添加相关点缀元素丰富画面

因为是618的相关页面所以这里需延续主会场的页面元素贯穿整个活动,保持统一性。

点缀元素也需要有深浅关系、大小层次。

现在感觉背景亮部还是有些不够,增加亮部。

最终效果如下:

电商banner布局实例教学 电商实战案例讲解海报怎样做吸引人

做到这里就完结了,我们需要有耐心去不断调整颜色、深浅。

相关文章

  • 如何快速设计一款好BANNER 如何成为BANNER设计师指南

    设计出一款好的banner最重要的是什么?绝对不是你的PS水平,软件使用的好坏不能决定你是不是一个设计师,重要的是理念与审美,没有好的设计理念,再高超熟练的软件技术也是
    2016-08-03
  • 电商产品拍摄的几点技巧分享

    如今网店店是越来越多,而且是竞争越来越激烈,所以产品展示的图片原创度和真实性就是竞争力,所以松鼠汇就来教大家网店产品摄影中的基础知识和技巧
    2016-07-13
  • 超实用:电商Banner横幅的常见设计技巧

    这篇教程是向脚本之家的朋友分享电商Banner横幅的常见设计技巧方法,教程真的很不错,很值得大家学习,推荐过来,喜欢的朋友可以参考本文,来看看吧
    2016-07-13
  • 干货:电商设计师的自我养成计划

    电商设计是做什么的?,我意识到大家对电商设计都不是太了解,包括很多其他设计行业、其他领域的人,别人一问:你是做什么的啊?我说:做电商设计的,然后他们的反应:"哦,
    2016-06-30
  • 怎么排版?电商横幅设计的三个实用技巧

    空间是文字之间、图文之间的排列关系,是排版的第一步和基础,一张图的空间关系即构图自一开始就影响到整体的走向和最终的成型,下面小编为大家分享电商横幅设计的三个实用
    2016-06-06
  • 干货:三招搞定电商Banner横幅排版

    这篇教程是向脚本之家的朋友分享电商Banner横幅排版技巧,只需三招即可搞定,下面小编就为大家详细介绍一下,来看看吧
    2016-05-23
  • 电商设计之色彩篇

    今天小编为大家分享电商设计之色彩篇,教程比较实用,推荐到脚本之家,喜欢的朋友可以参考本文,希望能对大家有所帮助
    2016-05-16
  • PS电商产品后期修图之充电宝金属质感的体现教程

    今天为大家分享PS电商产品后期修图之充电宝金属质感的体现教程,教程真的很不错,很实用,值得大家学习,推荐过来,大家一起来学习吧
    2016-02-17
  • 设计师必看:2016年电商设计九大趋势

    今天为大家分享一篇教程,对于设计师来说很值得阅读,主要是向大家介绍2016年电商设计九大趋势,大家快快来学习吧
    2016-02-05
  • 从人性的角度做电商BANNER 有人性的banner才是好banner

    现在什么都要讲究情怀,手机是这样,设计也是这样。什么样的banner才更吸引你?仔细想想,并不是炫目耀眼的,而是充满人性的文案,舒适养眼的配色,才会促使你去点击,那么
    2016-08-03

最新评论