LITMARK字醒啦
NO. 007 导入文字

Motion 微交互

三个小动作

三处为交互做的动:站点头会走的墨块、换页的幕、做完事的一句回执。

01

站点头的墨块

当前那一格底下的实心墨,是滑过去的:从上一页的那一格出发, 带一点回弹,落到这一格。翻页时你能看见它走。

现在直接点站点头里的别的格子,翻过去再看一眼;也可以按下面的按钮原地重放一次。

来源:assets/navink.js

去书架看看
02

页面转场

按一下真的走一遍:一道线从左扫到右,幕跟着落下;到新页幕升起、线再扫一次。 深色页落黑幕,浅色页落白幕,不会白闪一下。

回这一页按浏览器后退就行。

来源:assets/transition.js

直接去书架
03

操作成功反馈

做完一件事,底部中间浮起一句回执,2.6 秒自己走。 站上真用到的地方是「我的」里清空记录(重载回来补一句「记录已清空」),和书架的导入回执。

来源:assets/toast.js

去「我的」真清一次