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

85天前发布

原创文章 / 多领域 / 资讯
意派 原创,如需商业用途或转载请与意派联系,谢谢配合。

不同风格的插画能够体现不同的魅力,那么,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作品太过枯燥无趣,那就赶紧试试以上这些风格的插画吧!

1
- 位站酷推荐设计师推荐 -

声明:站酷(ZCOOL)内网友所发表的所有内容及言论仅代表其本人,并不反映任何站酷(ZCOOL)之意见及观点。

    没有新消息