中文版来了！值得每个设计师收藏的《完美像素使用手册》之原理篇

这本纪念碑谷团队出品的《完美像素使用手册》，有设计师说是她见过的最全面，最毫无保留，最生动有趣的界面设计指南，而且不止是设计，还包括和程序员的合作经验，AI、PS的操作小技巧等等。现在终于有中文版了，强烈建议收藏阅读。关于设计指南，这里有一个绝对不能错过的：中文版来了！新版Material Design 官方动效指南中文版来了！新版MATERIAL DESIGN 官方动效指

产品 2016年08月05日

超实用！6个方法帮你做出优秀的UI动态微交互

编者按：明确系统状态、让按钮和操控可触知、打造有意义的转场、强调界面的变化、增加愉悦的细节…… 今天腾讯设计师@月焱瞳 这篇译文，总结了6个做出细腻动态微交互的技巧，建议阅读。UI界面动效设计方法：先看看有意义的动效设计是啥样：《设计师的必备技能！你需要学会设计有意义的动效》再来学习腾讯设计师写的动效设计指南：《腾讯精品文！超多干货的UI界面动效设计指南》围观实战案例：《高

产品 2016年08月22日

基础知识！聊聊交互设计三要素之细节设计

@黄红艺Designer ：交互设计三部曲终于写到最后了，今天聊聊交互设计的最后一个要素 —— 交互细节设计。本要素是在前两个要素指导下的设计实践，也是交互设计可视化与形象化的关键。往期回顾：《基础知识！聊聊交互设计三要素之信息架构和流程设计》相对于前两个要素的完整性和系统性，第三个要素-交互细节设计，就显得琐碎和零散。根据交互设计由浅入深的渐进，交互细节可以分为布局、控件

产品 2016年09月08日

想搞定移动端APP/网页设计，你起码要做好这些事情

编者按：当一个领域趋于成熟的时候，就会呈现出诸如“套路”这样的东西，它是用户和设计师/开发者在逐步磨合过程中产生的，约定俗成的一些规则。而在做移动端设计的时候，在考虑差异化设计之前，有一些最基本的事情要做好，今天我们就来聊聊这个~如果你曾仔细观察过近些年来那些优秀移动端产品的交互设计，会发现它们都拥有一个共性：它们在基本的功能和设计上的执行都相当的完美。它们从最基本的人类行

产品 2016年09月08日

5 个小技巧，用动效提升界面的用户体验就这么简单

动效能讲述故事。和图片不同，动效能够呈现变化的过程，讲述一段简短而有趣的故事，能够同你进行对话：“嘿，你该看这个按钮了”或者“哦耶！你刚刚完成了一个操作！”不过，动效的目标并不是单纯的娱乐用户，而是帮助用户了解交互的效果和界面中发生的变化，让用户更为有效地使用你的APP。Zurb 有一句话很好的解释了这一点：“我们设计的不再仅仅只是静态的界面，实际上，我们所设计的是用户从界

产品经理 2016年10月02日

一个动效设计的 5 次改进

OK，下面这张图就是我们今天的主角：目的很简单：点击「show details」按钮后，展示用户的详细信息窗口。设计思路也很清晰：点击 → 加载 → 出现。但是过程中存在问题：加载缓慢，且没有任何指示在加载遮罩的出现挡住了原本的 UI动效太慢动效多余那么，接下来就针对这些开始改进。首先，加了一朵菊花，告诉用户正在加载。如下图：加载本来就需要时间了，何苦再因为上浮窗口增加时间

产品经理 2016年10月08日

细节控：移动应用上的动效 & 微交互

微交互尽管细小且不易察觉，但它却极其重要。那些让你怦然心动的产品和那些让你抓狂的产品之间的差别往往就在于微交互。想开发一个既好用又高大上的应用，你就要拿出决心和行动一遍遍地推翻你的设计直到找到正确的方向。就算你做到这一点，通常至少已经有5个应用也做了你所做的。为什么你的就更好？你的应用有什么脱颖而出之处？最近我一直在研究我最喜欢的应用里面的小细节来积累经验。这些小细节总能对

产品经理 2016年10月10日

【深度解析】从科幻电影到 UI 动效设计

作者：Kit Oliynyk （译者：Eloise@墨刀）UI 动效设计是一个值得讨论的话题，有人觉得 UI 动效设计中功能性最为重要，有人认为真实度是重点，还有人认为 UI 动效根本就没有必要。下面我们来谈谈动效的基本原则，为什么及什么时候需要用到 UI 动效，如何使用它来优化用户体验？从科幻电影到 UI 动效设计作为一名科幻电影爱好者，我发现科幻导演经常会遇到一个问题：

产品 2016年10月17日

一半海水，一半火焰。

在此之前你可能对于zustin很陌生，但是你看到了作品就会发出“噢！原来是他！做的动效厉害了！”的感叹，可能崛起的速度太快，粉丝增长的太快，他还来不及出现在大家面前就已经蹭蹭的出了好几个作品，各个首页。把有效的时间用在无限的创作当中，对于动效仿佛是永不枯竭的创意。头像样子是高冷的黑白色，私下的他是稚嫩而热情的。很谦逊，也很懵懂，很执着，也很专业。像一半海水，一半火焰。采编：

产品经理 2016年11月02日

App 动效原理和应用设计

前言时下对动效的追捧，疯狂至可以用一句话形容——“没有动效的APP，简直不是好的APP”。优秀的动效设计在提升产品体验、用户粘性方面的积极作用有目共睹，已然成为现下Web、APP产品交互设计和界面设计必不可少的元素。笔者想从 常见基础动效 、 动效作用 、 动效的应用设计 和 动效评判 四个方面简单谈谈对动效理解。Part 1 基础动效常见动效通常是由多个基础动效组合而成。

交互体验 2016年11月09日