插画是H5作品中最常用到的一种视觉传达形式，而它一旦与动效或视频相结合，还可以具备更多的可能性。不同风格的插画能够体现不同的魅力、衬托不同的创意。那么，我们可以在H5作品中使用哪些风格的插画呢？一起来看看吧~
插画是H5作品中最常用到的一种风格，它除了静态呈现方式以外，还能与动效或视频相结合，从而增强作品整体的灵动性和趣味性。简单来说，在H5页面设计中适当使用插画的好处主要有以下几点：
1、插画可作为标题和文本的重要支撑，并有效避免页面单调乏味。
2、插画适宜进行场景化设计，它所营造的画面感有时候比文字更能向用户传递情感，因此也更能打动用户。
3、插画既能传递信息，也具有一定的艺术观赏性，可在一定程度上提升H5的精致度及品牌识别度。
不同风格的插画能够体现不同的魅力，那么，H5设计师们最常用到的插画风格主要有哪几种呢？一起来看看吧~
（文中所有H5案例均由意派Epub360在线H5页面制作工具制作而成）
卡通风插画
这类插画形象鲜明、生动有趣，且具有很强的亲和力和传播力，很多知名企业就非常青睐于卡通化的品牌表现方式，例如腾讯的企鹅、京东的狗、美团的袋鼠等。而在H5作品中，卡通风插画则主要用于描绘具有故事性的场景。
左图源自H5作品《为了这个H5，少女怒刷复联3000遍》
右图源自H5作品《公益丨给孩子最好的礼物》
国潮风插画
这类插画主要以中国传统文化为基调，对于提升品牌魅力十分有益，常见于以文物、宫廷、穿越、神话等关键词为主题的H5作品中。
左图源自H5作品《【燕之屋】文物变成燕子飞走了》
右图源自H5作品《穿越百年 探秘故宫》
扁平风插画
这类插画弱化了人物、场景等主体的细节，色调也往往更亮眼一些。相较于其他风格的插画来说，扁平风插画整体偏抽象、简约，制作难度并不大。此外，扁平风插画的适用范围也非常广泛，除了H5的配图外，图标、海报、banner图等也经常使用这一插画风格。
左图源自H5作品《致：来自五湖四海的邻居》
右图源自H5作品《2019感动内蒙古号列车启动》
立体风插画
这类插画有着强烈的空间感，其主要形式分为2.5D插画及3D插画两种。2.5D插画又被称为伪3D插画，因为它虽然有立体感，但依然是通过二维的手法去实现三维效果的，而其质感和表现力自然都比3D插画要弱一些。
左图源自H5作品《乐学乐玩·动动手指过六一》（2.5D插画）
右图源自H5作品《垃圾分类小游戏》（3D插画）
插画网站推荐
在设计插画的过程中，我们可以参考、借助一些资源工具平台，除了花瓣、站酷等大众熟知的网站以外，下面再分享一些实用派插画网站。如果你也有私藏的宝藏插画平台，欢迎留言分享。
Isometric
这个网站上有很多免费可商用的2.5D立体风插画，而且无需注册即可下载SVG和PNG两种格式。
Canva
打开Canva官网并进入编辑器，在素材库中搜索关键词「可爱娃」，即可找到一系列扁平风人物组件插画（全部免费可商用）。这套人物组件插画库由Canva设计团队原创，人物的头部、上身、腿部全部可以拆分并自由组合，甚至还能根据你的需求随意改色。
涂鸦王国
该网站的插画大触比比皆是，作品风格也非常多样。此外，站内还经常有各种主题插画征集比赛，有空可以多去学习、锻炼哦~
本次的分享就到这里啦，如果你觉得自己的H5作品太过枯燥无趣，那就赶紧试试以上这些风格的插画吧！
——————————————————————————————————————————
Epub360 H5页面制作地址：www.epub360.com
21epub视效艺术组创意出品，转载请注明来源：意派·Epub360-专业的H5页面制作工具
Epub360，是一个专业的H5页面制作工具及企业服务平台，提供工具技术支持、工具教学培训、企业H5互动营销解决方案等服务。
