“为什么我做的Banner惨不忍睹?”在此奉上banner秘籍

我们公司有一位UI设计师,也算是经验非常丰富了,每当界面设计、交互方面的需求,都能得心应手,做得那叫一个好。然而,谁都有短板。对于Banner设计,却过不了这个坎。不管怎么排版,总是少了那么点感觉。


 

其实这是大部分设计师都想知道的问题。banner里面有很多学问。

接下来,我们就一起梳理梳理banner学问,那些年让我挣扎的坑,你就别踩了。(顺便告诉大家一个小秘密,文末有惊喜哦)

Banner作为应用最广的二次元平面,将美的视觉和力学原理进行合理编排。最看重的就是平面构成的秩序之美。

banner图其实是有一个循序进化的过程的,一层一层的剥开,你会发现,每一层都是有他独立的逻辑和形象。到最后,你发现无穷“∞”符号。这其实是一种扩展,就拿标题来说,有哪些更好标题的样式,什么样的颜色能产生心理暗示等等。一层一层的研究,慢慢的你会建立起属于自己的编排体系,然后在这个体系上,将色彩、样式、实物。

在前进的路上,一个地方一个地方的强化,不至于一把抓,没有重点。

 

空说没有什么意思,直接上实例(工作及收集内容):,供大家参考

 

/中轴型排版/

中轴型排版,以上的图列便是这种排版形式,在做电商活动海报的时候中轴型是很出效果的一种形式。

这种方式使用画面展示规整稳定、醒目大方,视觉更聚焦,信息更集中,在突出主体的同时能使整体画面具有一定的冲击力。

相对来说,对于实物(人,商品,创造形象)要求并不高,文字信息

本身的处理需要更显功力。

抛开文字,色彩,点缀等元素,总结了几个较典型排版骨骼样式:

/满版型排版/

满版型排版,大面积的元素来传达最为直观和强烈的视觉刺激,

当制作的图片中有极为明确的主体,且文案较少时可以采用满版型排版。这种方式视感更强,带入感更高。例如节日专题活动,会员等营销活动。

常见的满版型排版有整体满版、细节满版和文字满版。

相对来说,文字与背景元素的处理关系需要更加明确细微。

抛开文字,色彩,点缀等元素,总结了几个较典型排版骨骼样式:

排版的方式还有很多,致总结下来分为:中心型排版,中轴型排版,分割型排版,骨骼型排版,倾斜型排版,满版型排版,上面图例的分析总结也是以自己平时设计比较集中的类型进行了说明,之后还需要不停的挖掘和提高。

 

我们的设计作品应该尽可能地满足一下目标:

1、和谐统一

元素与元素之间,或所有元素构成的整体是一种协调的关系,比如大小/颜色风格等的协调。

2、对比突出

即把2个或者多个反差很大的元素放在一起,使人感觉主体鲜明突出,整体又活跃而统一,比如大小/数量/色彩/形状的对比。

3、画面平衡

即元素与元素之间,元素与整体之间的大小/形状/数量/色彩/材质等的分布与视觉上的平衡。

4、节奏韵律

画面中的一种或多种元素按一定的规律排列,会产生音乐一般的旋律感。

 

工作中,谁没遇到过困难,谁没有过瓶颈。

比如:某设计师经过设计、取材、修改完一款活动banner后,想听点意见,但是又不想让老板来指指点点,所以把自己的作品发在自己的闺蜜/兄弟群,然后迎来一阵回应:

“呀呀呀,这么牛,美美哒!”

“不错,够酷炫啊,但是这个主题是讲复仇者联盟?”

这个……其实我是想表达励志。接下来就需要用一大堆口水话解释;

同样是一个内容,你会发现切入的角度不同,你得到的答案自然也差之千里,横看成岭侧成峰,远近高低各不同,我们的着眼点和用户(受众)的理解点是很难达成一致的。所以这其中“设计的秩序”就很关键,其实我们需要的就是让用户(受众)能够看下去,不管是什么角度切进去,能好好看完我们的设计就ok,然后用户(受众)自己去判断和理解。

 

今天的内容就到这里了。

公众号:maibanzhang

目前100000+人已关注加入我们

猜你喜欢

转载自blog.csdn.net/qq_32506555/article/details/80530754