发布
注册建筑师助手微信小程序

Banner设计的四要素

经验与技能  / 文本制作  / 只看大图  / 倒序浏览   © 著作权归作者本人所有

#楼主# 2019-12-6

跳转到指定楼层

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
本帖最后由 设计思考 于 2019-12-6 09:44 编辑


Banner是推广产品的一大利器,覆盖面广、广告持久、方式灵活,互动性强。Banner设计的构成要素与海报设计非常相似,但是由于Banner规格尺寸大小不一,文件大小也有一定的限制,这就在设计上增加了许多障碍。
kvewsZewtiESHwh1.jpg



例如:文案不能太多,应采用有吸引力的宣传用语,否则会没有重点;图片并非越多越好,突出重点是关键;颜色不宜过度夸张,努力营造愉悦、舒服的感官感受等等。如何快速高效的设计Banner?要从主题、字体、构图和背景四个方面着手。
qvVP769KzzQQF7dt.jpg



cz5cJiUlMylr78iE.jpg

主题就是要知道为谁做设计,比如为了某个节日主题活动还是针对某一品牌的预售?是走高端大气上档次路线?还是走促销亲民热闹路线等等。促销、热闹、大牌、简约、可爱、稳重,时尚、文艺,这些关键词往往是一个或多个同时出现在一个banner广告里的,这些主题关系到Banner设计风格的选择。
IYX5b3jXgZ99g9Yv.jpg



①大牌、时尚、稳重。背景大量留白,色彩单一,常用黑、白、灰无彩色作为主色,凸显主体,适用于数码电子产品,奢侈品牌等。商品或模特比较大,常常截取商品部分细节做展示。不需要太多文案描述,有时只摆放一个Logo。
SIzO0I99kroOoVw9.jpg



②时尚、品质感、促销。注重排版,文字规整,比如左对齐、右对齐、居中对齐,不会做一些怪异的字体变形,着重突出一个文字信息,放大形成一个面,压住全局,适当留白。比较适用于与时尚相关的美妆护肤、男女鞋箱包、配饰、食品等。
d8v6yCUVu61BGa8y.jpg



③可爱、热闹、亲和力。商品很多,画面比较满,会用很多小色块,手绘图形做点缀。比较适合食品、可爱服饰、母婴用品等,给人可爱、可口、甜美、亲和力的感觉。色彩丰富,配色柔和,偏暖,给人热情的感觉。
uWou6SODwWSII32O.jpg



④文艺、小清新、简约、素雅、安静。这种主题比较适合家居、布艺、棉麻、茶艺、文艺等。超级大面积留白,商品都小小的。跟前面讲的大牌是截然相反的。色彩单一,以浅灰、淡蓝白、米白、棕色,饱和度和纯度低的色彩居多。
GOP5dSW7HYaw1eMD.jpg



Kwd10AGsIY6JSzSU.jpg

Banner设计的文案一般都由产品提供,设计师也可以根据自己的经验去调整。可以将字库里的字体进行简单设计,比如将直角变圆角,在拐角处加几何形状作装饰,连接笔画等;也可以完全进行字体的再设计。
w8U3etON22EIC532.jpg



在设计字体之前,一定要用符合主题的字体,比如男性产品用正黑、女性用倩体、萌萌的卡通体和海报体、文艺的静蕾体、禅意的书法体等等。
另外文本在对齐方式上可以选择左对齐、右对齐、或者居中对齐。在形式上可以把标题骨骼归纳为简单的几何形状,如正方形、长方形、菱形 、梯形、圆形、三角形、扇形等。推荐阅读:Banner设计策略!
mn5hpMnM2ErHm542.jpg



Xj20ejZvb2hGCfvD.jpg

①垂直水平式。文字与图形可以左对齐、右对齐或者居中对齐,这种构图形式给人的感觉是平衡感、场景感。
②斜线式。文字或者图形常居中排列,大多会有图形辅助,倾斜排版,给人的感觉是动感、节奏和促销感。
M8UgBG8KAhSAHDdh.jpg



③三角式。通常居中排版,以图形、线条辅助,文字排版大小分明。正三角形稳定,倒三角动感。
④辐射式。和斜线构图很像,常常居中排列,大多会有图像辅助以突出文本和产品,构图活泼,指向性强,聚焦,有空间感。
f5fH5jH55lMuFrUH.jpg



⑤框架式。文字被框,图形被框,或者图文都被框,这种构图形式空间感很强,立体,聚焦,有画中画的感觉。
HzlOcOhnlO4H6gik.jpg



UZ7Nvp00q7N79Pj0.jpg

我们在设计Banner的时候,一般背景会有以下几种形式:纯色背景多应用于整洁、简单的Banner中;渐变背景多应用于高端、上档次的Banner中;
图案背景多应用于活力、张扬、青春、宣传促销的Banner中;图片背景和合成背景,多应用于体现主体性的Banner中。
ijIkQojiZNvkjxau.jpg



背景颜色一般使用近似色、互补色。近似色会使整个画面和谐安定,在操作中我们可以用吸管吸取主体产品的颜色作为背景色,使得画面协调统一,然后再用互补色突出重要部分。
VRKSxkVp1pDd0lSX.jpg



补色通常指色换上180度对应的颜色,比如红绿、黄紫、蓝橙等。补色配色能更加突出主体的轮廓,使主体更加明确,对比更加强烈。我们可以用主体颜色互补色做背景,这样可突出主体的轮廓,使主体更加明确,对比更加强烈。 Y3OQsSutPSI7IPS7.jpg
本文转自平面设计(ID:pingmiandesigner)文/迟静
kYWTpk2wC4yLGxnt.jpg

微信图片_20191206094319.jpg




成为第一个回答人

B Color Link Quote Code Smilies