正文

产品banner图（产品banner图分析）

发布时间：2023-04-17 19:44:03 稿源：创意岭阅读： 61

大家好！今天让创意岭的小编来大家介绍下关于产品banner图的问题，以下是小编对此问题的归纳整理，让我们一起来看看吧。

开始之前先推荐一个非常厉害的Ai人工智能工具，一键生成原创文章、方案、文案、工作计划、工作报告、论文、代码、作文、做题和对话答疑等等

只需要输入关键词，就能返回你想要的内容，越精准，写出的就越详细，有微信小程序端、在线网页版、PC客户端

官网：https://ai.de1919.com。

创意岭作为行业内优秀的企业，服务客户遍布全球各地，如需了解相关业务请拨打电话175-8598-2043，或添加微信：1454722008

本文目录:

1、如何让Banner做的更好看？
2、了解banner概念及应用
3、banner是什么意思
4、我要做3个banner图，在没有LOGO没有公司名字的情况下怎么体现banner图表现的是两家公司？

一、如何让Banner做的更好看？

①文字排版Banner中的文字信息传达应与口语表述相似，需要抑扬顿挫、重点突出地进行。在文字排版上，要求重点突出，大小粗细错落有致。字与字之间的结构、布局、留白、组织、呼应等要疏密有序。字体保持在两种左右，加入一些跟内容有关联的元素或者形状，可以很好地表达整个设计的情绪。在明确主题以及内容之后，我们就要根据主题和内容来设计版式，版式就是画面的整体布局，好的版式能够清楚的表达核心思路，正确的展示想要给用户看的东西；大体上排版一般分为两种：图文左右排版和文字居中排版。1、图文左右排版因为我们的视觉浏览习惯都是从左往右还有从上到下的，所以我们在做 Banner 的时候会经常性的选择使用左右排版，那么使用左图右文还是左文右图也是需要根据主题和内容来决定的。当配图示意比较模糊的时候，我们使用左文字右图的形式，强调文字的吸引力，有一定指导作用。图片来自花瓣这里文字能够精准地将信息带给用户，文字所占比例比图片多些，这也解释了为何大部分左文右图排版的 Banner 都是文字占比大于图片。当配图示意比较明确，同时图片能够强调吸引的时候，我们采用左图右文字，如下图：使用左图右文字，也是因为图片的内容更吸引用户多一些，所以对图像的品质要求更高，精致感品质感也有要求，这种类型大多使用在家居，护肤等产品上。小结：图文左右排版，以分割排版的方式构图，画面有明确的独立性和引导性，这种方式留白更多，较好的视觉引导和方向使信息更明确，更显品质感。 2、文字居中文字居中的排版多用于电商促销、公众号的文章封面等，大多是突出文字的内容，比如促销的折扣，文章的主题等，其余的产品或者图片都是为了搭配文字做出的气氛烘托，吸引用户点击。图片来自花瓣使用这种方式让画面展示规整稳定、醒目大方，视觉更聚焦，信息更集中，在突出主体的同时能使整体画面具有一定的冲击力。小结：文字居中布局对于实物（人，商品，创造形象）要求并不高，文字信息本身的处理要求就会高一点。在确认好主题和内容后，我们根据产品所要突出的重点来决定我们的版式，是要突出文字还是突出产品，突出产品即使用左图右文字，这种版式对产品的图片要求比较高；想要突出文字，则可以选择左文字右图或者文字居中排版，但都对文字的设计要求比较高。不确定用什么版式，我们可以在设计的时候不妨多做几个版本，大胆尝试。 ②文字设计Banner的文字信息是其表达中心思想的灵魂，如果在设计文字的时候全部使用自带字体，会使 Banner显得太过生硬，不富有情感，应该更多地采用字体变形，重新组合。通过不同的笔触粗细和宽高比例，展现 Banner的视觉冲击力和活力。文案内容要高效的传递信息，吸引用户注意力，让人一下子看到主题，文案中文字的排版要区分主次，把控好信息层级；使用合适的字体，明确字体适用的场合，同一画面中字体的使用尽量不要超过三种，过多会显得杂乱，要使用识别度高的字体。而 Banner 中常用的字体有三种：衬线体、非衬线体和书法体。 1、衬线体衬线体笔画有粗细之分，它模仿的是中国古代字体和古代碑文上的字体，简单且易变形，衬线体能给人古典，经典，文艺的感觉，适合用于文艺气息的家居用品或文娱类的相关宣传设计上。图片来自花瓣以上图为例：文案内容中的“全面沦陷”，让人一目了然；下面一行的内容，更加详细解释了上面的主标题。画面颜色凸显主题，所以字体变形，使用白色，反而在画面中更加突出。衬线字体一般推荐使用方正经黑简体、方正俊黑、方正兰亭显黑简体、华文细黑等，使用的时候注意版权问题。 2、非衬线体非衬线体较简洁，笔画较粗，很容易产生视觉重点，非衬线字体体现现代、简约的特性，适合用于苍劲有力、促销类的相关设计，吸引用户注意力，提高Banner点击率。图片来自花瓣以上图为例：主副标题区分清楚，在字体笔画变形上，结合科技感的气氛，增加了光的流动感，让标题不会过于死板。非衬线字体常用的有：汉仪润圆、方正综艺简体、造字工房劲黑、造字工坊版黑、方正兰亭粗黑、冬青黑体、思源黑体等。 3、书法体书法体源自中国古代，能体现中国文化和挥洒墨水的豪气，适用于传统、中国风、意境的文艺主题和金戈铁马般的豪迈主题。图片来自花瓣上图为例：中秋节是中国的传统文化，使用书法体能够将整体画面营造的中国古典风更好的融合起来，书法体推荐李旭科书法、汉仪尚巍手书、叶根友行书繁体等字体。

二、了解banner概念及应用

http://www.maiziedu.com/wiki/ui/banner/

了解banner概念及应用

1.什么是banner?

Banner可以作为网站页面的横幅广告，也可以作为游行活动时用的旗帜，还可以是报纸杂志上的大标题。Banner主要体现中心意旨，形象鲜明表达最主要的情感思想或宣传中心。

2.banner的具体形式

一般是比较长的放在网页抬头的图片形式。比较高的图片。长短不一的各种图形形状。不管是侧边栏广告、焦点图、专题页的头图，我们都可以理解为师banner，在设计方法上，其实都是共通的。

3.banner的用途

1）大家经常在各种大大小小的网站都能看到的广告banner或者焦点图，它们都有大有小、可长可短，但是他们共同的作用就是通过各种方式引导你去点击、渲染气氛。

2）大家通常可以在各种游戏网站，房地产网站，各种活动专题页中见到，也就是大家常说的头图，这种类型的banner通常并不是引导用户去触发点击，而是服务于内容，为整个页面做好气氛的渲染。

Banner包含的三个部分

1.文字（占主导地位）

大家都知道我们从图形上解读信息的能力是要大于单纯的阅读文字，但是在banner的设计中，大多数情况下我们都是通过文字来了解信息，图片知识起到一个衬托的作用，做banner的时间分配里对字形的处理可能要占到50%甚至更多的时间。

1）需要对文案内容负进行处理

使内容更符合信息传递，如果主标太长，需求方不舍得删文字的情况下，对主标中重要关键字进行强调，突出主要的信息，弱化非关键词。整体文字太短，画面太空，可以用一些加入一些辅助信息丰富画面。如加点英文、域名、频道名等。

2）需要考虑到字形

文本主要包含标题和辅助性的文本。标题部分一般需要进行些设计处理，提高画面的艺术感和吸引力。钢笔造字是在做字形设计上一个比较讨巧的方法，但却又十分有效。笔画连接，做笔画连接时只有合理的安排需要连接的笔画，在笔画收尾和边缘做一些简单造型处理，那么都会出来一个比较好的视觉效果。在做笔画连接时推荐使用一些笔画粗细比较统一的非衬线字体。

形状替换：根据文字的具体含义来设计字形的一种方法。比如把卖表的文案中出现“时间”把日字旁换成钟表。卖服装，把“装”字的衣字底改成衣服的团等，这种设计往往带来新奇的视觉效果。

3D设计：如果要在banner中想突出文字，把文字做成3D效果可谓是最“粗暴”的一种解决方法，只要处理方法得当也可以达到很好的效果。可以通过对多个文字副本移动，或重复变形，做出简单的立体效果。

介绍性文本或者次要信息部分，一般是低调处理，一般使用一些通用字体。字体两种作呕即可，太多会使画面失和如果使用一些商业字体，需要注意使用授权的问题，避免产生一些法律纠纷。

普通字体可以通过一些简单方法焕发活力。

字体处理：

1）给字添加背景，以达到突出文本，拉开字语背景的层次的目的。

2）对字体倾斜处理，整体看起来就活泼跳动了很多。

3）对文本进行斜切处理，打破沉闷的版面布局，可以说是百试不爽。

2.主视觉图

主视觉部分一般放置产品图、任务模特等。产品图的选用要切合题义，不过这部分，大多一般都会有素材提供，不需要我们过多花费精力。需要注意的是，在使用补充素材时，要保证图片清晰，部分图片不清时，可以使用如花滤镜处理一下。一些扣图，调整图片色彩灯操作，这些都是通用技术。

3.背景

背景部分可以烘托出整体气氛。