标签归档：动画

当设计一个APP UI的时候我们想什么？

2016-07-23 | 视觉设计

有句话说在前面——好看就是生产力，在app中是真实存在的。一、品牌篇品牌色从大的来说是VI需要优先考虑的，考虑点如下：

2016-06-30 | Photoshop, 图像处理

大家好，这个系列打算开始和大家讨论一下SVG。关于SVG大家应该都有过了解吧？什么，你不知道什么是SVG？

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

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

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

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

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

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

2016-03-20 | 交互设计

最优秀的产品在两方面有过人之处：产品特点和产品细节。产品特点吸引人们使用产品。产品细节维持用户的忠诚度，并且真正使得 App 在竞争中脱颖而出。微交互是获得用户给出满意反馈的最佳技术之一。

2016-03-06 | 交互设计

众所周知，我们总是依据封面来判断书的好坏，聪明的设计师会创造实用有吸引力的界面。潜在用户可能会被吸引，但如何一直黏住他们呢？

2016-01-12 | 交互设计

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

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

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

2015-11-14 | Axure

应用交互效果中，动画效果是应用的锦上添花效果，比起死板的页面切换，动画过渡效果还是会让人感觉自然，不那么生硬，也是一款优秀应用的加分项。我们以几个例子来说明一下如何应用axure里的动画效果。

2015-08-23 | 基础知识, 视觉设计

你认为这两个球在做什么绿球弹跳很明显，但是红球在怎样运动？当然，它像绿球一样上下运动，落下和弹起所用的时间和绿球一样。然而，红球感觉很机械，而绿球让人感觉它确实在弹跳。为什么我们会有这种感受上的差异呢？

2015-05-10 | 移动前端

承接上文《玩转HTML5移动页面（动效篇）》，上次说的是让页面动起来的一些小技巧。而页面动起来的根基是功能可用的页面，因此有必要分享一些优化细节的技巧和方向，熟悉掌握一些方法论还是会对页面开发大大提高效率的，并且也能防止疏忽缺漏。

2015-05-09 | 移动前端

作为一名前端，在拿到设计稿时你有两种选择： 1.快速输出静态页面 2.加上高级大气上档次狂拽炫酷屌炸天的动画让页面动起来作为一个有志向的前端，当然是选2啦！可是需求时间又很短很短，怎么办呢？

2015-05-07 | 视觉设计

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

2015-04-23 | 交互设计

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