banner对于一个设计师来说,肯定不是一个陌生的词语啦,在目前的各个行业领域中基本都涉及到banner的需求,不管是web端还是移动端我们处处都能看到banner的影子,所以掌握banner的设计是我们每一个设计师必备的技能啦!
banner(及横幅广告)是网络广告最早采用的形式,也是目前最常见的形式。横幅广告又称旗帜广告,它是横跨于网页上的矩形公告牌,当用户点击这些横幅的时候,通常可以链接到广告主的网页。是表现商家广告内容的图片,放置在广告商的页面上,是互联网广告中最基本的广告形式!
下面我们会从这几个方面讲解banner:
一:banner的组成要素
二:banner的类型
三:banner的风格选择
四:banner的设计步骤
一:banner的组成要素
banner的主要组成要素我这里简单的总结了几点:
以及banner主要的元素是:文案+元素+背景
元素又可以细分为:元素=商品+模特+logo+点缀(这里的元素是需要根据banner的实际情况选择要素,可有可无)
如图:
(来源于花瓣)
二:banner的类型
banner的类型我这里总结的主要分为:
01:产品宣传类banner(新产品、热销产品)
02:活动类banner(节日活动促销、产品促销)
这里简单的将banner分为了两种类型,因为对于不一样的banner需要实现的效果和目的是不一样的,所以我们需要设计出不一样的风格的banner
对于产品宣传的banner我们最主要的就是要突出产品的特征,所以我们对于banner的设计,需要的最主要的元素就一定是产品,以及简短的文案介绍,至于点缀的元素我们也可以根据实际产品的特征选择合适的元素,也可以不用元素的点缀,背景肯定也是必不可少的!
01:产品宣传类banner:
产品+文案+背景
例如:
(来源于花瓣)
上面的案例都是对于产品宣传类的banner的设计样式,他们有一个共同的特征就是产品放大放大再放大,尽显产品的特点,简洁的文案介绍和大量的留白更加凸显产品的特征,使用户的目光不由自主的被产品本身所吸引
产品宣传banner:
产品+文案+元素+背景
例如:
(来源于花瓣)
这类banner的特点就是除了产品本身外,都添加了一些其它的元素作为banner的一个点缀效果,使画面显得更加饱和,或使画面带有动感的效果!
那么问题来了
什么情况下产品banner设计添加元素好?什么情况下不添加元素好呢?
第一:对于需要极度显示产品的特征的时候我们最好选择不添加元素干扰产品,
第二:对于简约产品,我们最好也不要添加元素做装饰,大量的留白更加适合简约产品的风格,
02:活动类banner
产品+文案+元素+背景
例如:
(来源于花瓣)
对于活动类的banner设计我们大多数都会选择颜色鲜艳多彩的,并且画面饱和具有冲击力的,营造出一种热闹的氛围,对于元素的添加也是必不可少的一点,因为对于活动类的banner设计,画面越热闹活动力度就会显得越大,才会更加吸引用户,对于活动的标题也要尽量的凸显!
二:banner的风格选择
对于banner的风格也是多种多样的,但是对于不同性质的banner选择的风格肯定也是不一样的,不同的banner搭配不同的风格给人的视觉效果是完全不一样的,合适的搭配才能使banner更好的表现其特征和目的
例如:
01:简约产品家居banner的宣传banner,就比较适合简约大气干净的风格
(来源于花瓣)
02:高端科技产品banner,就选择具有科技感气质的风格
(通过科技感的图形和颜色等来体现)
(来源于花瓣)
03:时尚服饰类的banner,就适合选择时尚画面的风格
(通过独特的造型和风格图形以及色彩等来体现)
(来源于花瓣)
04:高端奢侈品牌类banner,就适合高端大气的风格搭配
(通过高档色彩黑红配,黑金配等来体现)
(来源于花瓣)
05:少女\儿童可爱风banner,就适合可爱风元素搭配的选择
(通过可爱元素:插画、线条、气球、爱心、圆润的字体、活力的色彩等来体现)
(来源于花瓣)
06:国风/文化/节日类banner,就比较适合选择带有文化气质的元素搭配
(通过中国风毛笔字、中国古有的元素:印章,中国山水画,墨迹,扇面,剪纸,园林窗格,古纹样,祥云,京剧,卷轴等等)
(来源于花瓣)
二:banner的设计步骤
01:了解和确定banner的设计需求
02:明确banner设计的目的
03:根据得到的banner设计需求确定banner的设计风格
04:选择合适的banner设计版式结构
05:选择匹配的元素装饰banner的整体效果(根据实际需求添加)
06:色彩搭配选择
01:了解和确定banner的设计需求
对于这了解设计需求一点来说,不管是做什么设计的前提都是必不可少的一步,也是最关键的一步,如果你连设计的需求都不明确那么做出来的设计结果肯定就不会符合实际的需求
那么对于banner的设计需求我们具体需要明确那一些呢?
第一点:确定banner设计文案
文案对于设计师来说也是一个很重要的点,设计师可以根据文案信息从中找到设计灵感,并且也可以知道大致的设计风格的走向
第一点:确定banner设计尺寸和投放平台
文案确定后我们还需要知道banner的投放平台和位置,尺寸大小,以及是否需要适配各个平台的展示,
02:明确banner设计的目的
对于设计一张banner,肯定是想要达到某一种目的才会设计这一张banner,所以在设计banner之前一定要了解清楚这一张banner设计的目的是什么,例如:是想要宣传产品还是想要促销产品,两者的性质是完全不一样的,
03:根据得到的banner设计需求确定banner的设计风格
banner的设计风格我们可以从banner文案需求中找到关键词进行定位,比如:全语音智能操作的车载支架A5
从这一句主题文案中我们能够提出的关键词就有:全语言、智能
对于这样的关键词的理解我们肯定第一就会想到科技感智能化时代的画面,所以这里的风格我们也就有所选择啦!
04:选择合适的banner设计版式结构
banner的设计版式结构我们可以大致分为:
居中结构、左对齐结构、右对齐结构
不同需求banner的结构就需要根据实际情况选择啦!
05:选择匹配的元素装饰banner的整体效果(根据实际需求添加)
对于banner的装饰元素我们也是需要根据实际情况和产品banner的特征采取合适的选择,比如简约产品的banner就不需要装饰元素更好,而活动类banner或少女儿童等可爱类的banner设计就需要选择装饰元素更加适合,并且不同形状banner的装饰元素选择也是不同的(前面做了简单的介绍,这里就不再重复啦)
06:色彩搭配选择
色彩的选择也是很关键的,不同性质的banner选择的颜色搭配也是不一样的,适当的颜色搭配会使产品更加凸显或者使画面更加显眼突出,并且给人的感觉也是不同的,
例如:
*黑金配和黑红配就会给人一种高级感
*蓝,黑色,紫等冷色搭配,画面给人硬朗,空间感,速度和力量的感觉更加适合科技感
*红、橙、黄、紫搭配,就会营造出一种热烈的氛围,更加适合时尚和活动类
*黑、白、灰的搭配就会给人一种高冷不宜接近的感觉,更加适合大牌的风格选择
*白、灰的搭配会给人一种宁静、文艺、气质、素雅的感觉,更加适合简约产品的选择
实操案例:
文案需求:
全语音智能操作的车载支架A5
挥手听话的语音支架
使用讯飞AIUI人机交互解决方案,智能驾乘张口即来
设计尺寸:1920x650px
设计的目的:根据需求我们得到的banner设计的目的是宣传新产品车载支架A5
第一步:我们将文案信息以及提供的产品放入画布中
第二步:明确我们的主标题“全语音智能操作的车载支架A5”
所以我们将主标题放大处理,凸显主标题
第三步:选择banner的风格,因为这里我们需要体现的是产品的智能化,所以我们的风格就可以定义为科技感的
第四步:选择版式结构,我们这里就选择简单的左右结构吧!
第五步:选择装饰元素,装饰元素也要根据科技感的效果选择,以及可以从文案中提取,例如这里我们可以提取:科技感线条和图形、语音图形等
第六步:整体位置调整和色彩搭配,对于文字大标题我们也处理成不一样的具有层次结构的,使其更加凸显,小标题文案也根据整体风格画面做微小的处理,使文案和画面更加和谐统一,包括产品周围由于受到光的影响,也需要做处理
最终我们就得到上面的banner效果啦!????一个简单的科技感banner就设计完成啦!
好啦!今天的知识有点多,也有点全面!希望你们喜欢吧!????
往期好文推荐
—
版式设计——简单7种图片排版方式
10张创意线条图形海报设计
2招教你配色技巧,摆脱配色困难症!
【创新】海报设计思路
如何设计出高大上的页面或者banner？一个好的页面或者好的海报一般都具备几个共同点:
1、色彩搭配
一个好的版面都会有一个基础色调,其他的颜色都是从基础色往外延伸的,而且颜色数量最好不要超过三种。
2、图文布局
不管是采用哪种构图方法,主次要分明,内容要有层次感,另外还要避免版面太空或者页面两端轻重对比过大,不然视觉上会不舒服。
3、风格统一
一个版面整体的风格一定要统一,比如你设计一个中国风的海报,那么从色彩选择图文选择上也要选择中国风风格的,不要随便乱搭配其他风格的,会显得掉档次。
不管你具体怎么搭配,总之视觉上一眼看过去一定要舒服,重点突出,层次分明,基本上这个版面或者海报就不会显得很low。
诺思星聊设计,专注于平面设计、视觉营销等内容的传播与分享,欢迎关注我!如果你也认同我的观点,欢迎点赞分享出去,让更多需要的人看到,谢谢。
如何在电脑上制作海报？对于做企宣或者其他文案策划宣传类的工作人员来说,能够制作一张精美的海报是必备的技能。制作一张海报,需要在文字、绘图、布局上面都进行细致的准备,前期要多搜集素材,后期要精心制作,不断修改,才能制作出精美的海报。
方法/步骤:
1、制作一张精美的海报,首先要明确海报的主题,根据主题去搜集相关的图片和文字素材。定好宣传海报要宣传的产品或者活动的内容,拟好宣传标语或者宣传介绍,为制作海报做好准备。
2、在根据确定的标题选好素材以后,就要对素材进行整理和修改应用于海报。首先是海报背景的设计。根据主题,如果主题是跟“大海”有关,那背景色可以是蓝色、可以是跟海有关的图案背景。让海报背景跟主题相切是制作一张精美的海报。
3、确定好海报的背景色之后,要对海报进行整体布局上的排版,就是明确哪里放置图片,哪里放置文字。需要在一张空白的纸上画出整体布局图,为后期排版提供参考。布局要尽量做到图片和文字间隔开,海报布局不宜太密,要详略得当。
做海报还要会打字,和好用的app。
4、根据布局的要求,先对文字进行排版。将需要介绍的文字放入相应的布局中,并根据海报整体风格改变字体。一般我们在制作海报是常用的字体是pop字体,这种字体比较轻松却不改变字体本身的形状,无论是美观度还是严谨度都适合海报的制作。在设计好字体以后,要详细阅读,以免出现不必要的错误和语病。
5、排版完文字之后就要进行图片的排版。将图片贴入相应的布局区域,贴入的图片要清晰美观,颜色要与背景色不冲突。贴入后要对图片的大小进行修改,使其适应整个版面和版面上的文字大小,保持二者的协调性。
6、将背景、文字、图片都制作好以后,一张海报基本完成。但是为了是海报更加精美,我们要站在整个海报体现的效果来进行调整。调整时尽量丰富海报的内容,调整海报的颜色搭配,突出海报的吸睛点。调整完成要为海报设计一个有吸引力的题目,并将题目放置于布局中的位置。题目的字体应该最醒目,颜色最突出。
1.先打开ps软件,新建项目并调整海报尺寸,点击“创建”按钮。
2.进入新建项目后,选择右下角的新建图层,点击左侧的拾色器。
3.选取要填充的颜色,找到自己需要的颜色后点击确定,选好颜色后点击右侧要填充的空白图层。
4.按下快捷键Ctrl+delete键,对空白图层进行填充,把事先扣好的图片放置到图层上。
5.按住Ctrl+T重建选区,按住shift键调整模特图片的大小。
6.新建文本框,添加海报需要的文字,调整文字大小、颜色以及位置,简单的电子海报就制作完成了。
首先你要有一定的PS技术,创意和审美,下面是简单的制作海报流程。
第一,新建画布,文件,新建或者快捷键Ctr丨+N,海报的设置,传单的设置,按确定进入操作区。
第二,栽入图像,选图很重要。喷绘海报比省会更具有条件,所以所选的图尽量要贴近所做海报的主题。或者清新简单,能足够吸引人颜色尽量不要太复杂太深,要注意无论是喷绘海报还是手绘海报,这才是主题,图像只是陪衬。1,文件置入,文件打开,将打开的图拖入到你新建的操作区。注意,要脱打开的图片到新建的操作趋势,要注意工具栏选中的图标为,载入图像可以调整大小,在路的图像,如果是定位图,第三加字,海报上的字是传达信息最重要的部分,因此主要信息如标题要醒目。
打开【word文档】,点击【页面布局】,点击【页面颜色】设置页面背景颜色,输入文字并设置特效,点击【插入】,在【插图】中选择【图片】来添加图片,调整图片位置与大小即可;或进入在线制作海报网站进行海报制作。从“选择”下拉菜单中选择“高光”,点OK,这样你会看到高光区域被选择了。
使用专业的图片制作工具(海报制作工具)来制作海报比较方便也比较简单,省去了安装PS软件的麻烦。同时,还有大量的海报模板可以参考使用,直接在现有基础上进行编辑修改制作完善。
下面是使用人人秀海报工具进行制作的具体步骤:
1、首先,找到人人秀海报()网站;可以看到有大量的海报供您参考使用,有招聘长图、邀请函图片、教育培训类海报、日签图、公众号头图、促销海报、暑期招生、裂变海报、政府宣传、胶囊banner、活动banner、日报快讯类图片等。
2、找到喜欢的海报模板,然后直接点击图片进入编辑,随机选取一张海报图片,然后看整个版面,可以进行自定义设置,无论是大小还是文字设置,图片的处理等。
3、您也可以通过人人秀后台创建空白作品,修改编辑,一键替换文案素材,互动功能任意添加自由创建动画,预览设置、发布。
4、这样一个好看的海报就制作出来了,是不是非常的简单,需要制作海报的你赶紧来制作你的海报吧!
制作方法如下:
1、点击新建,打开PPT文档,点击菜单栏左上角”文件“。
2、搜索模板,在主题中输入海报进行搜索,在搜索结果中查找最合适的海报模板。
3、photoshop怎么用黑马程序员UI培训,修改文字。导入模板后,在幻灯片文本框上修改对应的文字信息。
这样就可以在线制作海报。
操作步骤:
1、以Photoshop为例,打开ps软件,“文件--新建”适当大小白色背景文件,颜色模式为cmyk,分辨率300dpi;
2、打开“画笔工具”,找到安装好的喷墨笔刷,新建图层,设置好前景色,点击绘制喷墨效果背景;
3、打开海报主题图片,拖进来,ctrl+t调整大小位置;
4、ctrl+点击喷墨素材图层载入选区,选择主题图片图层,新建“图层蒙版”;
5、用“文字工具”打上海报主题宣传语,添加文字效果等;
6、“文件--存储为”.jpg格式图片,打印,完成。扩展资料PS使用小技巧:1、快速打开文件双击Photoshop的背景空白处(默认为灰色显示区域)即可打开选择文件的浏览窗口。2、随意更换画布颜色选择油漆桶工具并按住Shift点击画布边缘,即可设置画布底色为当前选择的前景色。如果要还原到默认的颜色,设置前景色为25%灰度(R192,G192,B192)再次按住Shift点击画布边缘。3、获得精确光标按CapsLock键可以使画笔和磁性工具的光标显示为精确十字线,再按一次可恢复原状。