PS-创意重组电商banner排版技巧

本节课讲解 Photoshop（简称PS）软件 - 第五节：创意重组电商Banner排版技巧，同学们可以在下方评论区进行留言，老师会根据你们的问题进行回复，作业也可以在评论区进行提交。

课程核心知识点：创意组合定义及应用详解，创意组合Banner的实操演示，图片组合设计及文案信息组合设计，画面整体效果的把控和细节处理。

学完本课内容后，同学们可以根据下图作业布置，在视频下方提交作业图片，老师会一一解答。

那我们开始今天的教程吧。

1.在讲解之前先对本次实操文案要求进行浏览，根据当前的要求来讲解案例的制作流程，以及在制作过程中需要注意到的内容，如图所示。

2.在日常的电商Banner中，我们看到最多的就是常规的那些文字排版、图片人物排版和展示效果，但设计从来不是一成不变的，不同的画面和风格对应不同的排版方式，适当的创意和变化会让你的画面更有视觉感和创意，同时也会更有吸引力。

3.下图就是一个相对比较完整、比较时尚、高端的画面，它的文字排版和人物的摆放就是一种常规的摆放方式，文案都是水平的，整体右对齐，展示比较简约时尚的效果，但是创意组合不一样，如图所示。

4.本节课程我们依然采用案例结合理论但又大于理论的方式给大家讲解，让同学们可以更多的看到一些相对优秀的作品案例，本节课分为四个板块，依次是创意组合排版的定义、文案信息的创意组合、图片之间创意组合和案例实操演示。

5.创意组合字面的意思就是不同的元素、不同的素材、不同的文字，不同的图片经过创意的设计，组合在一起呈现的效果，但是在电商banner中，创意组合更多的是对于文字信息之间的创意组合，以及对于图片之间的创意组合，甚至是图片和文案之间的创意组合设计。

6.下图案例通过分割主标题、添加效果元素结合其他英文内容来丰富画面，同时在两侧空缺的位置填充其他的文案内容，让文案更符合整体风格，比单纯的水平摆放更有创意，如图所示。

7.这个案例通过错落主标题文字的笔画，让画面更加有动感，让画面更有氛围感，更加符合产品和图片的调性，整体的感觉也会更好，如图所示。

8.对英文单词字母的拆分组合也能让画面形成效果，例如下图案例将“NEW”拆分为三个单独的字母，用有趣的、创意组合的方式摆放在画面中，形成整体效果，看起来非常有创意，如图所示。

9.创意的组合排版方式，打破了呆板的一成不变的排版展示效果，让画面变得更有设计感、更活泼、更有创意，而且创意组合的方式适合大多数场景画面，设计灵活性较强。但对设计能力有一定的要求。

10.接下来讲解文案信息的创意组合，在画面中文案信息是具有多重不同变化的，在常规的排版中，文案不是水平摆放就是垂直摆放，但是对于一些画面来说错落的摆放，或者创意组合摆放，画面效果会更有特点。

11.文案信息创意组合方式很多，可以是字体本身笔画的拆分创意组合，也可以是文案本身的创意组合，或者是很多文案用互相搭配的方式形成创意组合的效果。

12.不论是中文还是英文，字体本身由很多不同的笔画或者字母组成，那么这些笔画和字母就是可以拆开的，那必然也是可以互相组合的，通过这种对字体本身的创意组合让画面更有创意，让文案展示更有特点。

13.但值得注意的是，不管是字体的设计还是拆分组合，字体本身所表达的含义，也就是字体辨识度必须是前提，因为不管再好的设计，如果文案辨识度都没有，那信息也是传达不出去的，画面效果再有创意也没有意义。

14.下图案例主标题为“释Fun”，上方的中文分为左右两侧，中间添加了英文，下方通过数字和英文的组合填充，让画面整体上下比较饱满、丰富，整体感觉也会更有创意，如图所示。

15.下图案例通过对“FASHION”英文字母的拆分，摆放在画面中形成有联系的、新的展示效果，看起来也是非常不错的，如图所示。

16.在这里就不是拆分组合笔画或者字母了，而是字体之间的互相组合，通过字体之间的创意组合，可以让文案有更多的展示效果，同时对于画面更灵动有创意，如图所示。