目前主流的Banner的排版构图形式有哪些呢?
(福利推荐:你还在原价购买阿里云服务器?现在阿里云0.8折限时抢购活动来啦!4核8G企业云服务器仅2998元/3年,立即抢购>>>:9i0i.cn/aliyun)
很多人表示不知道如何动手开始做一个Banner,拿到需求脑袋里是懵的,归根结底还是看的太少做的太少了,在做之前首先要做的是什么呢?首先要确定好整体构图。所以今天我就给大家总结梳理一下我们目前能看到的Banner有哪些排版构图。
这里首先要说一下banner的构成元素,Banner组成要素包含4个方面:文案 、商品/模特、背景、点缀物(可有可无),而其中文案和商品模特是一个banner中的主要部分,这里要说的排版布局主要说的就是这两个主体,掌握了整个构图布局,后面做起来也就容易了。
目前主流的Banner的排版构图形式有哪些呢?
1.左右排版
文案在左,商品模特在右;
文案在右,商品模特在左。
这种构图是banner中经常出现的,主要特点是视觉上会比较清晰容易分辨,文案产品模特一目了然。
案例欣赏:
▼
▼
▼
2.上下排版
上下排版也分为两种:
1.文案在上,商品模特在下;
2.文案在下,商品模特在上。
这种板式比较适合比较偏正方,高度大于宽度的尺寸,上下布局对模特和商品特点要求比较高,在选择这种布局的时候结合商品模特特点来考虑。
案例欣赏:
▼
▼
▼
▼
3.居中排版
居中排版也分好几种,可以根据文案的不同灵活运用,
文案居中,商品向4周扩散,或者商品左右布局;
商品居中文案左右排。
居中的布局相比左右布局要丰富活跃一点,但是也要注意信息的可阅读性。
案例欣赏:
▼
▼
▼
▼
▼
没有产品模特只有文案的怎么破?一般情况都会考虑到居中式,文案居中排版,占据整个画面的主要视觉区域,整个画面就饱满了。如下图:
4.组合式的
碰到模特产品多的时候,这里就可以考虑组合式的,所谓组合式的,就是将前面三种形式结合起来排版。
案例欣赏:
▼
▼
▼
▼
所以在拿到一个banner需求的时候,不要着急着动手,先思考。从尺寸大小,文案数量,产品形状,进行考虑,找到适合的排版布局,将内容分成几个区域,相关内容都聚在一个区域中。之后按照你的布局去挑选符合版面构图的方向、空间,确定了排版布局,剩下的就是根据需求方要的风格进行背景搭建,元素点缀文字设计了。
总结下:版面的构图各有不同,合适的才是最好的!
相关文章
- 夏日电影风怎么调色调色?夏天快到了,想要调节夏季电影风的画面,该怎么操作呢?下面我们就来看看适合夏季的柔和绿色调调色分享2023-04-02
什么是真RAW 什么是伪RAW? 简单说说真 RAW 和 伪RAW
随着索尼α7RV(ILCE-7RM5)正式发售,近期有不少网友跟我咨询索尼相机“无损压缩(M)”和“无损压缩(S)”RAW的问题,今天做一个统一答复2022-12-24- 手机UI设计尺寸有哪些?作为新手在设计手机ui的页面的时候,发现自己设计的尺寸都很奇怪,如果能有元素尺寸介绍就好了,下面就来看看我们汇总的超全面的UI元素尺寸设置指南2021-08-06
- 常用照片尺寸有哪几个?我们经常说一寸照片,二寸照片,这些照片的尺寸是怎么计算的?下面我们就来看看照片标准尺寸/像素对照表汇总2021-08-06
怎么让设计更高级? 一些不受关注的小细节设计提升作品高级感的技巧
怎么让设计更高级?都一样是做设计的,一样的素材一样的文案,为什么有的设计很高级,有的很拉胯呢?在素材一样的大前提下,细节就能决定成败,下面我们就来分享一些不受关2021-08-05- 新人如何快速掌握黄金分割构图法?看到结构漂亮的图片,很多朋友都能想到黄金分割,即使不熟悉的朋友也知道黄金分割构图,什么是黄金分割构图?怎么掌握这个知识点呢?下面2021-08-05
- 栅格系统在logo设计扮演什么角色?很多设计适都喜欢使用栅格,但是专业性不强的朋友就会觉得网格很难用,那么栅格系统在logo设计中起到了哪些重要作用?详细请看下文介绍2021-08-05
- 在设计产品图纸的时候,有些设计师太注重效果图而忽视了落地的效果,这都是对于平面设计常用标准尺寸和印刷常识不太了解造成的,下面我们就来看看产品尺寸与印刷常识对于设2021-08-04
photoshop cs6序列号是多少 PS CS6激活码分享
photoshop cs6序列号可以帮助大家注册激活photoshop cs6,下面有详细的安装步骤,需要的朋友不要错过哦2020-12-18- 色彩是一种神秘的语言。一张色彩丰富的照片,有的吸引你的目光,有的唤起某种特定的情绪或情感。今天我们一起来学习关于颜色获取和颜色使用的小技巧2020-12-11
最新评论