微动效 - 优设网 - 学设计上优设

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

会员

开通优设VIP星球

尊享12项VIP特权持续新增

主题打卡挑战

21天带练！告别无效练习

接私单赚外块

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

优设私房课免费学

价值178元热销课程

作品集指导

优设设计专家语音在线指导

开通VIP

领取更多设计师实用特权

投稿

微动效话题

大厂出品！10个值得学习的微动效案例设计

UI

大厂出品！10个值得学习的微动效案例设计

近期在体验产品的过程中，总结了10个微动效的优秀案例，分享出来和大家一起探讨。

2022/03/29

深度分析12条经典动效设计原理，提升产品可用性！

UI

深度分析12条经典动效设计原理，提升产品可用性！

本文追根溯源，先从动效的起源讲起，一步步推进与产品、体验之间的关系，最后通过案例分析动效设计的原理和应用。一起来看看吧～

2020/11/16

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

教程

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

我们在进行设计的时候，往往遇到以下的场景：这就是信息的无限性和手机屏幕的有限性之间的矛盾，如何把信息合理的展示给用户，需要我们重新对信息进行组织分类，使信息能更高效有序地被用户认知。在进行信息设计的时候，我们会经常遇到「扁平化设计」这个词，在我的理解看来，扁平化设计可以理解为：「精简交互步骤，用户用最少的步骤就完成任务」。层级太多了用户就会看不懂；即使看得懂，层级多了用起来也麻烦。

2019/01/24

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

UI

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

迪士尼动画的12条原则是设计师必须要掌握的经典指导性原则，是由 Ollie Johnston 和 Frank Thomas 在他们的书《The Illusion of Life》中提出来的观点（译者注：这本书在豆瓣的评分有9.3分，值得一看）。这些原则最初是用来为动画片这种传统的形式设计的，然而，这些原则也同样适用于 UI设计。所以，我想在这里做一个有趣的尝试，看能否将这些动画原则联系起来。

2019/01/16

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

UI

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

编者按：本文由负责Material Design 动效设计的谷歌设计师撰写，帮助大家深入理解动效的作用，才能做出更好的动效设计。有时候现代科技产物使用起来非常复杂，但是其实「复杂」本身没有好坏之分：不好是因为没有处理好这个复杂所以产生了「混乱」，所以应该被批评的不是复杂而是因复杂所产生的混乱。——唐纳德·诺曼△ 上：大众点评；马蜂窝下：IFTTT（个人助手类型应用）；Airbnb（爱彼迎）一、界面密度高就混乱么？

2018/11/25

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

UI

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

动画效果如今已经深入到 UI界面的每个角落。屏与屏之间的切换因为动效而显得更加连贯，交互的上下文逻辑也因为动效的加持而更加清晰。动效对于产品和用户而言，都是一个不可多得的重要组成部分。

2018/09/07

最全最好用的动效落地方法，都帮你总结好了（下）

UI

最全最好用的动效落地方法，都帮你总结好了（下）

上篇内容回顾：《最全最好用的动效落地方法，都帮你总结好了（上）》接下来进入下篇。主题是：从 Web 前端的角度来讲，有哪些便捷的方法实现这些动效？在目前行业内，动效设计的整个体系还未成熟。

2018/04/05

最全最好用的动效落地方法，都帮你总结好了（上）

UI

最全最好用的动效落地方法，都帮你总结好了（上）

用户体验设计的发展日趋完善，优秀的动效是完善用户体验中不可或缺的一环，优秀的界面动态设计可以让产品的用户体验锦上添花……你会说，这些道理我都懂，但是动效做起来真的很麻烦啊。直接切入到大家常见的问题吧：一般情况下，在沟通界面动效的过程中，工程师会希望设计师使用更具体的表达方式。

2018/04/03

7个实用技巧，让你的动效变得更优秀！

UI

7个实用技巧，让你的动效变得更优秀！

本篇文章不长，但是干货满满，希望能给大家带来一些实际帮助。下面进入译文。提高 UI 动效的实用建议让我们一起看看 UI 动画从好到优秀的一些例子。

2018/03/13

阿里设计师：如何用动效创新方法解决产品问题？

UI

阿里设计师：如何用动效创新方法解决产品问题？

一、前言B类产品设计过程中会遇到各种各样的问题，不同问题有不同的解法。有的问题不适合用动效去解决，盲目无意义的动效不仅浪费设计师及开发成本，更会降低产品性能、分散用户操作注意力等。然而有些问题则用动效解决更为巧妙，恰到好处的动效可以简化产品模型，降低设计开发成本，促进用户对产品的理解等。

2018/03/02

超全面！腾讯出品的交互微动效设计指南

教程

超全面！腾讯出品的交互微动效设计指南

本设计指南适用于UI界面中交互微动效，涵盖入场、出场动效，过渡动效和加载动效，在时间和缓动曲线的选择上提供了一些通用的设计建议，帮助设计师理清动效设计思路，提高设计效率。一. 本指南的适用范围本指南适用于UI界面中交互微动效，属于功能性动效。与聚焦于提供娱乐体验的动效（如动画影片、游戏动效等）不同，功能性动效的设计，有清晰的逻辑目的，聚焦于帮助用户理解当前所处的状态。

2017/07/03

没有更多内容了

热门频道

设计灵感

支持与服务

优设微博

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

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

微信号：扫码添加

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

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

每天官微五分钟

一年萌新变大神

扫码关注

1000W

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

优优教程网

优设大课堂

设计师导航

优设训练营