首页 > 时尚知识 > [高逼格网页设计]怎么做出高逼格Banner设计(2)

[高逼格网页设计]怎么做出高逼格Banner设计(2)

时间:2019-01-03   来源:时尚知识   点击:

【www.gbppp.com--时尚知识】

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

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

675457d7bf530000018c1b3b06a8.jpg

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

348857d7bfe80000012e7e5b8a9c.jpg

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

653657d7c0010000012e7e13f5bb.jpg

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

c82957d7c01a0000012e7e57e596.jpg

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

ca7857d7c02f0000012e7e1c9c77.jpg

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

77b957d7c0420000012e7e1a1dc2.jpg

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

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

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

  看完以上示例我们会发现这种照片的玩法有什么规律呢?

  (1)照片要求:照片背景要干净简洁,且照片所占面积要够大,色彩明度等要与背景区分开,形成对比。

  (2)适合的品类:任何适合往时尚方向作图的品类,比如服饰箱包/美妆护肤/进口食品/母婴保健等

  (3)适合的活动主题:时尚促销/新品上市/时尚大牌/森女系等非低价热闹促销的主题。

  (4)排版样式:比较注重自由排版,在这里文字已经是画面里的某一种元素,而不止是传达信息的作用。

  (5)字体选择:比较适合放一些干净利落的规规矩矩的字体(无论是有衬线还是无衬线字体)或者手写体,会显得比较时尚,且气质符合活动或品牌产品自身的调性气质,切忌做一些夸张的字体变形或用一些奇形怪状的字体。

  你们可以想象一下明星走红毯或出席活动的各种造型,比如下面这些范冰冰的造型,哪一个更耐看显的更高档时尚?

698a57d7c07b0000012e7eb47b7f.jpg

  (女神版范冰冰和ladygaga版范冰冰)

  哈哈哈哈哈哈,回到正题,我们接着继续往下看~

  (2)2张照片左右拼接,形成对比:

946757d7c0980000018c1b593c71.jpg

  (3)3张照片错落有致(不过字体效果有点不搭。。):

1ab357d7c0a80000012e7ee0117b.jpg

  (4)4张照片排排放,同时可以有一些倾斜角度或颜色的变化,避免呆板:

828057d7c0b60000018c1b2761c4.jpg

  (5)多张照片并排排列:

5b3957d7c0c60000012e7e3c61b0.jpg

  (6)同样是多张照片并排排列,但是是作为纹理叠加到背景里:

abf657d7c1030000012e7ef43e84.jpg

  (7)同样是一张或多张图片作为纹理叠加到背景里,但是会在画面里加入一些图形形状:

e48a57d7c0f10000018c1bf97bdd.jpg

  (8)用文字来剪裁照片,作为纹理:

242357d7c1200000018c1bbb5bb5.jpg

  总结:

  以上关于如何在不抠图不合成的情况下做出一张高逼格Banner的分享内容到这里就结束了,兴许对你会有所帮助吧!

 2/2   首页 上一页 1 2

本文来源:http://www.gbppp.com/ss/559479/

推荐访问:高逼格网页设计

热门文章