一张专题页的诞生历程

叁叁肆2018-09-28 15:07

本文来自网易云社区

作者:汪丹


设计说明
构思:宝宝幼儿园专题大概我的理解就是灵宠学习技能升级类型的专题,所以在前期构思上,我大概选择了可爱,萌系的素材与色调,饱和度较高的清纯蓝,配上淡淡的绿色点缀一下,黄色的slogan与蓝色的大背景形成互补,画面比较醒目。画面整体的颜色比较清爽,鲜艳,烘托出可爱活泼的氛围。
参考网站:https://beinternetawesome.withgoogle.com/interland/landing/kind-kingdom
http://mc.163.com/index.html
参考页面:

预研稿首页
首页交互:首页的构图由三个小石碓组成,每个萌宠对应一个石碓,(由于每个灵宠素材不一样,在一个大场景里面不是很好的组合,所以我选择了一个分开不同场景里的构图方式)每个石碓相当于一个按钮,点击可以进入到对应的萌宠详情页,石碓在画面里是浮动的,点击时会放大,点击后面的石碓的,后面的石碓会有一个向前旋转移动的效果,当前的石碓也会旋转移动到后面。

预研稿内页

内页说明:内页纯展示萌宠的详细情况,学习能力,提升的经验值等,页面左右切换可以查看其它萌宠的情况,当前页会有导航的小圆圈,起到提示总共有多少个萌宠的功能,页面整体比较简洁,清爽,内容表达也非常的清晰。

网易云免费体验馆,0成本体验20+款云产品! 

更多网易研发、产品、运营经验分享请访问网易云社区