添加至收藏夹

X

新建收藏夹

完成

新建收藏夹

X

确定

取消

网易游戏《非人学园》:这次校服的设计全靠你了

作者: SENSEE

2019-01-03 16:05 浏览 · 6218

分享

收藏(1)

微信图片_20181229140511.jpg


| Client:《非人学园》H5插画 |

| Date:2018年 |

| Service:H5插画部分制作 |

| Illustration:肩胛骨 |

| Producer:Jasper | 


项目介绍:

对于校园的美好回忆,总是少不了校服这个元素。曾经的校服,不算好看,但很百搭。像这样的冬天,还可以往里面多塞几件me more cool。可即使这样,有些人还是能怎么穿都好看(校服:行8,那怪我咯)。对,怪你。这次要把你全部集齐,一键回到过去。


今年6月,我们跟网易游戏旗下一款无厘头漫画风5V5对战手游《非人学园》合作出了一款天朝校服百科图鉴,打开H5的用户填写完自己的校园信息,抹一抹屏幕,就可以创作出校服,且由森雨创意联合插画师肩胛骨一起,提供H5插画部分的设计与创意。忍不住先分享一波~


微信图片_20181229163121.jpg


▲非人学园调色版


H5的Loading页面


现在大部分H5的启动页会采取插画的形式,将产品有趣的萌点展示,有些还会加入互动元素,用来缓解用户的焦虑与不安,让用户更快的进入使用环境。另一方面,好看的插画更会获得用户更多本能的好感。所以我们在制作loading页时会紧扣产品本身的特点,表达更易于理解、符合产品调性,通过一个小场景、小互动或者元素等来绘制插画。


这次的loading是浓浓的日系二次元风,主要呈现了《非人学园》里的具有反差萌的嫦娥(一个抱着可爱兔子公仔的瞌睡女孩)。


微信图片_20181229140511.jpg

▲H5的loading画面


其他页面的元素露出


非人学园-体育图案23.jpg

▲非人学园体育图


体育图.jpg

▲非人学园体育图


非人学园校服-校服背景(4).jpg

▲非人学园校服背景图


当然,粉丝玩到最后也会得到反馈,或惊吓或惊喜,此时插画可以很好的传达出这些信息,可以让用户有更好的带入感。此类插画与界面的设计需要符合整体所要传达的画面氛围及风格,加强用户的参与感,使产品与粉丝的对话更有人情味~


非人学园校服-校服背景(4).jpg

▲非人学园图案背景


一副出彩的小插画有时候能瞬间吸引粉丝的眼球,所以从反思层面来说可以让用户看到产品的用心,还能来一波回忆杀,使粉丝能够体会到其所传达出的情绪进而引发回忆产生共鸣。


总之,无论你想要发挥或唯美或恶搞的设计灵感,还是入手一款“别人家的校服”,我们都能满足你啦。


微信图片_20181221150342_看图王.png

▲最热榜上有你的校服吗


微信图片_20181221150348_看图王.png

▲最新榜上的衣服emmmmm


我们也期待与更多有趣、精彩、好玩的H5项目合作,快来撩我们吧~


The end.


森雨创意是森雨文化旗下的核心品牌,提供创意营销和美术设计服务,连接品牌和用户

我们相信“创意和美”可以极大提高产品的价值,欢迎合作咨询

007etwyAgy1fw23g4og0zj318g0bgmzi.jpg


打个分吧
确定

收藏(1)

分享

评论(0)

广告门评分

10

第三方机构(广告制作)

SENSEE

产品:非人学院
行业:互联网
类型:影视
地区:中国大陆
时间:2018

标签

H5插画毕业季网易

案例认领

热门招聘查看更多

  •  
回到顶部
意见反馈
二维码 下载APP
关闭

意见反馈

关闭

案例认领

关闭

用户注册

已有账号?
手机

验证码
验证码

验证码

关闭

用户注册

用户

密码

密码

关闭

忘记密码

密码

密码

无法找回? 点此申诉

关闭
关闭

账号申诉

已有账号? 立即登录
用户名
手机号
邮箱

关闭

忘记密码

手机号

验证码
验证码

验证码

返回登录

无法找回? 点此申诉

关闭

信息已提交:

我们会在1-3个工作日内审核完毕,并用
邮件通知您,请耐心等待,谢谢
关闭