8种版式技巧让你轻松搞定Banner设计

UI / UI设计教程 / UI教程 /      

uimaker
UI设计师 / 江苏 南京

来源:站酷   作者:乔尹

关键词

banner设计当中,主要有以下几种排版形式:重心型、分割型、倾斜型、满版型、曲线型、对称型、三角形、四角型。这几种形式会比较常出现在banner设计当中,所以我们一一来分析以下几种排版方式。 1、重心型 重心型版式的banner容易让浏览者产生视觉焦点,界面效果强烈且突出。

8种版式技巧让你轻松搞定Banner设计

2、分割

分割型主要可以分成上下分割和左右分割。因为banner一般是高度比较窄,,所以左右分割型会比较常见。上下分割的banner会比较少见。上下分割,顾名思义,就是把整个版面分为上下两个部分。可以在上半部或下半部配置图片,另一部分则配置文案。配置有图片的部分感性而有活力,而文案部分则理性而静止。上下部分配置的图片可以是一幅或多幅。上下分割的banner布局比较少见,上下分割之后,版面的设计要求也比较高。 左右分割,就把整个版面分割为左右两个部分,分别在左或右配置文案。当左右两部分形成强弱对比时,则造成视觉心理的不平衡。不过,倘若将分割线虚化处理,或用文字进行左右重复或穿插,左右图文则变得自然和谐。左右分割布局在banner的设计中最为常见。

8种版式技巧让你轻松搞定Banner设计

3、倾斜型 倾斜型的banner比较偏个性化一些,多在一些设计公司或是运动品牌的网站中出现。版面的主体形象做倾斜设计,造成版面强烈的动感和不稳定因素,这种设计比较引人注目。

8种版式技巧让你轻松搞定Banner设计

4、满版型 满版型的banner比较好理解,通常是版面以图象充满整版,主要以图象为诉求,视觉传达直观而强烈。文字的配置压置在上下、左右或中部的图象上。满版型给人以大方、舒展的感觉。

8种版式技巧让你轻松搞定Banner设计

5、曲线型 图片或文字在版面结构上作曲线的编排构成,产生节奏和韵律。多出现在运动型的banner设计中。

8种版式技巧让你轻松搞定Banner设计

6、对称型 对称的版式给人稳定、庄重理性的感觉。对称有绝对对称和相对对称。一般多采用相对对称。以避免过于严谨。banner对称一般以左右对称居多。

8种版式技巧让你轻松搞定Banner设计

7、三角形

在圆形、四方形、三角形等基本形态中,正三角形(金字塔形)是最具安全稳定因素的形态,而圆形和倒三角形则给人以动感和不稳定感。

8种版式技巧让你轻松搞定Banner设计

8、四角型 四角型指在版面四角以及连接四角的对角线结构上编排的图形。这种结构的版面,给人以严谨,规范的感觉。下图是四角型的一种,同时也用到了左右分割的排版设计。

8种版式技巧让你轻松搞定Banner设计

以上简单给大家分析讲解了常见的几种版式形式,每种版式设计并非以一种表现形态出现,比如四角型的banner可能会结合对称性的出现或是中轴型,所以大家在分析banner的时候不要以单一的一种视角去分析。因为一张banner的设计可能同时存在好几种版式形式。 不同的排版可以给人不同的视觉感受,好的排版会让banner更加的出彩。版式也没有绝对的好坏,只有适合和不适合。希望今天给大家分享的内容可以帮助到大家。

 收藏