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

数英评分
我的评分
收藏 评论
举报 2018-06

微信图片_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


▲非人学园校服背景图

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


非人学园-图案背景02.jpg

▲非人学园图案背景

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

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


微信图片_20181221150342_看图王.png

▲最热榜上有你的校服吗

微信图片_20181221150348_看图王.png


▲最新榜上的衣服emmmmm

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

The end.


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

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

007etwyAgy1fw23g4og0zj318g0bgmzi.jpg

网易游戏

森雨创意

 
数英评分
5
我的评分
谢谢
数英评分
5
我的评分

    专业评分

    专业评分已截止

    参与评论

    文明发言,无意义评论将很快被删除,异常行为可能被禁言
    DIGITALING
    登录后参与评论

    参与评论

    文明发言,无意义评论将很快被删除,异常行为可能被禁言
    800

    推荐评论

    暂无评论哦,快来评论一下吧!

    全部评论(0条)