`
shuai1234
  • 浏览: 991715 次
  • 性别: Icon_minigender_1
  • 来自: 山西
社区版块
存档分类
最新评论

让界面动起来!移动动效设计必备灵感网站

 
阅读更多

扁平化的兴起,现在越来越流行动效设计,特别对于移动端,对交互动效要求是很高的,今天为大家整理一些以展示动效为主的网站,对交互设计师来说是很好的灵感发源地。

动效设计

相关推荐《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)

分享到:
评论

相关推荐

    After Effects移动UI交互动效设计与制作(全彩慕课版)-PPT.rar

    《After Effects移动UI交互动效设计与制作》是一份详细的教学资料,主要涵盖了从基础到高级的After Effects在UI设计中的应用。这份全彩的慕课版教程通过一系列PPT文件,旨在帮助学习者深入了解并掌握如何利用After ...

    数字媒体艺术设计专业信息化教学设计初探——以《APP界面动效设计》单元为例.pdf

    数字媒体艺术设计专业信息化教学设计初探——以《APP界面动效设计》单元为例.pdf

    乐魔leo游戏UI动效0基础系统课-课程网盘链接提取码下载 .txt

    乐魔leo游戏UI动效0基础系统课程是一门专门面向初学者的游戏用户界面与动效设计的培训课程。课程内容全面,不仅涵盖了游戏UI设计的基础理论知识,还包括了动效制作的具体技巧和步骤。在课程的学习过程中,学员将接触...

    Canvas动效

    例如,可以定义两个变量记录线条的起始和结束位置,然后在每次动画帧更新时改变这些位置,从而让线条看起来像是在移动。 为了实现更复杂的动效,我们还需要掌握其他Canvas API,比如`clearRect`用于清除指定区域,`...

    探索动效开发模式.zip

    在IT行业中,动效开发是用户体验设计的重要组成部分,它能够增强用户交互的视觉吸引力和流畅性。"探索动效开发模式"的主题旨在深入研究不同类型的动效设计模式以及它们在实际应用中的实施策略。这份资料可能包含了一...

    易语言UI设计源码 选择夹类动效和循环动效

    在本资源中,“易语言UI设计源码 选择夹类动效和循环动效”是关于易语言用户界面(UI)设计的一个项目,其中包含了选择夹类动效和循环动效的实现代码。 UI设计是软件开发中的关键环节,直接影响到用户的交互体验。...

    【未闻花名Glass UI】 第二期(动效)

    例如,透明度变化可以让人物界面看起来更具活力,而渐变过渡则可以平滑地引导用户的视线流向下一个需要关注的元素。 同时,我们不得不提的是标签“SanYe”。虽然不清楚它是个人标识还是项目分类,但它在设计社区中...

    奇码渐变紫色主界面动效-易语言.zip

    【标题】"奇码渐变紫色主界面动效-易语言.zip" 提供的是一个使用易语言编程实现的动态效果,主要特色在于主界面的渐变紫色设计。易语言是一种面向对象、可视化、组件化的编程语言,其目标是降低编程难度,让普通用户...

    界面设计模式第二版 原版

     同时,随着网络和技术的不断发展,《界面设计模式(第2版)》在第1版的基础上,更新了几乎所有的模式示例和说明,并新增了两章全新的移动应用和社交媒体设计模式,帮助读者在这两个新的领域从更高的起点开始设计。...

    文字动效 上下左右

    然而,通过编程技术,我们可以让这些静态的文字变得生动起来,实现各种动态效果。 在"文字动效"这一主题下,"上下左右"的动效意味着文字将在四个方向上移动,为用户创造出一种动态视觉体验。这需要开发者深入理解...

    网页界面设计教程,很不错的

    网页界面设计是构建互联网产品视觉呈现的关键步骤,它涉及到用户体验、交互性以及美学元素的融合。本教程聚焦于当前流行的网页界面设计理念和技术,旨在帮助设计师和开发者提升他们的设计技能,创造出更符合用户需求...

    swift-Donut可爱的甜甜圈风格预览动效视图

    Swift中的Donut甜甜圈风格预览动效视图是一种创新的UI设计,它为应用程序带来了生动有趣的用户体验。这种视图通常用于预览、加载或指示进度,其独特的甜甜圈形状和动态效果使得交互过程更加吸引人。在iOS开发中,...

    WPF超酷界面设计

    **WPF超酷界面设计** Windows Presentation Foundation (WPF) 是微软.NET框架的一部分,用于构建具有丰富图形、多媒体和互动体验的桌面应用程序。本资源提供了一款WPF超酷界面设计的示例,包含了完整的程序源代码,...

    移动UI发展趋势

    移动用户界面(UI)的设计和开发一直是移动应用领域关注的重点。随着技术的不断进步和用户需求的日益增长,移动UI设计经历了快速的演变。2014年作为移动互联网快速发展的一年,为我们提供了分析移动UI发展趋势的良好...

    基于用户体验的旅游APP界面设计分析.pdf

    动效设计虽然能让界面更加生动、有趣,但如果动效过多可能降低反应效率。因此,在设计界面动效时应把握两个重点:(1)增强页面呈现的引导,不要生硬跳转,以提高界面与界面衔接的延续感。 本文对基于用户体验的...

    WPF实现鼠标拖动控件并带有中间动效.rar

    这个压缩包文件"**WPF实现鼠标拖动控件并带有中间动效**"提供了这样的示例代码,它展示了如何让控件响应鼠标的拖动操作,并在移动过程中添加动态效果。 首先,我们要了解WPF中的基本控件和事件系统。WPF提供了一...

    基于ViewGroup和属性动效的LoadingView2设计源码

    它通过自定义ViewGroup和属性动画技术,让加载动效更加丰富多彩,给用户留下了深刻的印象。无论是对于想要学习动画实现的新手,还是希望提升自己项目加载体验的中高级开发者,本项目都是一个宝贵的学习资源。

    rainmeter频谱动效.zip

    "rainmeter频谱动效.zip"这个压缩包就是专门针对Rainmeter的音乐频谱动效设计的。 "rainmeter频谱动效"指的是Rainmeter中的一个插件或皮肤,它可以将电脑播放的音频转化为可视化图形,通常是随音乐节奏变化的频谱图...

    login登录页面粒子背景动效.rar

    在前端开发领域,登录页面是用户接触应用的第一步,因此设计一个吸引人的登录界面至关重要。"login登录页面粒子背景动效.rar" 提供了一个利用粒子背景实现动态效果的登录页面示例。粒子背景动效是一种现代且流行的...

    android 漂亮的UI界面 完整的界面设计

    声明:这也是我学习时在网上下载的,鉴于分享精神,并且觉得很不错才上传...android 漂亮的UI界面 完整的界面设计 这是一个完整的UI设计,但是没写动作,这是一个公司程序员的公司任务设计,请别商用,要用请修改。。。

Global site tag (gtag.js) - Google Analytics