banner设计-版式布局

用户头像
广州/UX设计师/7年前/4629浏览
banner设计-版式布局

banner的版式布局设计简要分析

现在的主流PC及手机移动场景中,banner受尺寸、位置等因素的制约,虽无法承载宏大复杂的画面,传递大量的信息,但其天然属性中设计的简单、直接,除了为投放广告的广告主提供传播媒介外,也在为自身产品的推广起着推波助澜的作用。

版式布局作为banner的重要组成之一,决定整张banner的画面是否和谐、统一,具有美感的同时,也影响着信息高效、准确传达,从而激发用户点击或转化。下面结合实例,针对版式和构图这两个方面进行具体的分析。希望本文对于您在banner的版式设计方面有所启发。

一、版式

Banner的版式通常由主体、文案、背景、点缀四个部分组成。

主体:整张banner最引人注目的部分,即视觉焦点。

文案:对主体进行解释说明,起引导作用

背景:常见的有纯色、实物、材质、插画等,需根据突出的主题和文案进行选择

点缀:常见的有椭圆、圆角矩形、实物等,结合整幅画面看是否需要添加,适合的点缀有起点睛之笔的作用。

二、构图

在banner设计中,若所有的视觉元素组合起来处于平衡的状态,那么整个版面在视觉上就是和谐、统一的,给人一种有条不紊的印象。因此,平衡是实现构图统一的重要途径。构图平衡总共有对称、不对称和满版平衡3种,其中不对称平衡是banner构图设计运用较多的,有二分构图、对角线构图、S形构图、发射状构图、中心构图、形状构图6中常见形式。

二分构图:主体和文案呈左右、上下的布局,或者文案居中,两者的比列约为4:6,接近黄金比例0.618

左右构图

上下构图


文案居中构图

对角线构图:主体或者文案在画面的对角线方向,突破常规的二分构图,给人更多灵动、活泼的感觉。

S形构图:主体或者文案在画面上的构图整体呈S形,可以引导用户沿S形轨迹浏览,另外由于S形轨迹的起点和终点容易被关注,可放置些重要的信息。

发射状构图:围绕主体或者文案的点缀视觉元素呈发射状,视觉冲击力更强,利于营造出促销活动的热闹氛围。

中心构图:司空见惯的构图之一,需利用一定的设计技巧才能避免平淡乏味。

形状构图:主体和文案的组合形式呈矩形、三角形或者圆形等形状,若为三角形构图,倒三角形易于引导用户浏览信息。

当整张banner设计完成后,可以从这几个方面进行检查和校对

1、明确banner的使用场景,并把它还原在真实的场景下观看和挖掘问题。

2、信息和画面所占面积的比重,是否能将信息根据优先级传达给用户。

3、信息与画面的合力聚焦是否在一个核心的利益点上。

4、整个画面的细节展示是否恰如其分。 

5、图形元素、文字、logo、行动按钮等设计风格是否统一,以及画面在不同的比例下能否协调。






7
Report
|
30
Share
评论
用户头像
in to comment
Add emoji
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
You may like
大家都在看
Log in