这是我见过最棒的运营插画Banner设计指南

近一年多接触到了插画 Banner 设计，算是自己边做边摸索，还在学习探索期，目前总结了一些做稿的思路，分享的目的是为了梳理完善自己的方法论，让自己继续向前进一步。

插画 Banner 的三个层次：文案层、画面元素、背景层。

文案层

文案样式：左对齐、居中对齐、右对齐。

文案组合设计形式：上下组合、上中下组合、一体组合。

有框的形状部分都可以视具体画面需求变化形态，每一个块面里还可以划分小块，和构成原理相同。根据文案的内容选择合适的文案组合样式。

画面元素层

主体元素

相关联元素

点缀元素

相关联元素和点缀元素可以二选一，也可以同时使用，具体根据设计画面而定。

背景层

以下内容是我目前总结的背景层类型。

选择背景时的注意事项：背景一定要和元素风格一致。我经常会出现这样的问题，主体物和背景不融合，导致设计看起来主体元素是贴上去的。

注：以上所用到的图片素材均来自于懒设计、稿定设计

Banner 设计画面千千万，套路来回就几样。希望大家能在框架的基础上进行思维发散，创作出好的作品。

定量的设计套路（不变）+百变的设计风格（变）=属于你的千变万化的 Banner 作品。

在拿到设计需求，没有什么想法的时候，可以参考以下画面元素的选择思路，找到适合的设计方向，提高设计效率。

主体元素

主体元素是根据设计需求重点要突出什么来选择的。

主体元素的选择参考方向：人物、人物+场景、关键场景、关键物品、超现实、文字、特有形式套用。人物可根据设计需求替换为其他角色，如：动物、拟人物品、卡通角色……

1.人物

单人、双人、3人以上、身体局部。

使用人物为主体的思路：谁，在做什么，怎么做，表达什么情绪。

2. 人物+场景

• 人物+局部场景
• 人物和场景一体（包含背景）：远景、全景、中景、近景。

使用人物+场景为主体的思路：谁，在做什么，在哪做，怎么做，表达什么情绪。

先来看一幅灵魂画，简单感受一下景别。

• 远景：远景是指画面中除了主体以外，还包括更多的环境因素。
• 全景：适用于表现主体的全貌，人物的全身动作，相比于远景更容易体现主体与环境之间的密切关系。
• 中景：中景是指被摄对象膝以上的部位。
• 近景：主要拍摄的是被摄对象胸部以上的部位。

3. 关键场景

• 主题相关的大场景。
• 主题相关的局部场景。

4. 关键物品

• 一件物品放大做为主体物。
• 一件物品放大撑起整个版面。
• 物品组合：组合摆放、物品规则分布、物品不规则分布。

5. 超现实

• 夸张大小对比（人物放大+元素缩小、元素放大+人物缩小）
• 虚拟场景

6. 特有形式套用

7. 文字

• 文案层为主体，添加环境气氛元素。
• 文案层为主体，选择一种设计风格套用。
• 文案层标签为主体。

主题相关元素

和字面意思相同，是根据主题思维发散，选择符合画面的主题相关元素。

思维发散举例：

• 情人节主题相关元素：爱心、玫瑰花、一束花、礼物、气球、写信……
• 高考主题相关元素：书本、试卷、尺子、铅笔、橡皮、时钟、博士帽、沙漏……
• 春天主题相关元素：树、植物、绿色、蓝天、燕子、春游……

思维发散结束后，选择几个适合画面的元素即可。

点缀元素

• 点线面点缀。
• 漫画符号点缀。

点缀元素和主题相关元素，目的都是为了丰富画面，根据画面和设计需求选择符合的元素。

注：为了能够更好的表达意思，简单易懂，所以找了大量的案例图。以上所用到的图片素材均来自于懒设计、稿定设计、网络。

本篇画面元素层的选择思路是浏览了大量设计师作品，按照自己的思路整理出来的，目前也还在学习探索阶段。希望以上的内容能对现阶段的你有用，一起共同进步。

作者 : KM嘉

来源：站酷