服务的目标主要是我司海外不同的运营团队，设计Banner
导语：Banner是推广产品的一大利器 ， 覆盖面广、广告持久、方式灵活、互动性强 ， banner一般起到活动入口的功能 ， 不同需求的商家需要的Banner设计也不同；本文详细介绍了制定Banner的过程 。
文章图片
banner是线上产品最重要的输出之一 ， 相信大家或多或少都接触过；banner一般起到活动入口的功能 ， 设计上要求有视觉冲击力 ， 能够吸引人 。
【服务的目标主要是我司海外不同的运营团队，设计Banner】在互联网公司中 ， banner往往是由不同的团队去完成 ， 甚至一些跨国企业 ， banner是由不同国家的团队完成的 。
那么如何保证大家输出的banner在保证视觉冲击力的同时 ， 也能体现统一的设计语言呢？
最近笔者参与了banner规范的制定 ， 服务的目标主要是我司海外不同的团队 ， 主要是为了规范整体的banner以及提高设计品质的可控度 。
以下制定banner规范的过程 ， 希望能给大家带来一些帮助 。
一、基石—Banner的设计原则
设计Banner ， 最基本是要做到让用户清晰知道活动的内容 ， 即可用性/可读性 。 这意味着我们不管用什么设计风格及形式 ， 都需要遵循一些最基础核心的设计原则 。
1. 对齐原则
我们的眼睛和大脑在观察事物 ， 接收认知刺激的时候 ， 会倾向于识别靠近的、相似的、完整的东西 。 因此 ， 将相关的内容对齐 ， 有助于用户快速获取活动信息 。
常见的对齐方式有左对齐、右对齐、居中对齐 ， 建议一个板式只使用其中一种对齐方式 。 一个小小的banner版面 ， 如果使用了多种对齐方式 ， 实际上在用户看来这些信息都是零散的 ， 增加了认知成本 。
文章图片
2. 对比原则
文章图片
3. 留白原则
这里的留白原则主要指2点：
安全距离的留白：留出适当的安全边距 ， 可以保证banner在适配过程中不会出现重要信息看不全的情况 。
呼吸感：在排版时 ， 元素之间需要留出空间 ， 不建议过于紧凑密集 。 这样才能让整个画面看起来是“轻松透气”的 ， 减少用户认知信息的负担 。
文章图片
4. 聚焦原则
banner整体只需要一个视觉重点 ， 其他的元素需要对应的弱化 ， 即需要有视觉层次 。 当有过多的视觉焦点时 ， 用户反而无法快速获取信息 。 处处强调 ， 其实就是没有强调 。
文章图片
5. 降噪原则
文章图片
二、骨架—Banner的版式规范
主要版式构图有图文左右排版以及文字居中排版 ， 其中图文左右排版又分为：左文右图、左图右文 。
推荐阅读
- IT之家|官方：2025之前全世界都能享受北斗厘米级服务
- 中年北斗三号全球服务可用性达99%以上，全球范围定位精度优于10米
- 服务业|千万小心！比一线楼市的神话破灭更严重！ 他们来了……
- 人民日报|2025年之前全世界都能享受北斗厘米级服务
- 南方PLUS|| 广州出大招！成立企业上市综合服务平台，滚动
- 腾讯|苏宁：从零售商到零售服务商的进化逻辑
- 腾讯投资虚拟营业厅服务商飞虎互动
- 餐厅|大数据显示：二季度餐厅服务员求职环比上升超150%，快递员收入第一
- 央视新闻 供所有企业研制生产，北斗发布接口控制文件覆盖全部7类服务
- IT之家 全球范围定位精度优于10米，北斗三号全球服务可用性达99%以上