坏打印机 | 个人网站设计开发小记

158天前发布

原创作品 / 网页 / 移动端网页
作品版权由郑越升 解释, 禁止匿名转载;禁止商业使用;禁止个人使用。 临摹作品,同人作品原型版权归原作者所有。

[ 坏打印机 ] 移动端网站设计开发。

在家蹲了一个月,于是把闲置多年的 badprinter.com 域名备案了,然后前后花了10天时间设计开发了一个个人网站。

关于交互和动效,最主要的开发时间花在了粒子上,但是有了之前的踩坑经验,这一次没有在粒子兼容性上花费太多功夫,直接把以前的代码copy过来,完美解决安卓端的兼容问题。

简单整理一下,文末附带二维码,可以扫一扫线上体验哈!

在首页、菜单页、ABOUT 和 CONTACT 页面,用户可以滑动屏幕在一定范围里控制 3D 摄像机的视角。

在不同页面的切换过渡之间,我权衡了一下设计效果和开发难度,采用的是方案是:页面消失直接消失;而页面出现则安排细腻一点的位移、透明度动画。我个人发现,这样的衔接,用户的注意力会马上被接下来出现的页面出现动画吸引住,从而忽略上一个页面瞬间消失的突兀。

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

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

作品信息

  • 创作时间

    2020/02/29

坏打印机 | 个人网站设计开发小记
郑越升 关注
没有新消息