查看: 3417|回复: 0
收起左侧

banner五重奏(二)

[复制链接]

该用户从未签到

485

主题

0

回帖

3225

积分

设计师

积分
3225
发表于 2016-10-19 18:52 来自手机 | 显示全部楼层 |阅读模式

马上注册,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有账号?立即注册

×

上期为大家演示了版面分割,这期继续为大家演示版面布局,准备好了吗!GO!


二、版面布局
什么是版面布局:将文案、人物、产品确定在版面上的某区域,可视信息在画面中的位置、大小调整位置,使版面达到美观的视觉效果。在布局过程中,可以遵循的常见原则,正常平衡亦称“匀称”,多指左右、上下对照形式。


布局注意:归纳:将内容分为几个区域,相关内容都聚集在同个区域中,之后就按照布局去寻找符合版面的布局,如人物的姿势、产品的角度等。留白:不要把banner拍得密密麻麻,留出一定的空间,减少压迫感,毕竟banner本身图片就不大。


大家可以想想,平时看到的或用到的布局方式有哪些。如:居中布局、左中右、上下布局、居中布局等。


常见的版式也是很实用的,设计千变万化,变化的只是它的色调、品质、纹理、细节、角度等。
b0dde27c3c001fef88de136bde639201.jpg

左右结构的布局,文字在左或右。它是在banner版面布局中常出现的,其主要的特点就是视觉上比较清晰容易辨认、清爽直白。


0baa92e2338455dd8112a918a13d3b89.jpg

左中右的版面布局相比左右布局来说丰富许多,层次感也增加了,但不管怎么布局都要确保内容的易读性。


2680482aa4f460d8cc1bdd0f25b1b0d8.jpg

上下结构从案例中可以看出来,模特不怎么符合这种版面布局,相对于产品而言就适合得多。上下布局也是较少见,因为比较难掌控。


dd20537deb7978c5f50f26adffd381ca.jpg

中心布局似乎在今年比较流行,可能是因为它比较容易出效果。与其它版面不同,它以中心开始布局向外扩展,而且这类布局大多是模特在中间。




日常版面布局
8681689b23c4b4dbb55d166ee904f369.jpg

我们可以看出案例采用了左中右的版面布局,且模特的大小对比很大,人物的布局放大冲击力也很大,这样更容易创造出空间感,而且人物、文字、背景分割之间都有一个前后关系。


88a2cabed0ba5701696245f3699b2853.jpg

第一眼容易认为这是左中右布局,其实它跟左中右的布局有很大的差别。它的大标题都是中间加模特或者产品,有点像一些logo中图片当字母的手法,会比单独使用文字的效果会好些。


案例欣赏——左右布局
04dbcfe8b5f99706fc956ed3ac59b4bb.jpg

dbde53569f94ebf1ee55dc094edc32ae.jpg



案例欣赏——左中右布局
6a184b6e5fc4d39573686eb1c26f8ad3.jpg

4d7105825da6d4998c2e6cc2c939cf19.jpg



案例欣赏——上下布局
13ac280f088159d1bd51373f92ec81aa.jpg



案例欣赏——中心布局
bcab5c55d6dcd923d48de963ca5c79db.jpg



总结:常见布局有左右、左中右、上下和中心;不同的布局不同的需求,多尝试不是件坏事;版面布局不同,适合的才是最好的

下期为大家演示文案的排版,不要错过哦!


回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

客服QQ热线
86630823 周一至周日:09:00 - 21:00
公司地址:广州市黄埔区开萝大道2号9楼928室

电商巴士想是一个融创意、设计、技术开发、服务为核心的互联网公司,专注于网店和实体门店的运营策划与技术开发,赋能门店精准营销,提高门店运营效率。

Powered by Discuz! X3.5 © 2012-2024 Discuz Team.

Archiver|手机版|小黑屋|电商巴士 ( 粤ICP备15116670号 )  

GMT+8, 2024-12-23 23:33 , Processed in 0.090048 second(s), 27 queries .

快速回复 返回顶部 返回列表