H5怎样更具趣味性?

释放双眼,带上耳机,听听看~!

意派丨H5怎样更具趣味性?这几个设计师给出了答案!

插画是H5作品中最常用到的一种风格,它除了静态呈现方式以外,还能与动效或视频相结合,从而增强作品整体的灵动性和趣味性。简单来说,在H5页面设计中适当使用插画的好处主要有以下几点:

 

1、插画可作为标题和文本的重要支撑,并有效避免页面单调乏味。

 

2、插画适宜进行场景化设计,它所营造的画面感有时候比文字更能向用户传递情感,因此也更能打动用户。

 

3、插画既能传递信息,也具有一定的艺术观赏性,可在一定程度上提升H5的精致度及品牌识别度。

 

不同风格的插画能够体现不同的魅力,那么,H5设计师们最常用到的插画风格主要有哪几种呢?一起来看看吧~

 

(文内H5案例均由意派Epub360在线H5页面制作工具制作)

卡通风插画

 

这类插画形象鲜明、生动有趣,且具有很强的亲和力和传播力,很多知名企业就非常青睐于卡通化的品牌表现方式,例如腾讯的企鹅、京东的狗、美团的袋鼠等。而在H5作品中,卡通风插画则主要用于描绘具有故事性的场景。

意派丨H5怎样更具趣味性?这几个设计师给出了答案!     

左图源自H5作品《为了这个H5,少女怒刷复联3000遍》https://www.epub360.com/manage/book/ot0pxy/present/?hmsr=UI&hmpl=advertorial&hmcu=yunying&hmkw=lishishi&hmci=20200806

右图源自H5作品《公益丨给孩子最好的礼物》https://www.epub360.com/manage/book/amhctk/present/?hmsr=UI&hmpl=advertorial&hmcu=yunying&hmkw=lishishi&hmci=20200806

国潮风插画

这类插画主要以中国传统文化为基调,对于提升品牌魅力十分有益,常见于以文物、宫廷、穿越、神话等关键词为主题的H5作品中。

意派丨H5怎样更具趣味性?这几个设计师给出了答案!

左图源自H5作品《【燕之屋】文物变成燕子飞走了》https://www.epub360.com/manage/book/tnl5hv/present/?hmsr=UI&hmpl=advertorial&hmcu=yunying&hmkw=lishishi&hmci=20200806

右图源自H5作品《穿越百年 探秘故宫》https://www.epub360.com/manage/book/rewnko/present/?hmsr=UI&hmpl=advertorial&hmcu=yunying&hmkw=lishishi&hmci=20200806

扁平风插画

这类插画弱化了人物、场景等主体的细节,色调也往往更亮眼一些。相较于其他风格的插画来说,扁平风插画整体偏抽象、简约,制作难度并不大。此外,扁平风插画的适用范围也非常广泛,除了H5的配图外,图标、海报、banner图等也经常使用这一插画风格。

意派丨H5怎样更具趣味性?这几个设计师给出了答案!

左图源自H5作品《致:来自五湖四海的邻居》https://www.epub360.com/manage/book/ih4qpw/present/?hmsr=UI&hmpl=advertorial&hmcu=yunying&hmkw=lishishi&hmci=20200806

右图源自H5作品《2019感动内蒙古号列车启动》https://www.epub360.com/manage/book/imwd0m/present/?hmsr=UI&hmpl=advertorial&hmcu=yunying&hmkw=lishishi&hmci=20200806

立体风插画

这类插画有着强烈的空间感,其主要形式分为2.5D插画及3D插画两种。2.5D插画又被称为伪3D插画,因为它虽然有立体感,但依然是通过二维的手法去实现三维效果的,而其质感和表现力自然都比3D插画要弱一些。

意派丨H5怎样更具趣味性?这几个设计师给出了答案!左图源自H5作品《乐学乐玩·动动手指过六一》(2.5D插画)https://www.epub360.com/manage/book/ynm5my/present/?hmsr=UI&hmpl=advertorial&hmcu=yunying&hmkw=lishishi&hmci=20200806

右图源自H5作品《垃圾分类小游戏》(3D插画)https://www.epub360.com/manage/book/0q32ou/present/?hmsr=UI&hmpl=advertorial&hmcu=yunying&hmkw=lishishi&hmci=20200806

插画网站推荐

在设计插画的过程中,我们可以参考、借助一些资源工具平台,除了花瓣、站酷等大众熟知的网站以外,下面再分享一些实用派插画网站。如果你也有私藏的宝藏插画平台,欢迎留言分享。

Isometric

这个网站上有很多免费可商用的2.5D立体风插画,而且无需注册即可下载SVG和PNG两种格式。

意派丨H5怎样更具趣味性?这几个设计师给出了答案!

Canva

打开Canva官网并进入编辑器,在素材库中搜索关键词「可爱娃」,即可找到一系列扁平风人物组件插画(全部免费可商用)。这套人物组件插画库由Canva设计团队原创,人物的头部、上身、腿部全部可以拆分并自由组合,甚至还能根据你的需求随意改色。

意派丨H5怎样更具趣味性?这几个设计师给出了答案!

涂鸦王国

该网站的插画大触比比皆是,作品风格也非常多样。此外,站内还经常有各种主题插画征集比赛,有空可以多去学习、锻炼哦~

意派丨H5怎样更具趣味性?这几个设计师给出了答案!

本次的分享就到这里啦,如果你觉得自己的H5作品太过枯燥无趣,那就赶紧试试以上这些风格的插画吧!

 

Powered by Froala Editor

人已赞赏
交互设计

个人中心设计技巧

2020-8-12 21:03:27

交互设计

光与色(一)

2020-8-13 23:17:12

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索