许多刚入门的派友，在刚开始制作 H5 的时候，还没有了解过 H5，就开始使用意派 Epub360 进行页面设计了 . 实际上，根据不同的行业特性、活动主题、品牌调性等，设计师们在 H5 页面设计过程中，也会因此在视觉设计上受到一定的局限 . 而优秀的 H5 设计师一般都不急于上手，而是先去理解 H5 页面，下面我们就先来了解下常见的一些 H5 页面设计风格 .
1、简约风格
在 H5 设计中，简约风格常用于传递品牌信息或表达情感 . 这种风格要求设计师有敏锐的洞察力，到位的把握住品牌调性，通过适当的留白处理手法与娴熟的排版能力，从而产生细腻别致的视觉效果 .
from：手机百度《走近你，我用了2644天》
dodo 设计《2015年的最后一剂鸡汤》
2、科技感风格
酷炫的科技感，能够在短时间之内就能吸引到用户的注意，因此备受 H5er 的青睐 . 这种风格的 H5 作品多见于汽车或互联网领域，用诸如粒子效果、宇宙星空等元素可以打造出此风格 .
from：腾讯互娱《Up2017腾讯互娱年度发布会》
努比亚《用双眸探究世界 看见更美》
3、卡通手绘风格
卡通手绘风格其实是 H5 设计中较为常见的风格，通过手绘来表现主题，既轻松又有趣，作品阅读起来也不会觉得累，用户自然会停留更多时间 . 如果结合小游戏来做创意，事半功倍 .
from：紅_树林《嫦娥别跑！手里揣着啥呢？》
网易考拉海购《入职第一天，网易爸爸教我学做人》
4、扁平化风格
在近年来的设计趋势中，扁平化风格一直受设计师们的追捧，优势就在于通过形状、色彩、字体等呈现出清晰明了的视觉层次，给用户带来较为直观的视觉感受，更便于用户理解传播的信息 .
from：联想《做不同，点亮你未来的光》
海绵科技《海绵城市》
5、水墨风格
富有中国古风韵味的水墨风格，多用于涉及到江湖武侠的游戏宣传，古风意味较浓，产出一股典雅脱俗的意境 .
from：虾米音乐《风清扬 画卷版MV》
万科《2016万科滨水大宅新作 全球首发》
6、仿真风格
这里主要指的是在 H5 设计中，模拟真实的手机使用场景，常见形式为手机通话、微信视频、群聊、朋友圈等 .
from：有道翻译官的《深夜，男同事问我睡了吗...》
意派科技《秦孝公邀你加入群聊》
7、多种风格混合
除了上面说的六种各类的设计风格外，还有许多优秀的 H5 作品不仅仅只是单一的风格可以概括的，大都是融合多种风格，给人强烈的视觉冲击效果 .
最后还需明确，虽然知道了这些不同的设计风格，也并不意味着你就有能力打造出爆款 H5 了，有很多刷屏 H5 的创意商们在回顾时，大多都表示知道自己的 H5 会火，没有想到会造成这么大的刷屏效应，亦或者是根本没有意识到 H5 会刷屏 . 所以换句话说，保不齐哪天你的 H5 就刷屏啦 .
希望大家能够根据这些风格，对应自己的品牌主特性，做出最佳的 H5 作品出来！
关注更多H5设计、案例、资讯