banner设计要点总结（一）：需求定位及风格类型

2023-12-27 22:01:17 人工智能 ℃

后台-插件-广告管理-内容页头部广告（手机）

本文整理总结各方bannner设计要点，理清banner设计思路，为自己和许多新手设计师整理提供一份较完整的基础性参考建议。

banner设计是UI设计、网页设计中很日常而基础的一项工作。

看似构造简单的banner，若想亲自动手设计一款有表有里的合格banner，还真不是多欣赏了一些大神优秀banner作品就能着手搞定的。

banner是app应用、网页页面中最易吸引眼球的部分，它带来的点击率和宣传力是最简单直接而高效的，它能宣传品牌理念，能发布活动信息，能引导用户流量，能宣传产品信息，能提升商家影响力，它的设计品质能很大程度上影响访问者对一个应用、网站、产品的实力质量的接受度和信赖度，能直接创造商业价值。

banner设计不能仅仅注重视觉效果，还应融入许多方面的信息，一个实用有价值的BANNER设计中还融入了如品牌价值、产品特色、消费心理、色彩效应、用户习惯、创意元素等信息。

一个系统应用的banner设计不仅要出彩，其展示的banner风格上也应尽可能统一或呼应，不造成访问者的视觉混乱。因此，许多网站对各商家提交的banner都有一定的标准，以确保网站总体视觉效果的整体性。而随着科技发展，如今还涌现出了基于人工智能技术banner自动设计工具，解决了许多bannner的流水线式生产问题，可见banner设计现在依旧是设计工作中不可或缺的部分。

bannner设计说简单也简单，说难也难。许多想努力做好一款合格banner的设计新手，常常是看了许多优秀作品仿佛了然于心下手时却脑袋一片空白，或努力拼凑出了各个部分却连自己都没办法满意，或即使做出了视觉效果出彩的banner产品但综合其内容后让人感觉不知所以然。

为此，本人也非常困惑迷茫，于是决定广搜各方banner设计经验，结合自己的理解进行归纳总结，期望能在认真分析研究的过程中拓宽自己的banner设计思路，完成设计道路的一次进阶，也希望可以帮助到其他同道中人。

由于内容较多，将会分几次发布，具体内容也会视总结情况进一步调整。希望大家多交流和提供指导。

接下来将计划按以下几个方面的内容展开总结：

1.需求及定位

2.风格、色调与素材

链接：banner设计要点总结（一）

3.排版与构图

链接：banner设计要点总结（二）

4.细节设计：背景填充、文案设计、点缀物设计、配色

链接：banner设计要点总结（三）

5.提升表达力和关注率

6.提升设计感

链接：banner设计要点总结（四）

一、需求定位

做任何设计，延伸到做产品做项目的前提都是要了解需求、正确定位。明确需求才能正确定位，才能让设计更好的服务需求发挥更大价值。如果全面了解需求呢？

1.确定文案信息、尺寸大小、素材信息

一般的设计需求，需求方都会确定好这些信息，可以根据文案信息和素材获取设计灵感，进一步确定风格。但有的banner设计可能需求方并没有现有的素材，就需要设计师自己根据文案和需求目标等设计或搜集相关素材。但文案是一定要提前和需求方确定和沟通好，文案的字数和内容很大程度上影响着设计的布局、风格和素材挑选，文案后期的改动很容易影响设计进程。投放平台也需要注意，因为平台涉及到面向人群的类型，符合这类人群的接受能力才能发挥banner的效应和价值。

2.确定banner投放平台和投放目的

首先要了解受众对象，尤其是在一个大型的平台中，若需吸引某一特定用户群体，比如要设计一个教育类的banner，服务的对象是大学生还是幼龄儿童，就直接影响着风格的确定和设计元素选择。而同样的受众对象在不同的平台，也会影响风格的定位，如体育平台就要突出运动感，书画平台就要更有文化气息等。然后就是要了解投放目的，确定需求方想让banner起到的作用，如加大活动宣传力度、传达品牌或企业的理念、提升品牌知名度和好感、产品促销宣传等，再后期的设计元素选择、文案效果、颜色搭配上就要相应调整。

3.确定需求方设计想法

许多需求方心里都会有自己的想法，设计师要注意多和需求方进行沟通交流，尤其是一些站在不同行业的定位和基于多年经验的思路想法，既尊重了需求方，充分沟通，又不至于脱离实际，可以降低改稿次数。当然，自身也要有自己的设计判断不盲从。而当需求方无法用语言描述时，我们还可通过找一些样例给客户选择来获取更准确的需求偏好信息。

4.确定设计工期

根据客户要求的不同，同样需求的banner设计时间也存在很大差异，若时间较赶就要选择更不易出错的版式和风格尽快形成成熟的作品，若时间较充裕需求方有更细腻的需求，我们就要更细致打磨作品多尝试一些创意的表现手法等。

二、风格、色调与素材

按常见的风格分类，具体内容及相关色调和素材情况如下：

1.炫酷风、科技感、未来感、大数据

这类风格多给人硬朗、炫酷的感觉，具有空间感、速度感、力量感、梦幻感，用色以蓝，黑，紫等冷色调为主，常具有一些网格、光效、金属效果等。素材方面，主要是要制作和搜集一些具有科技感的炫酷的背景渲染点缀素材、如线条、光效、网格、数字、代码、星球、未来空间元素等，但一些渲染素材的点缀分布比较密集时要有一定条理、不显凌乱，字体素材的设计上一般要显得硬朗、有力量感和空间感。

2.喜庆节日、产品促销

这类风格多营造出一种热闹愉快的氛围。宣传语文案效果相对有冲击力，色彩较丰富鲜艳，红、黄、紫偏多，画面饱满，很少留白。可以用到的点缀物素材有光效、鞭炮、舞台、灯光、五彩的渐变、冲击性的线条和多边形等。实物置入时需考虑实物放置方位的光感和投影问题，使其放入其中不会有违和感。

3.青春、活力、年轻、张扬

这类BANNER排版比较不拘一格，个性十足。颜色比较丰富、张扬，色彩的饱和度和纯度比较高。常常会融合时下比较流行的元素，模特多比较青春靓丽有个性。素材选择上没有比较常规的固定元素，渲染手法也比较多样，需结合时下流行元素和产品特点大胆创新。

4.古典气质、传统、中国风

这类BANNER字体多采用书法字体，文案多用竖形排版、从右向左的顺序。可选用的素材包括印章，山水画，墨迹，扇面，剪纸，园林窗格，古纹样，祥云，京剧，卷轴，灯笼、文物古迹等传统中国元素。总体感觉比较淡雅富有文化气息和历史古韵。

5、简洁、文艺、小清新、素雅、安静

这类banner最大的特点是有大量的留白。字体多采用宋体这样的衬线体，除一级标题字号略大些，其他的文案都非常小，给人精致的感觉。色彩以灰白色系为主，其他的色彩饱和度和纯度低，明度高。这类banner多运用在茶、棉麻制品、以简洁为特色的家居用品上。点缀物多用细线条。商品素材要尽可能精致大方，点缀素材多才有一些自然元素如山水、植物等，家居类banner还会使用一些比较简洁、温馨亲切的家居背景和物件进行点缀和渲染。

6.高冷、性冷淡

这类banner配色大多采用黑白灰中性色系，有的设计还会比较凸显神秘感，多用于大品牌、奢侈品和一些高端产品宣传。素材图一般是高清大图、突出细节，文案非常少，有的甚至没有。几乎很少运用其他的点缀物素材，走极简风格。但也会使用一些如水效、光效等素材对一些类型的商品进行渲染突出，在具有大幅背景的情况下，多会利用一定的遮罩或渐变色叠加制造神秘感，会做一些半透明处理。