标签归档：动效

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

2017-09-14 | 交互设计

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

2017-02-17 | 交互原型, 神器推荐

正所谓工欲善其事，必先利其器。想要成为一个优秀的设计师，工具的使用也是至关重要的一个因素。那么今天笔者就为大家带来交互设计师需要用到的工具清单。

2016-11-01 | 视觉设计

您可能听说过：好的设计是显而易见的而优秀的设计是无形的。同样的原理也适合于开发移动APP的动效：一个优秀的动效使您的APP便于使用并且抓人眼球，同时在用户使用APP时完全不会被动效分心。任何动效的主要任务都是向用户阐释APP的逻辑。在此我希望分享一下我们在设计美观并实用的动效时的一些经验。

2016-07-05 | 视觉设计

导语：现在在网页和H5中使用动效已经成为一个大的趋势，随便打开一个H5都会看到一大堆跳动的元素在那里向你招手：看这里！看这里！但在这样的滚滚大潮当中我们是否应该思考一下：真的需要这么多的动效么？为什么需要？需要什么样的？这样做真的解决问题了么？

2016-05-28 | 工具使用, 神器推荐

俞静：经常在网上看到一些介绍手机APP动效设计的文章，一直好奇这些动态图片是怎么保存下来的。今天把这个小技能分享出来，UI设计师和想学优秀动效的同学记得收藏！

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

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

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

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

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

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

2016-01-14 | 视觉设计

在视觉界面设计中，不同于艺术作品传达的是设计者自身的情感和寄托，这里关注的重点是传达的行为和信息，也就是目标。而在视觉设计元素中，重点关注的有：颜色文字大小形状纹理情景位置动效

2016-01-12 | 交互设计

@米_亓：最近一直在做交互规范总结的工作，在不断梳理页面间跳转逻辑的同时，发现页面间的逻辑关系并不能和页面间跳转的动效很好的结合上。虽然只是零点几秒的切换动效，却能在一定程度上影响用户对于页面间逻辑的认知。

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

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

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

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

2015-06-07 | 视觉设计

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

2015-05-07 | 视觉设计

在浏览网页、玩游戏、手机应用等场景，因为网速慢或是硬件差的关系，难免会遇上等待加载的情况，没人喜欢等待，耐心差的用户可能因为操作得不到及时反馈，直接选择放弃。正所谓细节决定成败，这时添加一个Loading进度条动画

2015-03-31 | 产品设计

用户体验，速度为王，来几个优化APP“速度”的建议。 1.后台执行毋庸多言，已是通常做法。一般在执行下载任务时让其在后台运营，让用户有精力去做别的事情。