标签归档：动效设计

界面交互动效核心知识的分类与总结

2017-09-14 | 交互设计

Echo ：这篇文章是基于我自己的理解对界面交互动效设计进行了分类整理和总结。一. 什么是界面交互动效？界面交互动效是展现界面间的转换和界面内元素变化的交互反馈。而效果就表现在触发与结束的过程中，表现清晰的层级关系，自然的引出与结束。交互动效有着承上启下的重要作用。

2016-05-22 | 基础知识, 资料

新版Material Design 官方动效指南已经翻译到第三章了！今天这部分，从动效的运动和材料形变入手，让你的动效自然真实，贴近现实状态。再系统的干货都比不上官方的动效指南，西瓜就在这，赶紧来捡。

2016-05-16 | 基础知识, 资料

新版Material Design 官方动效指南的第二部分，从动效的速度、动态持续时间、通用持续时间和缓动曲线4个部分，教你创建平滑一致的Material Design 动效。

2016-05-14 | 基础知识, 资料

编者按：前两天Google 刚发布了新版Material Design 官方动效指南，今天@平行煎餅就给大家带来了中文版！全文包括三个部分：为什么说动效很重要？如何制作优秀的Material Design动效及转场动画，动效的意义。新鲜热辣收好不谢！

2015-11-24 | 交互设计, 视觉设计

前言：这篇短文将会探讨UI设计中动画的过度使用，并将其与早期的视觉设计进行对比，提出一些对于有效的GUI动效设计的建议。我们将在下文中，简单探讨如何改善下面的这个交互。

2015-10-29 | 灵感, 酷站推荐

扁平化的兴起，现在越来越流行动效设计，特别对于移动端，对交互动效要求是很高的，今天为大家整理一些以展示动效为主的网站，对交互设计师来说是很好的灵感发源地。

2015-06-12 | 产品设计, 视觉设计

最近越来越多的国内公司开始关注动效设计了，越来越多的团队意识到动效在产品用户体验中的重要性。随着国际大品牌苹果和谷歌的引领，最近越来越多的国内公司开始关注动效设计了，越来越多的团队已经意识到动效在产品用户体验中的重要性了，更多的射鸡师们也开始投身动效设计领域。

2015-06-07 | 视觉设计

赏心悦目的动效已然成为一个app的必备，作为设计师自然要跟随趋势学习。APP中的动效可以划分为两类，一类是转场动效，应用在页面的切换，加载等，这类动效可以柔和页面的过度效果，增加切换、加载、等待过程的趣味性。另一类是反馈提醒，通过界面内元素的动效，增强用户的交互感知或引导用户完成任务。

2015-04-23 | 交互设计

没有用户请求就不会产生交互。当你关闭一个标签时，它就会从屏幕上消失：简单地说，这给了用户一个即时的反馈动作（这个视觉效果对我们来说非常重要）。深入地说，动作让人类感受到了现实生活中的行为。动画让界面变得鲜活，带给用户真实的响应感觉。

2015-01-04 | 交互设计, 视觉设计

引言：如果把APP比作一位美女，那么icon是她的证件照，界面是她的形体，而动效则是她的肢体语言。在如今玲琅满目的App中，如何脱颖而出？

2014-12-17 | 视觉设计

编者按：虽然本文主要以网页作为实例，这些物理法则公式在移动设备动效设计仍然有用。动画的原理都是想通的。动效作为当今提升网页感官效果的利器，在各种类型的网页中已经全面开花，如何做到自然流畅让用户感觉舒适的动画效果呢？今天就来跟大家聊一聊动效设计的物理法则

2014-11-12 | 交互设计, 视觉设计

近年来，随着ios和android系统对于动效设计的带动效应，多数产品对于动效设计也越来越重视，从app引导页到动作反馈，从官网介绍到hover效果，动效设计似乎已经成为一个成功产品的标配。

2014-08-07 | 交互设计

移动互联网时代已经到来，APP已如天空的繁星，数也数不清。随着手机硬件的不断升级，实现炫酷且流畅的动效不再是遥远的梦想。如果你是APP达人，喜欢试用各种APP，你肯定会发现越来越多的APP开始动效化。

2014-07-02 | 交互设计, 视觉设计

自从iOS7发布后UI圈就开始疯狂流行起动画效果，尤其是在Facebook Home之后，大家觉得如果没有酷炫转场、扭来扭去元素，产品就好像上个世纪的老古董一样。但是让整个圈子争相学习的风尚背后却还仍然有一个争议：动效是交互设计还是视觉设计？

2014-06-06 | 视觉设计

说到流动，大家一定想到的是水，随着移动设备硬件的升级，越来越多的App和Rom得以拥有了流水般的动效。那今天我们就来聊一聊移动的动效设计—流动之美。