Flyme五周年

用户头像
深圳/插画师/8年前/1372浏览
Flyme五周年
用户头像
陈噗噗
插画:陈噗噗
方案:魅族 Flyme 品牌运营组
Flyme五周年了,围绕 Flyme 陪伴用户的每个时刻的主题,我们拟定了几个场景。分别是:小时候,青春,家庭,陪伴。其实也是人成长的时间发展线。选择了一镜到底的展示方式,加入了一些小交互的 TOUCH 点和用户产生互动,从而让用户更加沉浸式的享用H5。
路线设定是走情怀的路线,所以第一时间我想到的是用铅笔画的那种素描细腻的表现方式。整个H5选用黑白的原因是,想突出魅族气球的蓝色气球蓝色气球是 Flyme 的LOGO,作为一个主角贯彻在整个 H5 中。
所有的动画都是采用序列帧,序列帧做出来的动画感觉每一条线条都有弹性,而且更加有手绘的味道在里面。所有的字体依旧是手绘。
Flyme五周年(图ZODM4MTgxNDA=) - 商业插画 - 站酷设计师陈噗噗原创素材 - 站酷ZCOOL
LOADING静态页面展示
收藏
Flyme五周年(图ZODM4MTgxMzY=) - 商业插画 - 站酷设计师陈噗噗原创素材 - 站酷ZCOOL
魅族气球的来源其实是来源于飞屋环游记的气球。所以这一页我画了一个远景,结合飞屋里面的瀑布场景。
收藏
Flyme五周年(图ZODM4MTgzMjg=) - 商业插画 - 站酷设计师陈噗噗原创素材 - 站酷ZCOOL
这是一个长的场景。包含了:小时候,青春,家庭,陪伴这几个场景。而且还隐藏了一些 FLYME 的硬广(233333~)在里头,之前其实有几个废稿,都是画的特别规矩的那些楼房,然后听了小组长的建议,就开始放开脑洞来画一些天马行空的楼房了。
收藏
Flyme五周年(图ZODM4MTgxNjg=) - 商业插画 - 站酷设计师陈噗噗原创素材 - 站酷ZCOOL
结束页静态页面展示
收藏
Flyme五周年(图ZODM4MTg0MjA=) - 商业插画 - 站酷设计师陈噗噗原创素材 - 站酷ZCOOL
动态gif展示
收藏
Flyme五周年(图ZODM4MTg0NDA=) - 商业插画 - 站酷设计师陈噗噗原创素材 - 站酷ZCOOL
收藏
Flyme五周年(图ZODM4MTg0OTI=) - 商业插画 - 站酷设计师陈噗噗原创素材 - 站酷ZCOOL
小时候,爸爸妈妈总是陪伴左右,给你念故事带你进入每一个奇幻的世界。
收藏
Flyme五周年(图ZODM4MTg0ODA=) - 商业插画 - 站酷设计师陈噗噗原创素材 - 站酷ZCOOL
长大了,家里会有一桌菜温暖着你。
收藏
Flyme五周年(图ZODM4MTg0ODQ=) - 商业插画 - 站酷设计师陈噗噗原创素材 - 站酷ZCOOL
陪伴,这里是想到,老人家在阳台乘凉,听着孙女撒娇聊天的场景。
这里添加了一个交互,气球上升的时候为了防止猫挠到,会出现一个touch点,引导用户帮助气球避让。
收藏
Flyme五周年(图ZODM4MTg0ODg=) - 商业插画 - 站酷设计师陈噗噗原创素材 - 站酷ZCOOL
青春
收藏
Flyme五周年(图ZODM4MTg0NTI=) - 商业插画 - 站酷设计师陈噗噗原创素材 - 站酷ZCOOL
收藏
Flyme五周年(图ZODM4MTg1MDg=) - 商业插画 - 站酷设计师陈噗噗原创素材 - 站酷ZCOOL
结束页动态展示
收藏
Flyme五周年(图ZODM4MjE5NDg=) - 商业插画 - 站酷设计师陈噗噗原创素材 - 站酷ZCOOL
收藏
Flyme五周年(图ZODM4MjEzNzY=) - 商业插画 - 站酷设计师陈噗噗原创素材 - 站酷ZCOOL
扫一扫二维码,可以观看完整的 h5 哦~
收藏
29
|
举报
|
17
分享
相关推荐
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
加载中
推荐素材
水母女孩海洋主题矢量商业插画
商业插画
商业插画-小场景线稿
水母女孩海洋主题矢量商业插画
商业插画
商业插画
扑克少女-商业插画
商业插画
商业插画-小场景绘制
欧美几何人物插画—商业插画
商业插画/螺蛳粉
夜空下的鹿儿 意境类 商业插画
商业插画-物品创意设计
商业插画-丝网印刷-花
商业插画-食品刻画
等距商业分析插画
扁平商业插画--母亲节
商业插画
商业插画-柿子素材
商业插画户外场景卡通扁平化描边插画露营
商业插画古装女孩喝茶
立春春分妇女节踏青春游放风清新商业插画
商业插画
中国金融投资理财保险3D商业矢量插画海报
商业插画
你可能喜欢
相关收藏夹
大家都在看
登录注册