提高点击率的banner设计

视觉元素在二维平面上,结合美学与力学原理进行编排组合,理性和逻辑推理来创造形象、研究形象与形象之间的排列。Banner入门,看平面构成中的秩序之美。

640.jpg

6401.jpg

上图是banner图的一个抽丝剥茧的过程。你会发现一个小小banner可以延伸至设计的各个分支!最后的“∞”符号,还可以无限向下延伸,比如标题可以有的样式,几何形又有哪些,颜色的心理暗示....


6402.jpg


在做电商活动海报的时候中轴型是很出效果的一种形式。

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

中轴型排版对于实物(人物、商品、创造形象等)要求并不高,反而更注重文字本身的排版设计

几个典型、常用的排版骨骼样式:

6403.jpg



6404.jpg

6405.jpg


以分割排版的方式构图,画面有明确的独立性和引导性。这种方式留白更多,较好的视觉引导和方向使信息更明确,更显品质感

相对来说,对于图像的品质要求更高,精致感品质感更高。

几个典型、常用的排版骨骼样式:

6406.jpg



6407.jpg

6408.jpg


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

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

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

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

几个典型、常用的排版骨骼样式:

6409.jpg



排版的方式还有很多,总结下来分为:中心型排版,中轴型排版,分割型排版,骨骼型排版,倾斜型排版,满版型排版,大家可以多多尝试。


总结的样式

64091.jpg

本文转载自:KSO UEC


标签:UI 用户体验 排版 设计 banner

发表评论: