动画

Dribbble，国内比较追捧的媒体。上面聚集了很多项目的视觉设计图，有的配色很漂亮，有的表现手法很新颖（一定程度上会激发我们灵感的火花），但我们在不了解设计场景、目标的情况下是无法判断出这样的视觉设计是否最终解决了用户的问题。脱离业务场景的设计是没有生命力的更谈不上产品体验、服务体验，只有视觉和体验统一起来才能更好的占有市场，设计才具备了商业价值。

每个界面都应该有一个清晰的起点。用户应该从哪里看起？要设计清楚。△ UX策略1 – 在页面标题部分添加视觉对比

除了引导用户，还要减少他们的认知流程，以保持流畅状态。千万别把计算这种事情丢给用户，让计算机来处理。

在Material design的世界中，动效用一种优雅、流动的方式来描述空间关系、功能、和意向。

本文是作者的一篇随笔，适合交互设计师阅读，希望能给正在学习交互的朋友一些帮助。也希望朋友们，可以提出更多很好的建议。

Material Design的动效设计 是响应式的，自然的。使用缓动曲线和持续时间模式可以创建平滑、一致的动效。

互联网的时代，说是一个体验为王的时代，一点也不为过。在互联网时代，产品是否能够做成功，用户体验成为一个关键点，用户购买你的产品，并非是与你结束了交易，而是一个新的开始。当用户拿起你的产品，使用你的产品的时候，用户体验之旅才真正开始，而用户的体验之旅是否愉快，将直接影响到你的口碑，影响到你的销售。

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

踏入新创科技业以来，总是听见许多设计师/工程师朋友们在抱怨设计师与工程师之间的合作有多么的…不融洽（糟糕），要码是设计师常常抱怨工程师没有 美感，不重视设计细节，或是连Guideline都不读完就来跟我讲该怎样设计（ → 强烈建议iOS/Android 工程师不管未来是否会接触接口设计都花些时间把iOS的Human Interface Guideline跟Material Design Guideline给看完，这是基本啊！！基本啊！！在线已经有满坑满谷的翻译文章啰，所以别再拿看不懂英文当借口啰）；另一方面就是工程师也常常会抱怨 设计师总是把写动画当作小画家，把写程序当成写国字（Framer会红的原因？！）或是总是有着过于天马行空的设计想法。

iOS10发布了，苹果遵循了一切从简但又增加了一些提升用户体验的功能，比如向开发者开放了更多接口，设计者又如何跟随iOS的步伐做好产品设计呢？

对一个全无经验的动效新手而言，如何制作出「正确」而不是「华丽」的动效？今天这篇Medium 上的好文，从克制、交互叙述流程、一步完成、不是动效的错和把握细节五个方面，附上案例分析，帮你学会基础的动画制作技巧。

首先，为什么要动？可能你会想到以下几条理由：呵呵，你要这么想就完了。

移动端屏幕越来越大，但用户对内容量的要求也水涨船高。如何在有限的屏幕内透出更多的内容，是设计师们研究的重点。

问：贴满一张卡需要多久，A和B是否相同？答案当然是不同，尽管同样需要买10杯咖啡，但往往B方案会更快地贴满。

Uber 如何将他们的设计哲学应用在司机端的 App 上面 ？这一次，饿了么商家端产品经理为大家翻译了「以司机为中心」的用户体验设计—— 细看如何从零开始重制 Uber 司机端 App。

微交互，听起来很生疏的这个词，实际上却出现在我们每天的日常生活中，甚至可能早上起床后我们做的第一件事就是一次微交互操作的典型案例。

我之前说过要写一系列专门针对电商的三大构成的文章的，而在上篇文章中我已经给大家梳理了一篇关于色彩的文章：六个步骤细说电商banner图设计之色彩的奥秘，那么今天呢，我就接着要给大家讲一篇关于平面构成的文章好了。

本文作者将从导航和首页的信息排布、操作时间和快捷键三个方面展开，在通讯产品、办公软件等这类被大量使用场景的产品中，该如何设计才能帮助用户提高使用效率？

你的UI和交互设计中的每一个元素都是至关重要的，一个又一个细节设计让你的产品最终脱颖而出，而真正让人难忘的产品，靠的是这一个个精致到位的细节堆出来的。