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

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

设计过程:

我们首先确定容器,突然想到老虎机所以就觉得用它做容器。

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

确定排版

首先我们确定文案的排版,重要信息和次要信息的处理。

经常在活动页面中字体都是倾斜的,倾斜的好处是与生俱来的动感。

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

开始配色、添加图案背景

1、炎炎夏日嘛,当然选了清凉的蓝色到绿色的渐变(这里随心就好了,又不用给老板看)两个颜色的跨度不要太大,不然就会不自然了。

2、添加图案,五角星,抽奖我会想到星星。星星似乎挺娱乐、玩乐的感觉。

3、添加纹理素材-这里马赛克了一张素材,效果还可以。

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

制作容器

参照老虎机的一些原型,勾勒轮廓。制作过程不细说了。在这里提醒2点

1、有的地方可以自己稍作调整,不需要一模一样,因为我总会碰到别人问我这个素材你有没有一样的,做设计师千万不要死板哦。

2、千万别直接扣其它页面的图,而且质量还是超级差的那种,我见过好多次了。

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

细化标题

因为背景属于亮色,所以我们要用暗色区分出来。

1、增加文字立体面,增加描边黑色这样就很好的与背景分离出来。

2、细化标题,增加类似漫画文字的效果。不要问有没有快捷方式 、素材之类的,别这么懒。自己画上去复制复制就好了。

3、文字颜色选黄色,黄色有时候真是白搭的一个颜色特别作为标题。

4、给文字增加投影,让其更完整。投影颜色选文字下面背景颜色稍深的,比黑色投影更有质感。

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

添加商品

容器里面的商品有摆立的,有散出来的,各有优点。这里我希望它能够跟活波一些。

1、商品由中心散开,所以中间的商品无疑是最大的,其次的相对比较小一些。

2、需要有一个商品颜色和标题的颜色产生呼应、在页面上产生联系。

3、商品的投影别忘记、商品盖住其它商品的地方要变暗。别忽视了。最后给它们来一个中性灰修图增加

商品之的明暗对比关系,这样可以增加商品的品质。

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

装饰元素

用五角星来装饰,与背景图案呼应

1、五角星颜色尽量不要出现页面上面没有的颜色

2、增加投影

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

到这里这个案列就完了,比较简单的一个案列,不是很好,望大家见谅。

全文总结回顾

1. 不管是什么摆放姿势,商品都要有大有小之分

2. 商品的颜色至少有一个是与页面颜色有联系的

3. 商品摆放也是画面中重要的一环,得认真处理

更多的姿势,一起去发现吧。

相关文章

  • 如何快速设计一款好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

最新评论