动画 - 优设网 - 学设计上优设

菜单优设网 - 学设计上优设

会员

开通优设VIP星球

尊享13项VIP特权持续新增

主题打卡挑战

21天带练！告别无效练习

接私单赚外块

VIP优先接，累计金额超百万

优设私房课免费学

价值178元热销课程

你的私人律师

每月可免费咨询30次

开通VIP

领取更多设计师实用特权

投稿

动画话题

适合设计师观看的9部国漫作品！国庆假期有的看了

9图 1/9

适合设计师观看的9部国漫作品！国庆假期有的看了

除了新拟物化，还有哪些值得关注的视觉设计趋势？

平面

除了新拟物化，还有哪些值得关注的视觉设计趋势？

用一篇文章带你一起关注下，2020 年最有可能会影响我们日常设计体验的三大设计趋势，快来收藏。

2020/03/26

新鲜出炉！2020年的7个动画和动效设计趋势

UI

新鲜出炉！2020年的7个动画和动效设计趋势

2020 年最热门的7大动画和动态图形趋势全在这里了！

2020/03/12

为什么使用动画视频来推广产品，是更有效的策略？

产品

为什么使用动画视频来推广产品，是更有效的策略？

原创的动画视频能够积极地影响产品的用户体验，也能在营销过程中发挥重要的作用。在数字产品竞争如此之激烈的今天，有效地将自家的数字产品推广出去，从来都不是一件简单省心的事情。视频可以说是最为主动，也是用户消费成本最低的媒体内容之一，加上它本身所具备的强媒体属性和其中开阔的操作空间，使得越来越多的产品开始青睐使用视频来进行营销和宣传。

2018/08/22

腾讯出品！你离高效制作动画只差这一篇文章的距离

教程

腾讯出品！你离高效制作动画只差这一篇文章的距离

看完本文，前端能快速开发一些 H5动画，设计师也能高效地制作出合自己心意的动画来让别人高保真还原，希望能给大家带来一点帮助。前言说起动画H5，作为一个前端，可谓是「又爱又恨」。爱的是加上动画动效后 H5会变得生动有趣，吸引力 Max；恨的是做动画时都是一边在脑海中 yy效果，一边用 css、js代码模拟出来，既低效又不直观，正所谓「产品一句话，设计一根线，重构一身汗」。

2018/07/09

经常被忽略的动效，对于用户体验设计是如此重要

教程

经常被忽略的动效，对于用户体验设计是如此重要

动画效果是用户体验设计中绕不开的环节，而在移动端交互当中，动效是作为转场的润滑剂，承上启下的重要环节而存在。无论是发送信息，打开设置，选中元素，导航到下一个页面，这些变化发生的时候，动效让这一切不那么突兀，自然地过渡，呈现状态变化，帮助用户更清晰的明白当前的状态，这是绝佳的方式。在今天的文章当中，我们尽可能系统地呈现动画和动效在视觉和交互上的常见功能和作用。

2018/03/28

前端福利！10个免费好用功能强大的网页动画效果库

前端开发

前端福利！10个免费好用功能强大的网页动画效果库

动效设计是2018年的热门趋势之一。当然，创造动效并没有必要从0开始，有大把的设计项目可以供你快速上手，纳入到设计项目当中去。如果你仔细找找的话，会发现许多有趣的用来构建UI动效的工具，而这些素材和工具正在成为越来越多设计项目中不可或缺的催化剂。

2018/01/24

web前端开发

超简单！帮你快速做出3D人物动画的网站

酷站推荐

超简单！帮你快速做出3D人物动画的网站

@HE毛蛋：当我们建好一个人物的3D模型后，如果要为这个人物模型做动画还是需要花费一定时间精力的，不过这次我就来推荐一个能够快速做出3D人物动画的网站——Mixamo。快速体验神器→ www.mixamo.comMixamo是一个3D人物动画演示的网站，用户能够直接使用网站自带的多个模型来制作角色动画。也可以通过导入自己的模型，让自己的模型动起来。

2018/01/02

想进阶成PPT 高手？得先学会这些高级动画特性！

UI

想进阶成PPT 高手？得先学会这些高级动画特性！

编者按：@魔力大熊老师的第二篇PPT 进阶教程来咯。PPT 中那么多的动效可以选，该用哪个？怎么做出类似苹果发布会那样酷炫的动画过渡效果？

2017/02/20

案例实战！聊聊PS做帧动画的小技巧（附动态表情包制作方法）

教程

案例实战！聊聊PS做帧动画的小技巧（附动态表情包制作方法）

@阿随向前冲：今天这篇好文通过两个简单的案例（小动画+动态表情包制作），带同学们一起来详细认识下PS做逐帧动画的工作流程和基础技能。从理论上来说，PS的帧动画属于“逐帧动画”的范畴，利用的依然是人眼的“视觉暂留”现象，首先来“高大上”地Look一眼它的定义：简单说，就是在每一帧上“绘制”动画的分解动作，然后把所有帧按序列排列播放，就能看到完整的动作了，最后在保存的时候选择gif格式，这就是一个完整的作品了。当然，gif只是格式，说到本质做的还是动画。

2016/07/20

腾讯实例教学！带你轻松打开SVG动画的大门

UI

腾讯实例教学！带你轻松打开SVG动画的大门

练小习：初学SVG的时候，感觉那一坨一坨的代码难读难懂，现在回过头仔细想想，是因为那时候看文档缺少一些具体的实例，导致学习起来很枯燥。如今SVG已经在前端各个领域都有所作为，无论是项目里的应用还是demo都所处可见，这里我就用一个实例的写法带新同学轻松的打开SVG动画的大门。首先我们定义一块画布，然后在上面画一个圆形。

2016/06/08

超实用！八个小技巧教你做出舒服的MG动画

教程

超实用！八个小技巧教你做出舒服的MG动画

@正越升：MG全称是Motion Graphic运动图形，现在非常流行，经常可以看到，然而并非所有MG视频都能把图形运动做到尽善尽美，我稍微总结了一下，在MG动画中如何把图形运动做得舒服而不别扭，有错漏之处，还请见谅补充。一、重要的加速度在MG动画中，通常要拒绝匀速运动。匀速运动在现实生活中并不多见，相反，我们生活的世界到处都是力的互相作用，因此几乎所有的运动都有加速度，速度都是在变化的。

2016/02/14

上手即用好干货！2016年九大前端必备动画库

酷站推荐

上手即用好干货！2016年九大前端必备动画库

@UC优视RED设计中心：进入2016年，随着各种类型网络技术的快速发展，动画库能为我们的网页设计增添很多视觉趣味。作为前/后端的开发人员来说，熟悉及掌握好各种动画库（甚至抽取搭建成自己优化的动画库）代码，便能轻松省时省力地完成各种工作需求。即使客户或用户的UI设计需求越来越多，再加上设计大神们提交的动画动效DEMO，本文推荐的这些动画库基本都能在浏览器里面实现出来咯。

2016/01/12

看电影涨姿势！哪些电影适合推荐给学绘画的人看？（动画篇）

酷站推荐

看电影涨姿势！哪些电影适合推荐给学绘画的人看？（动画篇）

@万物CHINA ：因为太喜欢电影了，所以这个问题一定要呕血推荐！！以下，我就单纯从影片的形式感、色彩、画面、风格等等方面来推荐了！！关于电影中的形式美学，手把手教你画（zhuang）画（bi）！

2015/08/18

超赞！高大上的动效设计方法及流程总结

教程

超赞！高大上的动效设计方法及流程总结

Tdstone：在设计开发的过程中，当设计师做好了一套静态页面而且设想出N种有趣的交互动画，再交付重构还原页面的时候，由于无法提供精确的动态参数，导致沟通和制作的成本增加，而且最终的测试demo也差强人意。因此，我们通过研究当下的动态设计趋势以及PC端的交互特征，在QQ空间V8新版中做了动态创新探索，同时总结归纳出一套适于设计师表达设计概念的设计方法和流程。这是QQ空间团队开发V8新版后总结的文章，对动态设计的总结详实且条理性强，配图也很形象，是一篇难得的好文，相信设计师们阅读完会相当受益 : ）...

2013/12/03

没有更多内容了

大家都在看

ICON

文章 204

酷站

文章 643

用户体验设计

文章 337

动效设计

文章 208

设计师专访

文章 149

海报设计

文章 358

设计师职场

文章 886

入门

文章 162

产品设计

文章 544

热门频道

设计专题

热门设计知识精挑细选

细节猎人

1分钟小短文揣摩设计真谛

优设读报

行业资讯一站知晓

优设琅琊榜

顶尖设计作品聚集地

优设9图

优设爆火的干货频道

设计问答

高手大咖在线答疑解惑

热门频道

设计灵感

支持与服务

优设微博

@
优秀网页设计
380W粉丝！每日更新设计干货
@
优设
强烈推荐！优设官方品牌微博
@
优优教程网
官方微博，海量教程看不完
@
优设基础训练营
零基础入门，带你成为软件高手
官方群
优设官方微信群
01优设25+设计师交流群
02优设30+设计师交流群
03优设求职招聘群
04优设同城交友群
05优设私单群
06优设学生交流群

07优设UI设计师交流群
08优设插画师交流群
09优设平面品牌设计师交流群
10优设3D设计师交流群
11优优教程自学团
12优设VIP知识星球交流群
微信扫码添加管理员招财

微信号：扫码添加

严格审核打造高质量交流群

进群会有面试题谢绝打广告
优设微信

每天官微五分钟

一年萌新变大神

扫码关注

1000W

优设新媒体矩阵等你来关注

优优教程网

优设大课堂

设计师导航

优设训练营