优艾设计网

Banner知识,不抠图不合成做出高逼格Banner设计

优艾设计网 https://www.uibq.com 2020-09-14 00:00 出处:网络 作者:TTTing
写在前面: 因为我在之前的文章里已经非常详细地讲解了平面构成和色彩构成的知识点了,所以在后面的文章里我不会再过多的在这些方面做文章,最多只是会提一下,毕竟每篇文章的篇幅有限,所以有些内容我不会重复写了

Banner知识,不抠图不合成做出高逼格Banner设计

<点图片看大图>

Banner知识,不抠图不合成做出高逼格Banner设计

<点图片看大图>

看完是不是觉得超简单?仿佛就是摄影师把图拍好,都不用设计师抠图调色修图什么的,设计师啪啪啪打几个字,一个Banner就这么出来了呢对不对?!!!~

好了,我知道很多设计师巴不得每次做个Banner就跟打字那么容易就好了,那么这个其实也不是不可能,我们还是先来看下这类Banner都有些什么共同特点吧,我们先把它们摸个遍,哦不对,把它们先摸透彻~~下次我们也就知道该怎么做了。

那么怎么分析呢?我们主要从以下几个方面去分析:

(1)照片类型

(2)适合的品类

(3)适合的活动主题

(4)排版样式

(5)字体选择

接下来我们一个个来看:

(1)照片类型:从上面几个示例可以看出,其实基本上任何色调任何类型的照片都是可以直接加文字做出一张Banner,不过这种照片(加上文字后其实就是一张Banner)最好还是能简洁时尚点,讲求构图和留白,允许设计师有加文字的空间,更重要的一点是,照片中能有个主体,无论是产品还是模特。

我们可以将Banner文字去掉看下,如下图所示:

Banner知识,不抠图不合成做出高逼格Banner设计

<点图片看大图>

(2)适合的品类:服饰箱包/美妆护肤/珠宝首饰/奢侈品/母婴食品保健等等任何能拍成照片的品类都可以,因为这类Banner往往比较时尚简洁,所以任何允许将Banner做的比较时尚简洁的品类都可以。

(3)适合的活动主题:这种照片类Banner适合好几种活动主题,比如时尚类/森女系/日系/大牌新品上市等等不是特别火热低价促销类型的Banner设计。

Banner知识,不抠图不合成做出高逼格Banner设计

Banner知识,不抠图不合成做出高逼格Banner设计

<点图片看大图>

Banner知识,不抠图不合成做出高逼格Banner设计

不过如果你能将场景搭建得比较有热闹气氛然后直接拍一张照片,最后配合一些俏皮的文字其实也是可以的,比如下面这样的Banner其实都可以通过手工搭场景或3D建模的方式得到(这个话题方向我们后面再单独讲一下,如果感兴趣的话):

Banner知识,不抠图不合成做出高逼格Banner设计

下面这个是今年京东618的某个活动Banner,虽然是用PS+AI做的,但是用手工搭建场景+摄影的方式或者3D建模的方式其实也是可以做出来的。

Banner知识,不抠图不合成做出高逼格Banner设计

(4)排版样式:基本就是左右排版/上下排版或剧中排版了(其实说实话不管怎么样排版都可以,拍的时候给这张照片足够的留白空间就好了即使不留白也可以通过加蒙层或者虚化的方式添加文字),下面我给大家演示下:

Banner知识,不抠图不合成做出高逼格Banner设计

<点图片看大图>(5)字体选择:字体是分气质的,字体的选择跟Banner的气质其实也是有关联的,比如女性化的字体会纤细瘦长一点,男性化的会粗犷尖锐一点,中性化的字体适用范围会比较广所以不会有太明显的倾向性等等,大家可以简单看下下方的示例:

Banner知识,不抠图不合成做出高逼格Banner设计

<点图片看大图>

当然还有英文手写体在我们的Banner设计中也常常会用到,会让画面更加时尚随性,如下图中的英文字体enjoy:

Banner知识,不抠图不合成做出高逼格Banner设计

不过需要注意的是,很多好看的字体都是有版权的,如果私自商用都是会侵权的,所以要么用免费字体,要么购买字体版权要么就自己设计或自己写了,下面有一些免费字体可以给大家看下(由灰昼前辈二次整理的)。

Banner知识,不抠图不合成做出高逼格Banner设计

好了,以上给大家讲的是如何啪啪啪打几个字就能用一张照片出一张Banner,那么其实我们还可以有更多玩法的,比如同样是不用抠图,但是我们可以把一张图剪裁一下,模糊处理一下,或者旋转一下,叠加处理一下,再或者是多张图片混在一起玩等等这些情况又可以出来很多种花样,适合的品类和活动主题就又多了起来,同样的,先看几个实例:

(1)将1张照片通过剪裁,制造时尚感:

Banner知识,不抠图不合成做出高逼格Banner设计

Banner知识,不抠图不合成做出高逼格Banner设计

(不知道谁截的图,直截了一部分,大家先将就着看下好了~)

Banner知识,不抠图不合成做出高逼格Banner设计

提示:键盘也能翻页,试试"← →"键
0

精彩评论

暂无评论...
验证码 换一张
取 消