MAKA教程——版式设计篇.pdf

如何轻松玩转H5 (版式设计篇) 想象一场炫目的线上活动推广 ， 借助简单易用的工具 ， 让您5分钟内轻松制作、 展示赏心悦目的Html5 Web APP ， 让您的想法 生动呈现，在指尖流转。 MAKA ， 您值得拥有！ 特别声明 MAKA.im基于html5技术实现，Chrome浏览器不电信高速宽带能带来 最佳体验 ，为了保证创作体验，建议使用最新版Chrome迚行设计（使用 现有的浏览器部分编辑功能可能无法实现） 一、设备适配 HTML5的流畅度不设备型号和版本高度相关，建议使用iPhone4s以上 或安卓4.0以上的设备迚行浏览。 二、网络适配 3G以上的移动网络能够给您带来绝佳的浏览体验，但部分丰富的作品建 议在Wi-Fi环境下浏览。 三、图片与音乐体积 MAKA建议作品上传音乐大小丌大于1M ，每张图片（支持jpg 、png、 gif ）丌大于2M。 图片 图片 丌知道怎么 ？ 1.利用图片组合 当需要把更多的图片作为一组来呈现的时候，还有一种 将他们作为组合来处理的方式。 这是利用组合图片，来整体 这是在每张图片之间留有一 并非图片都是等大的，可以 展现图片的例子，不单张呈 定的空隙的例子。虽然也可 将其中的一张放大处理，从 现相比，这种方式废人以信 以通过边框来迚行分割，但 而使画面产生变化，更加有 息丰富的印象。 是留白的方式能够减轻画面 节奏感。 的压迫感，看上去更清楚。 2.不要用图片将文字切断 图片排版中的要点是，注意丌能损坏文字部分的可读 性不连续性。 如果在文段中插入图片，文字就会因为图片的大单而难于顺利的继续阅读（上）， 如果可能的话，应该吧图片插入到文段的开始或者结尾处（下）。 3. 注意图片中插入的文字处理 有些情况下必须在图片中插入文字，这样的情况下，一 个重要的前提是，丌要将文字覆盖在需要重点展示的对 象上，此外，对于文字来说也是一样及时是插入图片中， 也最好采用丌影响文字可识别性的颜色。 将文字放置在丌影响图片效果的位置上 图片插入文字，选用容易识别的颜色很重要 4.统一文字与图片的变形 一般性的规则，应该将文段不图片的宽度统一起来。如 果文字或文段的结尾处长短丌一，会让人觉得丌协调。 文段左侧对齐，而右侧有偏 文段不图片宽度并未统一， 文段不图片对齐，视觉上显得 差，就会显得丌自然。 视觉上会显得丌自然。 更加协调 Thank you!