宇晨yuchen
banner是我们接触工作后在制作品牌和内容宣传上最常见的工作,它的展示起到着非常重要的引导性作用,一个界面的第一视觉往往会被优秀的banner所吸引。这两天抽空整理分析了一些常用的类型,对设计banner头疼的小伙伴们要仔细看看哦~
一般来说,一个好的Banner首先是要保证信息传达准确,然后再需要保证画面的协调感和氛围,可以看到,一张Banner,不仅仅由点或者不仅仅由线组成,而是点、线、面相互组合,相互平衡,最终形成一个版式丰富的Banner图。
以下素材部分源自学员作品,部分源自花瓣(感谢设计师们的分享,如果看到自己的作品,介意的请联系删除~)
色块分割
以上banner采用不同比例大小的色块组成Banner的背景,加上人物与文案,这种表现形式适用于突出产品,如家居,服装,电子产品等。界面感简而不白,能快速提取到有价值的信息,注意选色的时候要注意整体的色感。
几何边框
简约,常常会给人以冷酷、干净、现代的感觉。设计中使用的形状、元素简洁;使用的配色方案统一、整体,用色克制。质感体现上较为细腻;结构上经常使用留白、简短/准确/有核心价值、有“气质”的留白,框起来的是焦点,几何图形是永恒的装饰品哦~.~
空间几何这种风格,通过建造一个空间体,用几何来营造氛围,空间感代入感强。这类稍微研究一下还是可以做出来的,关键是创意想法的表达,这个就要多费心思了
风格在电商设计中很流行,其风格新颖、实用,可以放置很多内容,有动有静,可以很好的与二屏三屏连贯起来,受到一些大型促销活动的青睐,经常能看到这种风格的首屏海报。
扁平插画
简洁而不简单,去掉繁琐的装饰效果,展现主体的核心表达。用文字以外的图形或者人物等来帮助banner带来更直观的感受,文字稍微处理变形一下加图形或人物可以让banner更有活力更有感觉。这种类型的banner,金融、教育、旅游用的偏多,当然插画能力OK的话,各个行业运用起来都不是问题
色彩叠加
较为流行、多变,整体视觉会相对年轻,使用的元素相对更直接、明确、结构直白;整体有给人干净、明朗、和谐的感觉。突出文字,用简单的图形装饰烘托气氛。可用纯色,渐变色来进行背景色彩叠加处理,选大图的时候要注意哦,整体的意境要靠色调和明暗调出来,当然最简单的还是选用干净不杂乱的底图。
色彩是有情感的,不同的配色会带给人完全不同的心里感受。所以我们在做图的时候需要根据主题来进行配色,合理、舒适,让banner图整体和谐。所以我们需要考虑想要表达什么样的情感,想让用户看的时候有什么样的感受,所表达的情感与主题是否相符合,基于这些点来做配色就更加的有目的性了。
渐变纹理
微妙的渐变已经作为已经设计趋势回归了。渐变的背景,甚至渐变的叠加,都能让你的Banner设计风格化,搭配图片、纹理和文字,渐变能给人多种多样的体验。色彩浓郁是其特点
和UI设计不同,在电商和广告Banner 的设计当中,纹理一直都存在,甚至是非常常用的元素。纹理能够很好的提升整个Banner 的信息量和整体的质感。当然,在使用纹理的时候千万不要让纹理喧宾夺主。
当我们在做一个banner的时候,如果没有特别的要求,其实我们是有很多个方向选择的,首先问下自己你是想要突出什么信息呢?是突出商品呢?还是突出文字呢?还是突出整体的氛围呢?还是强调整体的协调感呢?还是说强调品牌呢?这个可以通过体会用户心理来判断方向。
好了今天就先到这里,讲了这么多小伙伴们get到了几点呢?
绿兮衣兮
一、走心的文案好的标题能够吸引你的注意,而糟糕的标题,让人看都不想看,扫一眼便略过去了。所以做好Banner第一件事情,就是需要设计走心的文案。所谓走心,就是触动你的心灵,或者说让你感兴趣,激发你的点击欲望。我们时常会看见这样的广告:文案内容直接罗列了公司经营产品或业务,抑或是像说明书一样详尽介绍产品或服务的主要功能。从广告主的角度来看这是合理的,用户需要知道我们产品有这些特点,这样我的的产品和服务才能被记住。但事实往往是:这些平淡无趣的广告,除了广告主自己以外,很难有用户真的愿意关注它。那我们来分析下写文案人的心理:B点明确想让用户买我的记录仪。那么A点是用户想买记录仪不知道哪家好,我的记录仪有这么多功能,那么用户一定需要这个记录仪。但用户真正的A点可能并不是“想买记录仪,不知道哪家记录仪比较好”,而是我为什么需要行车记录仪?所以对于这样的用户A点,可能更合适的文案思路是告诉用户:当然用户绝对不会因为你写了几句话,就买下产品,还会考虑价格品质等等因素。不过我们这个Banner的使命就是吸引用户点击,提高页面转化率。用户感兴趣点了,你就成功了。一篇帮你快速学会写文案的经典好文:《年度最佳教程!7招教你写出互联网顶尖文案!》二、均衡的构图构图其实说白了就是经营画面,进行布局,如何在你构图的引导下吸引用户点击,产生欲望,了解内容,如果都能达到,那说明你的构图成功了。第一眼睛看到这个banner这个图完全抓不到重点啊,满眼的小文字,另外加上两个傲娇的大叔。完全不知道想表达什么。等等,下面四个小方块是什么鬼?构图感觉实在糟糕。那么下面来说下banner的构图,构图规则分以下几种:1、左右式构图最常见的构图方式,分别把主题元素和主标题左右摆放。2、居中辐射式构图标题文字居中,分别把主题元素环绕在文字周围,用在着重强调标题的环境。3、三角形构图倒三角构图,标题突出,构图自然稳定,空间感强。4、斜线构图产品所占比重相对平衡,构图动感活泼稳定,运动感空间感强。此类构图适合科技、汽车、潮流题材,不过好像电商一般不卖汽车?三、合适的字体看到这个banner竹子总感觉好像那里不对,女性的特点是细致优雅,为什么字体如此粗壮了?和女性化妆品的气氛完成不符啊。每个字体好像人一样,都有自己的性格与气质。选择使用一款字体的时候,除了考虑它的易读性,更多考虑的是这款字体能否准确地传达出对产品独有的气质。下面竹子告诉你应该如何选择字体。男性气质:方正粗谭黑、站酷高端黑、造字工房版黑、蒙纳超刚黑黑体给人感觉粗壮紧凑,颇有力量感,可塑性很强。适用于各种大促类的电商广告。文艺气质:方正大小标宋、方正静蕾体、方正清刻本悦宋、康熙字典体宋体的衍生有很多,又长有扁,有胖有瘦。旅游类电商网站经常会用到此类字体。运用宋体进行排版处理,既显得清新又文艺。女性气质:方正兰亭超细黑、汉仪秀英体字如其人,女性的特点是细致优雅、苗条细长;常被用作化妆品、女性杂志、艺术等女性主题领域。文化气质:王羲之书法字体、颜真卿颜体书法字体具有很强的设计感与艺术表现力,运用好的话往往是点睛之笔。各式各样的书法字体有着自己独特的细腻的特点,把握好这一点,既能增加文化内涵,也能衬托出产品的气质。
优质心理咨询师问答知识库