值得收藏的UI设计优漫动游教育动态效果
一、滑动式信息列表会随使用者的动作动作而移动,然后将卡片放在适当的位置以保持清洁。这属于动画,滑行对象取决于用户的手势。
二、扩展页中的卡片将由缩略图转换为全屏(通常,卡片的中心点会跟着屏幕的中心移动)。逆向动画是一种全屏到缩略图的转换。其优点是用户可以清楚地知道用户点击的位置已经扩大。
三、单击“后小化”页面元素,并将其移动到屏幕上适当的位置。反之亦然,它又从缩略图扩展到全屏幕。其优点在于可以清晰地告诉用户在哪里可以找到小化元素。在不使用动态指导的情况下,用户可能需要花费时间查找。
四、切换对象的当前页向后移动,新页向前移动,这样就能清楚地解释页面之间的切换,不会显得太突出和难以理解。
五、展开推压和堆叠起来的元素就会展开。更加有意思的是,可以清晰地告诉用户每个元素如何排列和去向。
六、翻页实现滑动手势时,其效果类似于现实生活中的翻页。实际动态效果转换还可以清楚地显示列表级的信息结构,更能模拟现实生活中的动态效果。
七、添加到列表中的新元素会被添加到原来的列表中,而老的元素则被推出代替,这样在现实中会有一种定位腾空的感觉。该转换效果能够清晰地显示列表重排的过程,让用户知道新旧信息的位置,不会造成混乱。
八、导航标签的转换会根据内容和按钮的变化而改变,标题会随着内容的移动而改变,这样可以清晰地显示标签和内容之间的从属关系,让用户清楚地了解页面间的结构。
九、融合元素会被分离或结合,取决于用户的点击交互。使用者能感觉到元素之间的联系。融合动画明显比直接切换更有趣。
十、滚动:按使用者的手势滚动。检查清单信息是很有用的。这就是我们经常使用的交互方式。此外,还可以添加一些动态效果,让这个交互更有趣更丰富。
十一、当在有限的屏幕上看不见图片时,将使用这种效果。除具有放大效应外,这种转换还具有一定的动态效应。
十二、保存指示符之后,用户保存并下载对象后,对象就会同时复制、缩小和移动到保存指示符。通过这种方式,用户可以发现下载的或者喜欢的内容被提示,并且可以告诉用户对象已经添加了。