本文由做设计的面条（ID：TTTink-D）授权发布
前深圳京东JDC电商设计师，站酷推荐设计师，一个擅长将电商及Banner设计讲的最透彻易懂的妹子。
1／我为什么要做这样一个主题的干货分享呢？
记得以前上大学的时候听一位老师说做设计千万不要用渐变色，因为非常low，于是我就当教条一样一直记在心里了：“嗯，千万不要用渐变色”。但后来工作了才发现，渐变色也可以很好看，也可以很高端，只是要看如何去用而已；再到后来工作几年，有人对我说做设计一定不要直接用图片，一定要抠图，不要偷懒，不抠图是做不好设计的，可是到后来我发现有些图我们不用抠，也可以做得很好看，为什么做设计一定要抠图才行呢？
所以我们可以试着捋一下，看能不能带来一些启发，这次依然是以Banner设计来举例说明。
2／摄影与Banner设计之间的联系是什么？
一般来说，如果摄影师和设计师能配合沟通去做设计是最好的，尤其在涉及到很多产品或模特的拍摄，无论是电商行业还是广告行业，前期沟通好策划方向以及构图色调，摄影部分的工作做得越到位，设计部分的工作量就越小，项目越顺畅，如果摄影部分的工作不到位，到设计那一步就麻烦大了，有可能需要返工重拍或者花费大量时间精力去修改和调整。
Q：商业摄影涉及到的工作内容和知识点有哪些呢？
A：拍摄目的／创意策划／选道具或选模特／构图／配色／修片等
Q：Banner设计涉及到的工作内容和知识点有哪些呢？
A：活动目的／文案策划／风格确定／选图或选模特／构图／修图／配色等
所以其实原则上来讲，摄影和做Banner设计没什么区别，摄影是把一堆东西放置在取景框里，最终出来一张照片，这个照片可以传递某种信息或情感，可以吸引到别人的注意或某种欲望和共鸣。
而Banner设计则是将所有的文案信息／产品或模特／背景／点缀物等，放置在一张画布里，最终出来一张图片，这张图片也是要传递某种信息或情感，也可以吸引到别人的注意或某种欲望和共鸣。
Banner组成要素包含4个方面：文案 、商品／模特、背景、点缀物（可有可无）。
Banner的作用是：宣传／展示／广而告之／准确传达信息。
所以，其实我们可以将Banner视作是一张照片＋几排文字。接下来我们先看几个示例：
还有一组日本的Banner图设计：
看完是不是觉得超简单？仿佛就是摄影师把图拍好，都不用设计师抠图调色修图什么的，设计师啪啪啪打几个字，一个Banner就这么出来了呢对不对？！！！～
好了，知道很多设计师恨不得做个Banner就如同打字那么容易，其实也不是不可能，还是先来看下这类Banner都有些什么共同特点吧，先把它们摸个遍，哦不对，把它们先摸透彻～下次我们也就知道该怎么做了。
我们主要从以下几个方面去分析：
（1）照片类型
（2）适合的品类
（3）适合的活动主题
（4）排版样式
（5）字体选择
接下来我们一个个来看：
（1）照片类型：从上面几个示例可以看出，其实基本上任何色调任何类型的照片都是可以直接加文字做出一张Banner，不过这种照片（加上文字后其实就是一张Banner）最好还是能简洁时尚，讲求构图和留白，允许设计师有加文字的空间，更重要的一点是，照片中能有主体，无论是产品还是模特。
我们可以将Banner文字去掉看下，如下图所示：
（2）适合的品类：服饰箱包／美妆护肤／珠宝首饰／奢侈品／母婴食品保健等等任何能拍成照片的品类都可以，因为这类Banner往往比较时尚简洁，所以任何能够将Banner做的比较时尚简洁的品类都可以。
（3）适合的活动主题：照片类Banner适合这些活动主题，比如时尚类／森女系／日系／大牌新品上市等等不是特别火热低价促销类型的Banner设计。
不过如果你能将场景搭建得比较有热闹气氛然后直接拍一张照片，最后配合一些俏皮的文字其实也是可以的，比如下面这样的Banner其实可以通过手工搭场景或3D建模的方式得到。
下面这是去年京东618的某个活动Banner，虽然是用PS＋AI做的，但是用手工搭建场景＋摄影的方式或者3D建模的方式其实也是可以做出来的。
（4）排版样式：基本就是左右排版／上下排版／居中排版（其实说实话不管怎样排版都可以，拍的时候给照片足够的留白空间就好了，即使不留白也可以通过加蒙层或者虚化的方式添加文字），如以下的参考：
（5）字体选择：字体是分气质的，字体的选择跟Banner的其实有关，比如女性化的字体会纤细瘦长一点，男性化的会粗犷尖锐一点，中性化的字体适用范围会比较广所以不会有太明显的倾向性等等，大家可以简单看下下方的示例：
当然还有英文手写体在我们的Banner设计中也常常会用到，会让画面更加时尚随性，如下图中的英文字体enjoy：
不过需要注意的是，很多好看的字体都是有版权的，如果私自商用都是会侵权的，所以要么用免费字体，要么购买字体版权，要么就自己设计或自己写了，下面有一些免费字体供大家参考（由灰昼前辈整理）。
好了，以上给大家讲的是如何啪啪啪打几个字就能用一张照片出一张Banner，其实我们还可以有更多的玩法。比如同样不用抠图，但是我们可以把一张图剪裁、模糊处理、或者旋转、叠加处理，再或者是多张图片混在一起玩等等。这些情况又可以出来很多种花样，适合的品类和活动主题就更多了，同样的，先看几个实例：
一、将1张照片通过剪裁，制造时尚感：
(不知道谁截的图，直截了一部分，大家先将就看下好了～）
看完以上示例我们会发现这种照片的玩法有什么规律呢？
（1）照片要求：照片背景要干净简洁，照片所占面积要够大，色彩明度等要与背景区分开，形成对比。
（2）适合的品类：任何适合往时尚方向作图的品类，比如服饰箱包／美妆护肤／进口食品／母婴保健等。
（3）适合的活动主题：时尚促销／新品上市／时尚大牌／森女系等非低价热闹促销的主题。
（4）排版样式：比较注重自由排版，在这里文字已经是画面里的某一种元素，而不止是传达信息的作用。
（5）字体选择：适合放一些干净利落的规规矩矩的字体（无论是有衬线还是无衬线字体）或者手写体，会显得比较时尚，且气质符合活动或品牌产品自身的调性气质，切忌做一些夸张的字体变形或用一些奇形怪状的字体。
二、2张照片左右拼接，形成对比：
三、3张照片错落有致（不过字体效果有点不搭）：
四、4张照片排排放，同时可以有一些倾斜角度或颜色的变化，避免呆板：
五、多张照片并排排列：
六、同样是多张照片顺序排列，但是是作为纹理叠加到背景里：
七、一张或多张图片作为纹理叠加到背景，但是会在画面里加入一些图形元素：
八、用文字来剪裁照片，作为纹理:
总结：
以上关于如何在不抠图不合成的情况下做出一张高逼格Banner的分享内容到这里就结束了，也许对你会有所帮助，而且这样出来的Banner往往也比较简洁时尚，但也许有人会问，没有拍摄条件怎么办？不得不抠图或合成怎么办？
那么对于这种情况，首先需要知道一点，没有任何一种药是包治百病的，在文章开头也说了，做设计不一定非要大费功夫抠图或者合成才能达到目的，不抠图不合成也是可以做到的。
那么上面说的这些方法适合哪些情况使用呢？再给大家例举一下：
（1）本来就有拍摄条件或者有资源获取这类型的图片，比如可以买图片版权或者使用免费的照片或素材。
（2）虽然你有拍摄条件但是照片拍得不好，想要模拟以上这些Banner的效果，可以把一些素材的人物或产品抠出来换个干净简洁的背景，再或者换个场景等再重新设计。
（3）其实做Banner的方法成百上千，何必在一棵树上吊死，你也可以玩其他的。比如：ps合成／手工diy／剪纸拼接／3D建模／手绘等等，反正只要能达到你要的效果和目的就可以了。
（ps：以上Banner均来自花瓣，如果Banner的作者本人看到这篇文章欢迎与文章作者取得联系~）
今天的文章，由 做设计的面条（ID：TTTink-D）提供
点击下方“阅读原文”查看《【网页设计】这样的作品集排版，还怕找不到好工作？！》
↓↓↓
