菜单
优设网uisdc.com
优设网 - 学设计上优设
首页
设计文章
热门频道
网址导航
培训课程
教程与灵感
设计素材
关于我们
联系我们
文章投稿
意见反馈
广告商务
会员
开通优设VIP星球
尊享13项VIP特权
持续新增
主题打卡挑战
21天带练！告别无效练习
接私单赚外块
VIP优先接，累计金额超百万
优设私房课免费学
价值178元热销课程
你的私人律师
每月可免费咨询30次
开通VIP
领取更多设计师实用特权
投稿
搜索
您还未登录
登录后即可体验更多功能
立即登录
文章收藏
资源下载
提问答疑
我要投稿
UI动效 话题
首页
设计文章
UI动效
转场动效
收录74篇文章
设计方法
收录96篇文章
设计理论
收录132篇文章
设计原则
收录113篇文章
改版设计
收录101篇文章
UI
用超多案例，帮你掌握 UI 动效设计基础设计知识
最近梳理了 UI 动效设计的入门级基础知识进行分享，结合了主流系统官方指南和自己的理解，附有大量直观动图帮你理解。
2022/06/28
UI动效
UI
10 个优秀案例，看看大厂如何做好 UI 动效！
最近在体验产品的过程中，发现了很多优秀的动效案例，本文列举了 10 个 UI 动效案例供大家学习参考。
2021/12/17
UI动效
UI
用起点读书的实战案例，教你从AE制作到落地开发的方案
本文将起点读书中使用过的从 AE 到落地的经验梳理成文，对比分析不同方案的差异和优劣，辨析其还原程度和性能表现，希望给同行设计师一些参考和借鉴。
2020/11/26
AE动效
UI
深度分析12条经典动效设计原理，提升产品可用性！
本文追根溯源，先从动效的起源讲起，一步步推进与产品、体验之间的关系，最后通过案例分析动效设计的原理和应用。一起来看看吧～
2020/11/16
UI动效
神器推荐
想给你的网页加上酷炫动效？这有 20 个神器帮你！
如今很多 UI 设计师不是正在做动效，就正在学着做动效。今天这 20 个动效工具，肯定对你有帮助。
2019/08/08
UI动效
神器推荐
阿里新开发了一款神器犸良！零基础也能轻松做酷炫动效
最近阿里又推出了一款基于 Lottie 的动效设计平台 ── 犸良。能够快速生成设计师想要的动态效果，并交付给开发，极大地提高了设计效率和设计还原度。
2019/07/08
UI动效
UI
为什么越来越流行的酷炫动效，你不一定要学？
为什么 Dribbble 那么多的酷炫动效，对大部分设计师而言只是在自嗨？好的动效是什么样的？有哪些值得学习的动效设计方法？
2019/06/27
AE动效
UI
为你揭秘 Google的动效设计师是怎么制作 UI 动效的
我在上一篇文章已经通过实际的案例，分享了动效设计并不难的原因。在今天的文章当中，我会分享我们自己的工作流程、技巧和设计的方法。
2019/03/19
AE
UI
跪了！揭秘「网易云音乐2018年度听歌报告」刷屏背后的动效设计
作为2019年第一个爆款刷屏 H5 项目，「网易云音乐2018年度听歌报告」除了走心的文案、精美的页面，也包含了不少有意思的动效。大家应该能想到，这些动效的设计是出自我们设计团队，但你可能没想到的是，实现这些动效的前端代码也有一大部分是设计师「写」的哦。据不完全统计，可能有上万行之多，为什么会这么多，看完文章就知道了。
2019/02/27
2018 听歌报告
UI
只需要懂点高中物理知识，就能让你做出优秀动画！
化繁为简，是解决难题的好办法。今天的文章将会教你如何拆分一个动画，以及如何使得动画符合一般物理学规律而变得生动。作为一个动效爱好者，被问到最多的一个问题就是：我要怎样开始才能学好动效？
2019/01/23
AE动效
UI
高手都在用！9个实用小技巧提升你的动效设计功力
迪士尼动画的12条原则是设计师必须要掌握的经典指导性原则，是由 Ollie Johnston 和 Frank Thomas 在他们的书《The Illusion of Life》中提出来的观点（译者注：这本书在豆瓣的评分有9.3分，值得一看）。这些原则最初是用来为动画片这种传统的形式设计的，然而，这些原则也同样适用于 UI设计。所以，我想在这里做一个有趣的尝试，看能否将这些动画原则联系起来。
2019/01/16
UI动效
UI
动效到底有哪些作用？来看高手的全面总结！
编者按：本文由负责Material Design 动效设计的谷歌设计师撰写，帮助大家深入理解动效的作用，才能做出更好的动效设计。有时候现代科技产物使用起来非常复杂，但是其实「复杂」本身没有好坏之分：不好是因为没有处理好这个复杂所以产生了「混乱」，所以应该被批评的不是复杂而是因复杂所产生的混乱。——唐纳德·诺曼△ 上：大众点评；马蜂窝 下：IFTTT（个人助手类型应用）；Airbnb（爱彼迎）一、界面密度高就混乱么？
2018/11/25
UI动效
UI
谷歌设计师：只要掌握这两个方法，帮你做好动效设计！
今天这篇文章，讲的又是大家感兴趣的动效知识。现如今，动效对于品牌的传达变得越来越重要，所以我想尽可能多的去搜集动效相关的资料，跟大家一起，紧跟趋势，把这块的能力掌握好。之前有篇比较类似的文章，《超全面！
2018/10/23
UI动效
UI
基础科普！最常见的四种移动端功能性动效全面总结
功能性动效的主要类型有页面空间转换、视觉信息反馈、功能操作引导、品牌与趣味，本文就来谈谈这四种功能性动效在移动端的使用。一、功能性动效的定义定义：功能性动效是一种嵌入 UI 设计中微妙的动画，有着明确、合理的目标。功能性动效的主要类型：页面空间转换；视觉信息反馈；功能操作引导；品牌与趣味。
2018/09/29
AE动效
UI
这些小小的改变，能够让UI动效更上一层楼
UI动效现如今在 APP 和网页中几乎已经成为了基本的组成部分，经过仔细打磨的 UI动效对于整个界面的提升是显著的。动效呈现出状态切换的过程，展现了元素之间的逻辑关系，并且吸引用户的注意力，引导他们执行有效的交互。在设计动效的过程中， Material Motion 的设计原则，IBM 动画设计规则和 UX动效宣言都是不错的设计参考和指引。
2018/05/11
UI动效
UI
用一篇文章，帮你掌握基础实用的动效技能
对如今的 UX 设计师来说，会点动效基本已是常规操作了。作为 UX 设计师，动效可以辅助的产出可以涵盖界面交互动效、项目宣传 MG动画、产品吉祥物表情包、年终汇报 PPT 等等。这些技能点虽然广，但是只需要掌握基础实用的几个点就足以辅助我们更好的包装输出。
2018/05/06
AE动效
UI
看似花哨的UI概念动效，并不只是为了耍酷而存在
在 UI 界面当中使用动效已经成为这几年一直被讨论的热门话题了。动效要怎么用，什么样的动效更优秀等等，这样的探讨层出不穷。在 UI 所涉及到的各种动画和动效当中，概念动效是被讨论的最多的话题。
2018/04/13
UI动效
没有更多文章了
大家都在看
干货大合集
文章 166
立即查看
用户体验设计
文章 320
立即查看
海报设计
文章 286
立即查看
职场
文章 137
立即查看
用户研究
文章 139
立即查看
干货合集
文章 191
立即查看
字体下载
文章 136
立即查看
PS教程
文章 775
立即查看
入门
文章 162
立即查看
优设读报
2022年09月28日 星期三
01
雪铁龙全新车标亮相，该标识将在 2023 年逐步推广并装车
02
B 站登陆索尼 PS4/PS5 游戏主机平台：游玩时查看游戏相关内容
03
网易云音乐首款音乐社交 App MUS 正式开放注册
04
腾讯联合埃森哲发布《全真互联白皮书》
05
微信推出新版本，退出群聊后可保留聊天记录
查看全部
表情设计
上亿人使用的表情是怎么诞生的？
查看专题
专题
已有124.3w位观众
已收录
23
篇持续更新
哈哈哈！设计师专用表情包合集（一）
158618 人阅读
哈哈哈！设计师专用表情包合集（二）
91552 人阅读
细节
「腾讯视频」：用剧情热点触发用户的互动讨论
之前有写过「爱奇艺」会在剧集进行中适度推送一些与剧情相关的广告，多数同学的反馈是盈利模式可理解，但无论广告弹窗以何种形式出现还是会引起反感情绪。那如果是与剧情热点相关的讨论浮窗在播放中被触发，是否能被大家所接受呢？「腾讯视频」的视频播放进程中会出现一些与播放内容相关的互动话题讨论，应该是想以此提升用户的参与感，平台也能收集一些反馈数据和信息。
2018/12/07
AmberDu小白
互动
设计问答
全部问答
DongDong 邀请你来回答
你们设计总监的口头禅是？
4.4k位设计师围观了该问题
我来回答
张小闲 邀请你来回答
工作了2-3年的设计师，你有哪些职场心得可以分享？
1.8k位设计师围观了该问题
我来回答
优设琅琊榜
查看全部
2.8w
1/9
作品给人带来无限温暖！MORNCOLOUR 正在创造属于他的美好
Col.Zhao
有时孤独，时常想念。
设计神器
全部神器
壹周速读：除了 iOS 15 新素材，这些干货神器也值得下载！
神器推荐
Icon8推出圣诞节免费图库，快来收！
神器推荐
第二波！2020年3月设计圈超实用干货大合集
神器推荐
酷站两连发！矢量雪花图免费生成器+在线解压网站
神器推荐
课程
爆款课程！零基础C4D实战就业班
涨薪指数
技能点 · C4D
涨薪必备
名师亲授
课程
如何快速创作火爆全网的手绘作品？
涨薪指数
技能点 · 手绘插画
私单涨薪
必备技能
课程
插画学到什么程度，才够接私单赚钱？
涨薪指数
技能点 · 手绘插画
接单涨薪
快速入门
课程
为什么阿里和OPPO超爱这类插画风格？
涨薪指数
技能点 · 手绘插画
高效实战
百万人气
求职招聘
发布职位
高级体验设计师/设计专家
杭州
大专及以上
经验不限
25k-50k
UI设计师（兼职）
Los Angeles
大专及以上
3-5年
8k-10k
交互设计师
上海
本科及以上
3-5年
25k-50k
查看全部
行业新闻
发布行业新闻
如影两款智能硬件产品斩获美国 IDEA 设计奖，设计力再获世界认可
品牌资讯
十万奖金，一日CEO体验！「NAO虚拟面料创新设计挑战赛」正式开启
活动赛事
斩获6项国际设计奖，百度大字版APP是如何做到的？
行业新闻
查看全部
热门频道
设计专题
热门设计知识精挑细选
查看专题
细节猎人
1分钟小短文揣摩设计真谛
查看猎人
优设读报
行业资讯一站知晓
查看读报
优设琅琊榜
顶尖设计作品聚集地
查看榜单
行业新闻
行业大事小事全知道
查看新闻
设计问答
高手大咖在线答疑解惑
查看话题
