网页中的动画设计 第1篇
网页加载的等待页面，恰当的结合网页主题其实可以变得有趣且有用。比如鲜花网站的加载被设计成一束鲜花盛开的过程，花朵全部盛开后加载完成。短暂的等待期间可以自然的强调网站主题，同时为用户提供一个精致的视觉体验。同样作为结合主题的案例，摄影网站的加载页呈现的是相册翻阅，加载完成想要打开的图片自然的被呈现，用户体验沉浸且流畅。
▲ 结合主题，相册翻阅加载
网页中的动画设计 第2篇
您和您的客户都无法肯定地说出目标用户将如何对任何设计功能做出反应，包括动画。
解释分裂测试背后的原理，并用数字说明可能的结果。如果您运行A / B测试并允许每个测试平均运行三天，那么您将在一年内运行120次测试。如果每次测试都会使转化率提高5％，那么一年后的结果会让您的客户感到惊讶
120 =
与坚持原始未经测试的想法相比，这意味着转换次数增加倍。
有了这些数字，任何客户都可以看到支付A / B测试工具的逻辑，这使得设置测试变得容易。
网页中的动画设计 第3篇
向客户询问他们打算放在他们网页上的任何广告，因为广告会影响您的网页布局和调色板。
您的颜色选择不仅限于广告中的颜色，而且广告必须脱颖而出，不会发生可怕的冲突。如果您正在使用粉红色广告，那么蓝色或灰色调色板通常会起作用，但您需要更加小心使用粉红色，红色或绿色。
每个人都喜欢GIF，即使他们讨厌视频。您可以使用GIF演示工具的功能或如何与网页进行交互。GIF比阅读冗长的文字段落解释更容易，更快捷。
网页中的动画设计 第4篇
Spinning image selector，这个动态导航让图片像唱片一样有序的分类和排列并可以跟随鼠标转动，选图片的过程变得像逛唱片店一样有意思。
▲ Spinning image selector
Your Plan, Your Planet是关于可持续未来规划的动效网页作品，所以它的首页导航设计以水、食物、能量等生活元素为主，鼠标滑动选择不同的元素悬停进入内容，让整个网页非常富有可爱创意和设计感。
▲ Your Plan, Your Planet