超实用！移动界面动效设计的全方位科普指南

编者按：读完@顾小犊 这篇文章，你可以知道动效的作用、设计原则、动效工具、制作方法、标注技巧等等，特别全面，强烈推荐收藏学习。动效在用户体验设计中正变得越来越重要，那么动效能带来什么好处呢？体现交互层级 动态界面使人更容易理解交互层级关系，减轻了人们的认知负担给予反馈 给人感觉界面是活的，让体验流畅弥补静态页面的表达不足 在内容优先的设计趋势下，用户界面变的更加简洁。这将给

产品 2016年12月14日

实用有趣！如何设定用户界面中的人称视角？

编者按：从「我的电脑」-「电脑」到现在的「这台电脑」，人称视角的转换会带来什么体验差异呢？这篇文章从3个角度讨论了这个有趣的话题。如今我们每个人手机里都下载了各式各样的App，每天花费大量的时间去使用和维护，你不仅享受App带来的各种服务和乐趣，还通过它们创建和管理自己的文件内容。你在互联网上留下大量的记录或内容，是否有想过这些内容是否是“属于”你的？而越来越多的App开始

产品 2016年12月14日

5 个对比案列帮你解决设计的常见误区

说了那么多理论这次我们就以更直观的方式来和大家一起看一些案列，希望能给大家一些帮助。 排版可以讲100种都可以，可什么才是最有效的。估计就是不断的做图吧、不管是工作还是练习。这次给大家带来的是，将具体的设计案列进行修改前后的对比，分析设计的误区以及修改的原因。所以这次不讲理论、也没有案例欣赏。纯粹的案列分析对比我想或许这样更加直接看到效果，易懂一些。经常看到一些设计稿，误区

产品 2016年12月13日

文字的奥秘——字距解析

镇楼（侵删）在字体排版中，字偶距是一个可“忽略”要素，但好的字距却可以提升整个设计的专业性，让设计作品看起来更高雅。如何去调整字距？先要了解一点文字印刷的发展，活字印刷术至今，在技术和纸张上有了很多改进，但基础原理是做不了改变的，每个字依然是需要嵌入在方形内的。由于字体构造原因，中文多为方块字型，这一点对于中文的影响较小，但对于英文来说影响却比较大。例如下图图一和图二放反了

产品 2016年12月13日

通过优化，我们将 QQ 会员付费用户数提高了 5 倍！

不知道大家有没有这样的经历：当自己负责的产品需求上线一段日子后，发现活跃用户逐渐减少，这时我们不禁疑惑，究竟怎样才能激发用户的持续关注？项目优化不失为好的方法之一。要做项目优化，这不单是运营同学的事情，在设计以及技术实现层面上，我们也应该思考如何给项目带来一个好的方案。每一次的优化探索，都是一段结果未知的旅程。这里举例QQ会员公众号过期提醒项目，和大家聊聊我们的小尝试。起承

产品 2016年12月13日

浅析如何有效利用网页设计中的留白

留白一直是设计中不朽的话题，也是设计中最有难度的一个地方之一。如果你还仅仅把留白当作设计中空白的区域，那你就永远无法体会到留白的妙处。作者为我们提供了一个全新的视角，将留白作为一个独立的设计元素来看待，它可以帮助我们实现聚焦，组织和强调的目的。一起来学习下留白的运用吧~你是否发现自己曾经盯着一个已经完成的设计在想，“是不是少了点什么?”更准确地说，你是否曾经对一个设计得出它

产品 2016年12月13日

考点汇集！帮你梳理卡片式 UI 的设计最佳实践

编者按： 卡片式设计依然是目前 UI 设计的热门，虽然我们在前几天的文章 《不是万能！卡片式设计并不能支撑所有的设计需求》当中探讨了 卡片式设计为数不多的“局限”。今天我们从基本的规则入手，为你展示卡片式设计的 最佳实践 ~卡片这种 UI元素一直是以小巧整齐的内容容器的形式而存在着。当我们探讨清晰平衡、富有美感、简约时尚而又具备良好可用性的设计方案的时候，卡片式设计几乎是不

产品 2016年12月13日

卡片式设计，并不能支撑所有的设计需求

卡片式设计一直是以强兼容性和“百搭”的形象出现在大众的面前，但是它同样有无法满足用户需求的时候，今天的文章我们就在实战中聊聊这件事。Material Design的流行让卡片式设计走上神坛，卡片式设计在如今的网页设计中更是随处可见。尤其是那些偏向于大量信息汇总的页面，卡片式设计几乎是不二的选择。卡片常常被用作信息详情的进入入口我们的用户体验团队近期负责了好几个重设计的项目。

产品 2016年12月12日

掌控 BANNER 设计中促销氛围的“火候”，看这篇文章就够了！

@TTTing1：做电商的人接触促销类的设计需求应该是最多了的吧，但是促销是不是就意味着一定要红红火火，一定要五颜六色热热闹闹的呢？我想不一定吧。虽然红红火火五颜六色是比较刺激感官，但是太过火的话就会让人感觉不舒服产生视觉疲劳，太弱的话又会感觉没有促销氛围，所以有没有什么方法是能够平衡舒适和促销之间的关系的呢？今天，我们就来一起来探讨这个话题：如何掌握Banner设计中促销

产品 2016年12月09日

搞懂 Banner 设计中促销氛围的“度”，看这篇文章就够了！

促销的Banner设计未必需要红红火火，把控一定的度，刚刚好才是真正意义上的好。做电商的人接触促销类的设计需求应该是最多了的吧，但是促销是不是就意味着一定要红红火火，一定要五颜六色热热闹闹的呢？我想不一定吧。虽然红红火火五颜六色是比较刺激感官，但是太过火的话就会让人感觉不舒服产生视觉疲劳，太弱的话又会感觉没有促销氛围，所以有没有什么方法是能够平衡舒适和促销之间的关系的呢？今

产品 2016年12月09日