菜单优设网 - UISDC

会员

开通优设VIP星球

尊享13项VIP特权持续新增

主题打卡挑战

21天带练！告别无效练习

接私单赚外块

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

优设私房课免费学

价值178元热销课程

你的私人律师

每月可免费咨询30次

开通VIP

领取更多设计师实用特权

投稿

微动效话题

UI 2.4w

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

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

2022/03/29

黑马青年

UI 2.6w

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

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

2020-11-16

土拨鼠

教程 5.3w

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

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

2019-01-24

程远

UI 2.4w

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

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

2019-01-16

程远

UI 3.3w

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

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

2018-11-25

程远

UI 6.2w

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

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

2018-09-07

陈子木

UI 3.8w

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

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

2018-04-05

程远

UI 2.5w

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

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

2018-04-03

程远

UI 2.3w

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

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

2018-03-13

程远

UI 1.8w

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

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

2018-03-02

程远

教程 3.6w

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

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

2017-07-03

程远

没有更多文章了

大家都在看

平面设计

文章 414

职场经验

文章 164

UI

文章 145

logo设计

文章 185

字体设计

文章 349

版式设计

文章 190

设计流程

文章 148

干货合集

文章 179

设计规范

文章 200

热门频道

设计专题

热门设计知识精挑细选

细节猎人

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

优设读报

行业资讯一站知晓

优设琅琊榜

顶尖设计作品聚集地

行业新闻

行业大事小事全知道

设计问答

高手大咖在线答疑解惑

热门频道

设计灵感

支持与服务

优设微博

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

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

微信号：uisdc411

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

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

每天官微五分钟

一年萌新变大神

扫码关注

1000W

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