搜索

论坛版块 MAKA教程 H5制作技巧

教你几招又快又好看的H5构图方法

跳转楼层 0 593
MIN酱
x0

发表于 2016-8-30 23:40:43 | 显示全部楼层 |阅读模式
好的构图都是相似的,不好的构图却各有各的不好。
经过对MAKA平台2000多个优秀H5模版作品的仔细研究,我为大家分享盘点优秀H5的构图规则
如果你以后遇到图片排版问题,可以从本文中快速梳理排版规则,提高你的创作效率哦~


NO.1一张图片的构图方式
640.jpg

▲适当留白,增加H5作品的文艺气质


640.jpg
▲适用于婚礼祝福及特殊产品介绍


640.jpg
▲使页面更饱满,但背景图要够高清哦


NO.2 两张图片的构图方式

640.jpg
▲适用于产品列举、生活记录

640.jpg
▲适用于赛程回顾、图片展示、产品列举

640.jpg
▲不规则排版使画面更有设计感


NO.3 三张图片的构图方式

640.jpg
▲适用于纪念册、产品列举

640.jpg
▲气泡式排版使画面元素更多元

640.jpg
▲使页面更规整


NO.4 四张图片


640.jpg
640.jpg
640.jpg

在H5创作过程中,很多时候
不知道如何构图 。以上的H5图片排版案例有没有给到你一些灵感呢?


总之套路是死的,人是活的,摸索规范中的规律,创作H5真的是一杯咖啡的时间~



作者丨MIN酱

图片来源于MAKA模板商城