动效设计 - 优设网 - UISDC

动效设计

已发布文章 149 篇

  1. 首页
  2. 文章
  3. 动效设计
1 / 10 到第 页

花两个月时间做的动画宣传片，为你揭秘制作全过程

2019-05-05    推荐：    13628 人阅读   
阅读全文 →
大名鼎鼎的 Element 组件库现在出动画宣传片啦。这个耗时2个月的片子完全由 UI 设计师主导制作，他是如何一步步完成的？来看背后过程揭秘！

为你揭秘 Google的动效设计师是怎么制作 UI 动效的

2019-03-19    推荐：    18146 人阅读   
阅读全文 →
我在上一篇文章已经通过实际的案例，分享了动效设计并不难的原因。在今天的文章当中，我会分享我们自己的工作流程、技巧和设计的方法。

动效设计没那么难！让谷歌动效设计师带你入门

2019-03-18    推荐：    16936 人阅读   
阅读全文 →
编者按：UI中动效设计本没有那么玄乎，作为 Google 旗下 Material Design 团队中动效设计的负责人之一，Jonas Naimark 对于...

B 端产品如何做动效设计？用实战案例告诉你！

2019-03-17    推荐：    12002 人阅读   
阅读全文 →
在无限的信息体量和有限的用户浏览范围之间求得平衡，让用户看到全部创作中他最想看到的那一面。 在B端产品的设计过程中，我深切体会到动效能在很多体验领域起到四两...

设计细节揭秘 学有所思 查看全部>>

如何让动效完美还原？送你两个超厉害的免费插件！

2019-03-16    推荐：    21788 人阅读   
阅读全文 →
作为视觉设计师你是否会遇到这样的问题，当需要做一个 loading 或者其他动效的时候，总会或多或少的出现一些问题，如何使用更轻量高效的 Sketch 直接...

跪了！揭秘「网易云音乐2018年度听歌报告」刷屏背后的动效设计

2019-02-27    推荐：    34972 人阅读   
阅读全文 →
作为2019年第一个爆款刷屏 H5 项目，「网易云音乐2018年度听歌报告」除了走心的文案、精美的页面，也包含了不少有意思的动效。大家应该能想到，这些动效的...

腾讯设计师：减少页面跳转的10个方法总结

2019-01-24    推荐：    26602 人阅读   
阅读全文 →
我们在进行设计的时候，往往遇到以下的场景： 这就是信息的无限性和手机屏幕的有限性之间的矛盾，如何把信息合理的展示给用户，需要我们重新对信息进行组织分类，使信...

只需要懂点高中物理知识，就能让你做出优秀动画！

2019-01-23    推荐：    13360 人阅读   
阅读全文 →
化繁为简，是解决难题的好办法。今天的文章将会教你如何拆分一个动画，以及如何使得动画符合一般物理学规律而变得生动。 作为一个动效爱好者，被问到最多的一个问题就...

高手都在用！9个实用小技巧提升你的动效设计功力

2019-01-16    推荐：    12748 人阅读   
阅读全文 →
迪士尼动画的12条原则是设计师必须要掌握的经典指导性原则，是由 Ollie Johnston 和 Frank Thomas 在他们的书《The Illusi...

用一篇文章，让你掌握「微交互」的基础知识！

2018-11-27    推荐：    11216 人阅读   
阅读全文 →
编者按：本文总结了微交互的基础知识和三大作用，作者用大量优秀的微交互案例演示让你直观感受到微交互的强大，适合对微交互不熟悉的新人学习。 @铁木须  ：微交互...

动效到底有哪些作用？来看高手的全面总结！

2018-11-25    推荐：    17394 人阅读   
阅读全文 →
编者按：本文由负责Material Design 动效设计的谷歌设计师撰写，帮助大家深入理解动效的作用，才能做出更好的动效设计。 有时候现代科技产物使用起来...

流动的质感！流体效果是怎样赋予页面以生命力

2018-11-15    推荐：    40656 人阅读   
阅读全文 →
在拟物化设计大行其道的时代，设计师在设计的时候会试图在数字界面中复刻现实世界中的元素和质感，大家戏称为「抄现实」。如今拟物化设计的热潮褪去，但是在设计UI和...

谷歌设计师：只要掌握这两个方法，帮你做好动效设计！

2018-10-23    推荐：    16594 人阅读   
阅读全文 →
今天这篇文章，讲的又是大家感兴趣的动效知识。现如今，动效对于品牌的传达变得越来越重要，所以我想尽可能多的去搜集动效相关的资料，跟大家一起，紧跟趋势，把这块的...

别轻易说你会动效！这10个动画误区你都犯过吗？

2018-10-07    推荐：    16424 人阅读   
阅读全文 →
10个动效案例，让大家避开动效误区。 一、走路 在做走路动画的时候，除了要把脚与地面的接触做出来，更应该要注意的是身体不同部位的跟随与节奏。 错误示范 正确...

基础科普！最常见的四种移动端功能性动效全面总结

2018-09-29    推荐：    11058 人阅读   
阅读全文 →
功能性动效的主要类型有页面空间转换、视觉信息反馈、功能操作引导、品牌与趣味，本文就来谈谈这四种功能性动效在移动端的使用。 一、功能性动效的定义 定义：功能性...

终极指南！超全面的UI动效基本规则总结

2018-09-07    推荐：    36236 人阅读   
阅读全文 →
动画效果如今已经深入到 UI界面的每个角落。屏与屏之间的切换因为动效而显得更加连贯，交互的上下文逻辑也因为动效的加持而更加清晰。动效对于产品和用户而言，都是...

热门专题 查看全部>>

145098人看过 9篇文章

职场习惯

揭秘设计师快速成长的秘诀

那些工作两年的设计师，为什么成长速度这么快？本系列邀请了多位设计大咖，分享独家的职场习惯，总有一个能让你受益无穷。
查看专题
115060人看过 7篇文章

图标绘制指南

高手从零开始带你画图标

本专题由「超人的电话亭」撰写，旨在帮助新人设计师学会图标的绘制方法。从图标基础知识到5大图标类型绘制方法详解，最后附上图标应用方法。UI 设计新手学习图标之前，建议完整阅读这个专题，帮助极大。
查看专题
img

设计培训

优设超人气零基础课程，UI设计、手绘、产品课程等。访问预约
img

细节猎人

设计总监喜欢看的频道！捕获产品细节之美。立即查看
img

优设专题

最具含金量的干货文章合辑，你想看的都在这里。点击学习
img

找灵感

强悍！还怕没灵感？这里藏了大家都在用的新鲜灵感库。戳我戳我
设计师 扁平化设计 版式设计 交互设计师 界面设计 排版布局 优设专访 职场 优设大课堂 配色 视觉设计 web前端开发 素材下载 设计流程 AI教程 设计理论 神器下载 字体下载 设计师专访 psd下载 平面设计 设计趋势 用户体验设计 设计规范 海报设计 动效设计 logo设计 图标设计 产品设计 ICON 神器推荐 App设计 职场规划 字体设计 酷站推荐 交互设计 ui设计 设计师职场 优秀网页设计 ps技巧 酷站 用户体验 PS教程 网页设计 经验分享

您还没有登录

优设启用更安全省心的 微信扫码登录

微信扫码

300万设计师聚集地！优设网是极具人气的设计师平台
2012年成立至今，一直专注于设计师的学习成长交流