扁平化的兴起，现在越来越流行动效设计，特别对于移动端，对交互动效要求是很高的，今天为大家整理一些以展示动效为主的网站，对交互设计师来说是很好的灵感发源地。
相关推荐《10个启发交互设计师灵感的UI设计网站和CSS动画网页》
下面推荐的网站将是设计达人经过长时间整理并筛选出来的网站，建议设计师们收藏地来，此外我们也将这些网站收集到设计导航的灵感酷站栏目。
UI Movement
UI movement此站更新比较快，主要展示移动APP的动效界面为主。
Motions
motions的动画作品大部分交互摘自 Dribbble，所以质量有保证。界面不仅是APP，还有其它GIF动画
Design Patterns
Design Patterns是Codepen的一个频道，主要对一些交互友好的代码集合到一起，并分类，设计师可以很方便的从里面找自己想看的动效元素，而且已经实现了代码编写，还能真实拿来使用。
Capptivate.Co
Capptivate.co 展示的动效作品很比较完整，但是更新有点慢，到了2015年2年后就没有更新过，但里面的界面依然很赞，期待作者继续更新！
Little Big Details
little big details 很早之前设计达人网就介绍过，也许很多用户已经忘记，今天再次精选到这里面来。推荐的动效有移动 APP 界面、软件界面、网页以及智能手表等，反正用户体验友好的作品都会被推荐到这里来。
UYI
UYI 全称为 use your interface，专注收集一系列动效界面，以方便你激发和获得动效设计想法。
UI Animations
UI Animations 分享带动效的移动UI设计，但更新有点慢呢。
SIX UX
名称很有意思，分享6秒内的交互设计作品。主要以网页设计和APP界面为主。
User Flow Patterns
最后这个网站可能需要“科学上网”才能正常访问… 分享也是以 APP 动效界面设计为主。
注：以上网站已收录至设计导航(http://hao.shejidaren.com)
相关推荐
移动UI界面设计是现代数字产品开发中的核心环节，特别是在Android和iOS两大主流操作系统平台上，优秀的UI设计能够极大地提升用户体验，使应用或网站更加易用、美观。本资源为"移动UI界面设计（微课版)源文件"，包含...
UI动效是用户界面设计中的一个重要组成部分，它不仅赋予了应用程序生命力，还能增强用户体验，提升产品的交互性。在现代UI设计中，动效已经成为不可或缺的一部分，帮助用户更好地理解和导航应用程序。 UI动效的设计...
总之，这个资源包提供了完整的Unity UGUI解决方案，包括UI框架、动效设计和简约风格的界面元素，以及Q弹动画效果，对于希望提升游戏或应用UI质量的开发者来说，是一份非常有价值的学习和开发材料。通过学习和应用...
《浅议动效设计在APP中的交互应用方式》一文主要探讨了动效设计在移动端应用程序中的重要性和应用策略。动效设计，作为运动图形设计的简称，是通过动态影像来增强视觉体验的艺术形式，它在提升用户体验和产品气质...
动效设计不仅能够提升界面的美观性，更能够影响用户的专注沉浸度，即用户在使用APP时的投入感和注意力集中程度。本研究基于Material Design的交互动效理论，结合Technology Acceptance Model（TAM）模型，深入探讨...
尽管UI设计和卡通动效之间存在差异：卡通更侧重于娱乐，而用户界面却是严谨的互动式工具。但是我们还是可以借鉴卡通动效的优点，从情感和认知层面上将两者的优势相结合。UI、动画效果、卡通大家都知道，UI界面一般都...
例如，可以定义两个变量记录线条的起始和结束位置，然后在每次动画帧更新时改变这些位置，从而让线条看起来像是在移动。 为了实现更复杂的动效，我们还需要掌握其他Canvas API，比如`clearRect`用于清除指定区域，`...
总结，iOS指引页动效的设计与实现是一个综合了视觉设计、用户体验和性能优化的过程。"GuidePage"项目提供了一个实战示例，开发者可以从中学习如何运用UIView和Core Animation创建吸引人的指引页动效，提升应用的用户...
扇舞翩翩界面动效
在本资源中，“易语言UI设计源码 选择夹类动效和循环动效”是关于易语言用户界面（UI）设计的一个项目，其中包含了选择夹类动效和循环动效的实现代码。 UI设计是软件开发中的关键环节，直接影响到用户的交互体验。...
本资源包“大量触摸屏界面图，可作设计参考”提供了丰富的素材，旨在为从事触摸屏界面设计的人员提供灵感和指导。下面将详细讨论相关知识点。 首先，触摸屏界面设计的核心在于用户体验（UX）和用户界面（UI）。设计...
"加入与取消购物车动效"是一个典型的例子，它涉及到前端开发中的React组件设计和JavaScript库的结合使用，如jQuery，以实现流畅且直观的用户界面。 首先，React是一个由Facebook开发的开源JavaScript库，主要用于...
然而，通过编程技术，我们可以让这些静态的文字变得生动起来，实现各种动态效果。 在"文字动效"这一主题下，"上下左右"的动效意味着文字将在四个方向上移动，为用户创造出一种动态视觉体验。这需要开发者深入理解...
网页界面设计是构建互联网产品视觉呈现的关键步骤，它涉及到用户体验、交互性以及美学元素的融合。本教程聚焦于当前流行的网页界面设计理念和技术，旨在帮助设计师和开发者提升他们的设计技能，创造出更符合用户需求...
设计师可能参考了Siri的界面元素，确保动效风格的一致性。 8. **版本兼容性**： 为了支持不同版本的Android系统，开发者可能采用了兼容库（如AppCompat）和针对API级别的条件语句，以确保在多个Android版本上运行...
Swift中的Donut甜甜圈风格预览动效视图是一种创新的UI设计，它为应用程序带来了生动有趣的用户体验。这种视图通常用于预览、加载或指示进度，其独特的甜甜圈形状和动态效果使得交互过程更加吸引人。在iOS开发中，...
**WPF超酷界面设计** Windows Presentation Foundation (WPF) 是微软.NET框架的一部分，用于构建具有丰富图形、多媒体和互动体验的桌面应用程序。本资源提供了一款WPF超酷界面设计的示例，包含了完整的程序源代码，...
移动用户界面（UI）的设计和开发一直是移动应用领域关注的重点。随着技术的不断进步和用户需求的日益增长，移动UI设计经历了快速的演变。2014年作为移动互联网快速发展的一年，为我们提供了分析移动UI发展趋势的良好...
动效设计虽然能让界面更加生动、有趣，但如果动效过多可能降低反应效率。因此，在设计界面动效时应把握两个重点：（1）增强页面呈现的引导，不要生硬跳转，以提高界面与界面衔接的延续感。 本文对基于用户体验的...
这个压缩包文件"**WPF实现鼠标拖动控件并带有中间动效**"提供了这样的示例代码，它展示了如何让控件响应鼠标的拖动操作，并在移动过程中添加动态效果。 首先，我们要了解WPF中的基本控件和事件系统。WPF提供了一...