兔展H5页面制作|H5版面设计原则
其实讲到版式设计，网上一大波的教程，H5的版面设计原则也是基于此延伸出来的，只是我们的范围缩小的一些，是针对一个固定的尺寸的图文动画结合的交流。考虑到大部分是基础用户，我们就讲些简单易懂的排版技巧。
操作方法
- 01
分割排版 分割排版分为上下分割和左右分割，整个版面分成上下或左右两部分，在上半部或下半部配置图片(可以是单幅或多幅)，另一部分则配置文字与简单的形状元素。切割的方式是现在普遍流行且应用较多的排版方式，它使得图片部分感性而有活力，而文字则理性而静止。在手机端更适用于上下分割，也是常规的布局方式。
- 02
中轴排版 将图形作水平方向或垂直方向排列，文字配置在上下或左右。水平排列的版面，给人稳定、安静、平和与含蓄的感觉。垂直排列的版面，给人强烈的动感。
- 03
满版排版 满版型排版，版面以图像充满整版，主要以图像为诉示，视觉传达直观而强烈。文字配置在上下、左右或中部（边部和中心）的图像上。满版型，给人大方、舒展的感觉。是商品广告H5常用的形式。
- 04
倾斜型 倾斜性的版面主体形象或多幅图像作倾斜编排，造成版面强烈的动感和不稳定因素，引人注目。
- 05
重心型 重心型版式容易让人产生视觉焦点，使其更加突出。有 3种类型：1.直接以独立而轮廓分明的形象占据版面中心；2.向心：视觉元素向版面中心聚拢的运动；3.离心：犹如石子投入水中，产生一圈一圈向外扩散的弧线的运动。
- 06
自由型 自由型的排版方式，主要取决与个人的设计能力和审美标准，无规律的、随意的编排构成。有活泼、轻快的感觉。
赞 (0)