Photoshop H5广告设计

作者简介

卢博 毕业于广州美术学院，专业广告学出身 曾于佛罗伦萨美术学院（意大利）进修 站酷网 H5 设计师，亚洲CI网、红动中国 H5 设计师 擅长新媒体、H5、APP界面设计，如H5微信界面、H5微信广告、直播广告、微信公众号、微信小程序等广告

内容简介

4.1 H5页面的版式设计 如何制作出美观、酷炫的H5作品？除了简单的图文搭配，以及一些元素的添加修饰外，整个页面的版式设计也是非常重要的。下面我们详细了解一下如何对H5页面的版式进行专业的设计，制作出吸引人眼球的H5版面。 4.1.1 H5版式设计的原则 在大多数的H5设计工具中，不论是移动端的小程序、APP上的H5设计工具，还是PC端的网站H5设计工具，所制作的H5页面都是适合在移动手机端屏幕展示的。 版式设计要考虑的因素是非常多的，例如手机屏幕适用H5页面的尺寸，以及如何在有限的屏幕中对所需传达的内容进行排版设计等。下面详细介绍H5版式设计的原则。 1. 内容分类整理 对H5页面进行设计排版时，对需要向用户传达的信息进行分类整理，把相关的信息归类在一起，排版时将相关的元素进行整体排列，可以对用户在观赏H5页面时的逻辑思维提供信息组织帮助，提高用户信息的获取量。图4-1所示为对页面信息进行的分类整理。 图4-1 信息分类整理 2. 元素对齐排列 将页面元素进行对齐排列，为的是能够让整个页面中的元素形成整体视觉效果。对齐排列作为常用的排版方式，能够使页面整体元素具有条理性，形成一个统一的整体，建立一种清晰的视觉效果。 图4-2所示为对页面元素进行对齐排列的效果。 图4-2 元素对齐排列 3. 布局重复交错 重复是指在H5页面布局中，对相关的元素、图像或文字使用相同的属性设计，使其形成一种视觉上的重复；而交错的应用就是为了避免生硬的重复，导致整个页面过于死板，如图4-3所示。 图4-3 对页面进行重复交错 4. 关键点的对比布局 在H5页面制作时，图文元素一定会存在主次之分。作为主要信息存在的元素，在页面中为了吸引用户眼球，就要对元素进行着重设计，使得主要元素与其他元素呈现完全不同的效果，形成对比性，有助于用户的阅读逻辑性。 如图4-4所示，这是在页面中突出重点信息的版式效果。 图4-4 突出重点信息 从入门开始，H5快速入行 从H5设计的概念、类型、营销等基础开始，带你入行！ 从工具入手，精通H5广告 开发工具、设计工具、上传工具、分享工具等应有尽有！ 从实战专题，精讲H5案例： 营销、推广、招聘、节日、活动、微商广告等丰富全面！