加载动画

UI专栏  撰稿：Jing（微信公众号：IQS开发者社区）随着5G时代的来临，网页端或移动端的运行也愈加快速，但当遇到大量页面内容加载、下载文件过大时，依然会导致页面跳转或加载出现延迟，这时不可避免的需要用户等待。那么，如何缓解用户由于等待而产生的消极情绪，如何转移用户注意力，便成了UI/UX设计师急需要去解决的问题。

最初被称为动态浏览图示，加载动画用于指示数据记录或渲染界面的进度。虽然你可以通过使用一个沉闷的进度条来表明这一点，但那些日子已经过去了。使用CSS，jQuery或简单动画GIF的精心制作的动画是激活你的界面并为你的产品添加个性的机会。人性化的动画可以让你的用户等待你的加载内容。好的加载动画有助于管理期望，并通过保持兴趣

在本教程中，我们将使用Sketch创建基本形状和原理，以快速创建简单的自定义加载动画。（这些都适用于Mac应用程序） 你将学习如何创建Trello，Flickr，Slack等使用的丰富多彩的加载动画。最初被称为动态浏览图示，加载动画用于指示数据记录或渲染界面的进度。虽然你可以通过使用一个沉闷的进度条来表明这一点，但那些

对于视觉设计师来说，其实我们有很大的优势，如果我们的思维逻辑清晰并且乐于总结，那么我们总结的内容将不仅仅只是一个大的分类总结，还能够提供一些具体的执行方法，并且将执行过程中踩到的坑和大家一起分享讨论。今天我要分享的是关于加载动画的知识体系及简单的制作方法，至于特殊场景总结不全之处，还请批判指正。大纲如下：加载动画存在的

我大胆预测了一下，以后App的加载动画都应该遵循越来越简洁的设计原则，突出内容，去掉无用的、过渡的形式设计。也许无文字提示的加载动画确实是一个流行趋势！对于视觉设计师来说，其实我们有很大的优势，如果我们的思维逻辑清晰并且乐于总结，那么我们总结的内容将不仅仅只是一个大的分类总结，还能够提供一些具体的执行方法，并且将执行过

（原标题：研究说，加载动画可能让人觉得等了更久）唐云路你对时间的感知，其实很容易被操控。网络信号不佳的时候，看起来再有意思的标题，如果等上五秒还没加载出页面，大部分的人可能也就去干别的事了。不过，在你感觉打开这篇文章等待了五秒的时候，实际上花的时间可能只有两秒，也有可能你为它等待了更长的时间。斯坦福大学的神经科学教授大