当前位置 : 首页> UI培训 > 学习UI设计如何掌握banner设计方面的排版技能

学习UI设计如何掌握banner设计方面的排版技能

时间:2021-06-19 21:33:40   已访问:386次
热门专业

​ui设计之banner设计常用的排版方式有哪些,怎么样学习UI设计技能,怎么样才能学好UI设计相关知识点!

在banner设计当中,主要有以下几种排版形式:重心型、分割型、倾斜型、满版型、曲线型、对称型、三角形、四角型。这几种形式会比较常出现在banner设计当中,所以我们一一来分析以下几种排版方式。

1、重心型

重心型版式的banner容易让浏览者产生视觉焦点,界面效果强烈且突出。

2、分割型

分割型主要可以分成上下分割和左右分割。因为banner一般是高度比较窄,所以左右分割型会比较常见。上下分割的banner会比较少见。

上下分割,顾名思义,就是把整个版面分为上下两个部分。可以在上半部或下半部配置图片,另一部分则配置文案。配置有图片的部分感性而有活力,而文案部分则理性而静止。上下部分配置的图片可以是一幅或多幅。上下分割的banner布局比较少见,上下分割之后,版面的设计要求也比较高。

左右分割,就把整个版面分割为左右两个部分,分别在左或右配置文案。当左右两部分形成强弱对比时,则造成视觉心理的不平衡。不过,倘若将分割线虚化处理,或用文字进行左右重复或穿插,左右图文则变得自然和谐。左右分割布局在banner的设计中最为常见。

3、倾斜型

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

4、满版型

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

5、曲线型

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

6、对称型

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

7、三角形

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

8、四角型

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

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


推荐内容