如何做好 Banner设计-我总结了这4类基础知识

如何做好如何做好 Banner 设计设计 我总结了这我总结了这 4 类基础知识类基础知识 如何做好 Banner 设计 我总结了这 4 类基础知识 在我们公司有人觉得做个 Banner 放 2 张图 排几个字 的事 一点技术含量都没有 像其他门户 Banner 基本上都是 编辑们自己做的 我觉得这么说是不对的 其实一个 Banner 可以研究的东西还是很多的 而且做一个 Banner 是不难 难 的是在短时间内做一个出彩的 Banner 如何在排除技术的前提 下 如何通过一些经验的思考 让 Banner 达到想要的效果 下面是最近做 Banner 练习的小经验之谈 仅供参考 Banner 由以下四部分组成 版式 字体 配色 点缀 我就针对这几点做些具体分析 关于版式 在明确主题以及内容之后 我们就要根据主题和内容来 设计版式 版式就是画面的整体布局 好的版式能够清楚的表 达核心思路 正确的展示想要给用户看的东西 大体上排版一般 分为两种 图文左右排版和文字居中排版 1 图文左右排版 我们一般设计 Banner 的时候都会使用图文左右排版 那么为什么会大部分都是使用左右排版呢 这是运用到一个方 法论 即尼尔森 F 视觉模型 因为我们的视觉浏览习惯都是从左往右还有从上到下的 所以我们在做 Banner 的时候会经常性的选择使用左右排版 那么使用左图右文还是左文右图也是需要根据主题和内容来决 定的 当配图示意比较模糊的时候 我们使用左文字右图的形 式 强调文字的吸引力 有一定指导作用 这里文字能够精准地将信息带给用户 文字所占比例比 图片多些 这也解释了为何大部分左文右图排版的 Banner 都 是文字占比大于图片 当配图示意比较明确 同时图片能够强调吸引的时候 我们采用左图右文字 如下图 使用左图右文字 也是因为图片的内容更吸引用户多一 些 所以对图像的品质要求更高 精致感品质感也有要求 这 种类型大多使用在家居 护肤等产品上 小结 图文左右排版 以分割排版的方式构图 画面有 明确的独立性和引导性 这种方式留白更多 较好的视觉引导 和方向使信息更明确 更显品质感 2 文字居中 文字居中的排版多用于电商促销 公众号的文章封面等 大多是突出文字的内容 比如促销的折扣 文章的主题等 其 余的产品或者图片都是为了搭配文字做出的气氛烘托 吸引用 户点击 使用这种方式让画面展示规整稳定 醒目大方 视觉更 聚焦 信息更集中 在突出主体的同时能使整体画面具有一定 的冲击力 小结 文字居中布局对于实物 人 商品 创造形象 要求 并不高 文字信息本身的处理要求就会高一点 在确认好主题 和内容后 我们根据产品所要突出的重点来决定我们的版式 是要突出文字还是突出产品 突出产品即使用左图右文字 这 种版式对产品的图片要求比较高 想要突出文字 则可以选择左 文字右图或者文字居中排版 但都对文字的设计要求比较高 不确定用什么版式 我们可以在设计的时候不妨多做几个版本 大胆尝试 关于文字 文案内容要高效的传递信息 吸引用户注意力 让人一 下子看到主题 文案中文字的排版要区分主次 把控好信息层 级 使用合适的字体 明确字体适用的场合 同一画面中字体的 使用尽量不要超过三种 过多会显得杂乱 要使用识别度高的 字体 而 Banner 中常用的字体有三种 衬线体 非衬线体和 书法体 1 衬线体 衬线体笔画有粗细之分 它模仿的是中国古代字体和古 代碑文上的字体 简单且易变形 衬线体能给人古典 经典 文艺的感觉 适合用于文艺气息的家居用品或文娱类的相关宣 传设计上 以上图为例 文案内容中的全面沦陷 让人一目了然 下 面一行的内容 更加详细解释了上面的主标题 画面颜色凸显 主题 所以字体变形 使用白色 反而在画面中更加突出 衬 线字体一般推荐使用方正经黑简体 方正俊黑 方正兰亭显黑 简体 华文细黑等 使用的时候注意版权问题 2 非衬线体 非衬线体较简洁 笔画较粗 很容易产生视觉重点 非 衬线字体体现现代 简约的特性 适合用于苍劲有力 促销类 的相关设计 吸引用户注意力 提高 Banner 点击率 以上图为例 主副标题区分清楚 在字体笔画变形上 结合科技感的气氛 增加了光的流动感 让标题不会过于死板 非衬线字体常用的有 汉仪润圆 方正综艺简体 造字工房劲 黑 造字工坊版黑 方正兰亭粗黑 冬青黑体 思源黑体等 3 书法体 书法体源自中国古代 能体现中国文化和挥洒墨水的豪 气 适用于传统 中国风 意境的文艺主题和金戈铁马般的豪 迈主题 上图为例 中秋节是中国的传统文化 使用书法体能够 将整体画面营造的中国古典风更好的融合起来 书法体推荐李 旭科书法 汉仪尚巍手书 叶根友行书繁体等字体 小结 不管是使用哪种类型的字体 在制作 Banner 时 我们都需要清楚的知道整张 Banner 所要表达的情绪 从而在 字体的设计上也能够表现出情绪 这样才能够更好地融合进 Banner 进而更好的表达出你想要的主题 关于配色 在整个风格中色彩设定出主色调 辅色调 主色调不难 理解是在整个画面中色彩占用最多的颜色 作为辅色调也是在 整个画面所点缀对比的一个颜色 就好比一个电影剧中一定是 有主角和配角 主角的戏份就多一些 配角只是作为整个剧中 的点缀辅助而已 在设计色彩设定中也要根据行业属性配比相关颜色 比 如 黄色代表比较有食欲的颜色 活泼 青春 一般用在食 物或者用户较年轻一点的产品上 黑色代表高端 科技 一般用在汽车 智能科技产品和 作品及消息发布上 白 代表简约 清新 素雅 一般是用在饰品 家居 化妆品等 在做整个主视觉画面的时候第一时间与颜色关联 小结 每一种颜色代表的含义都不同 我们要根据设定 的主题和文案的内容 包括品牌色来决定使用哪种颜色最为合 适 烘托出想要表达的情绪和氛围 使整体颜色及风格和谐统 一 抓住用户注意力 吸引用户点击 提高转化率 关于点缀 点缀元素的存在主要是为了丰富画面 使画面看起来不 单调并且更加协调 从运营的角度上来说 也是为了增加画面 的热闹活跃氛围 给用户愉悦或刺激感 增加消费者的购买欲 望 点缀元素存在的形式是多种多样的 我们可以基本分为三 种 基础形状点缀 抽象形状点缀 卖点提炼点缀 1 基础形状点缀 这种类型的点缀操作起来难度不大 多使用矢量形状利 用渐变色来丰富画面 建议初次尝试设计师多尝试 多注意细 节和练习 就能够比较好的使用起来 这种类型的点缀多用户 电商促销设计 目的是为了饱满视觉 丰满画面 拥有较强的 视觉冲击力 能够吸引用户注意力 提高 Banner 点击率 2 抽象形状点缀 这种点缀的注意细节是一般点缀都会比背景深一点 同 时整体采用微渐变 适当的隐去一些边角 能够更好的融合进 背景里 运用水波纹和小三角等 能够使 Banner 更年轻 活 泼 大多使用在产品定位较年轻的产品或话题上 不适合使用 在大品牌上 3 卖点提炼点缀 标签 这种点缀比较简单 就是把产品的卖点提炼出来 使用 背景的对比色或者邻近色将卖点整个突显出来 此类点缀多使 用在年轻女性为主导用户的产品 Banner 中 比如衣服 首饰 护肤品等 难度系数不大 难点在于对色彩及卖点提炼的把控 小结 点缀存在的意义就是在于丰富画面 使 Banner 整体不单调 更具有趣味性 也能顾更好地烘托主题营造氛围 有规律的点缀也能让 Banner 更具有节奏感 视觉冲击力更强 总结 我们从版式 文字 配色及点缀等四个方面来说明如何 制作出优秀的 Banner 1 版式分为图文左右排版和文字居中排版 根据要凸显 的主题来决定用哪种排版 2 文字有衬线体 非衬线体和书法体三种 每种都有不 同的风格 衬线体偏古典和文艺 适用于宣传 非衬线体苍劲 有力适用于促销 书法体传统豪迈 适用于中国风 3 配色需要根据产品选择配色 每种颜色都有自己的