Aure 系列教程（一）：抖音短视频中小元件的交互动效（下）

文章分享了抖音短视频中交互动效的制作方法，一起来学习下。第一章知识点1.1歌曲封面旋转效果1.2喜欢按钮交互效果1.3收藏按钮交互效果 1.4关注按钮交互效果 1.3收藏按钮交互效果1.3.1设计思考图形有两个状态，但是无法像心形形状一样通过填充颜色（选中效果）来实现两种状态的切换，所以我们需要借助动态面板来完成。我们为动态面板建立两个状态，状态一：未收藏，状态二：已收藏。

Axure教程 2017年10月10日

设计规范 | 详解组件控件结构体系：操作类

本篇文章是设计规范中的操作类，也是设计规范系列的第七篇，最近一直写这个系列，都写腻了，也没什么挑战性。继这个系列之后，我会写一些超有意思的文章，想想都好激动哦。由于涉及到操作类的组件控件实在太多太多了，我这里划分归类的是典型的同时和之前分组不重复。操作类一共含以下八类：底部操作列表 底部浮层视图 编辑菜单 底部工具栏 按钮 选择器 下拉菜单 文本框 依旧附上一张脑图，组件控

产品经理 2017年09月11日

从Material UI得到的设计感悟

如果你读过Google的Material设计文档，你就会发现其对细节和深度的注重。在文档中你能学到很多东西。其中最为重要的一项，就是其证明了编写复杂视觉风格指南是完全可能的。尽管可能困难重重，但还是可能的。特别是对于Google复杂多样的产品组合来说。如果你想学习视觉设计，就应该认真研究一下Material设计是如何处理不同元素或要素的。Google的文档详细介绍了18种不

交互体验 2014年11月07日

【译】设计更好按钮的快速指南

脱水版1、矩形按钮是用户非常熟悉的按钮形状。使用其他形状的按钮，要注意保持一致性。阴影能使按钮凸显，容易被用户识别。2、按钮上的文字应该意义明确，能够告诉用户这个按钮能做什么，或者点击后会发生什么。3、APP按钮的位置最好符合平台的GUI指导书。web端产品按钮的位置最好通过测试来确定。4、触摸屏按钮最小10mmX10mm，再小手指很难按准确。鼠标操作的按钮，尺寸可以减小。

产品经理 2017年05月03日

微信导航菜单：动态面板的不同实现方式

动态面板是Axure里最重要的元件之一，一些稍微高级一点的原型，都离不开动态面板的应用，因此一定要掌握动态面板的用法。作为动态面板的使用场景案例，导航菜单、自动幻灯片和属性页是非常适合于用来理解动态面板的用法。我们以微信的导航菜单为例，看看如何使用不同的方式来应用动态面板，最终的交互效果是一致的。第一个例子不复杂，但常常被作为典型案例来讲解。内容区域+导航菜单作为一个动态面

产品经理 2017年04月04日

系统地认识组件：组件设计总结

作者随设计组件进行了一些总结，满满的干货，希望对大家有所帮助。 Google的材料设计规范是每位设计师都需要了解的，作为西半球最牛逼的公司之一，Google聚集了世界上最优秀的设计大虫，为开发者制定了一套具有Google精神的设计规范。组件的规范使用就是其中很重要的一章，只要你用对了组件，谷歌的活力、阳光、理性就会从屏幕中迸发出来，感染到没有国界、种族、性别、年龄限制的理性

产品经理 2017年04月01日

如何才能做出优秀的设计？

很多年轻设计师往往在设计好一套作品后都会邀请大神点评一下他们的作品，刚好最近我在Facebook的设计博客看到一篇文章，很适合这个话题，现在分享给大家。在Facebook的校招中，我们和来自康奈尔的一名实习生进行了一次交谈。在我们简短的互动中，我很欣赏他身上的一些点，因为他是一个非常具有自我意识的人。他和许多刚参加工作的应届生一样，都很好奇，作为一个设计师需要什么样的能力，

产品 2017年01月27日

APP 界面按钮设计：寻找最佳的形式和状态

文章给出涵盖各个平台上的按钮样式，为不同形式的按钮给出合理的使用建议，并深度讲解了按钮状态的重要性供参考。 按钮是一个普通的设计元素，不过我们基本每天或多或少接触他。除了这个，由于按钮是一个在网页或者app上创造流畅的会话流体验的必不可少的元素，所以它值得我们为按钮这样最基本的元素提供最佳的体验做出努力。为按钮做些最佳实践，让按钮看起来像按钮。想想如何达到设计沟通的可供性吧

产品经理 2017年01月18日

单选按钮的用户体验设计

单选按钮作为表单系统的一个基本元素，它们被使用在当存在互斥的两个或多个选项而用户必须选择其中之一的时候。换句话说，点选某个尚未选中的单选按钮，之前的选择的哪一个就会恢复成未选中状态。正确的使用单选按钮会起到非常好的作用——它能够阻止用户输入错误的数据，因为它仅所显示的选项都是合法的，而且其本身有许多特性，比如能使用键盘切换并具有跨平台型。在这篇文章中，我们将概述从可用性测试

交互体验 2017年01月16日

确定按钮该放在左边还是右边？

其实这个问题，连世界最大的IT公司都没有确切的答案。P.S. 这是我在英国约克大学读研时，一个关于 error 定量研究的课题作业。仔细想想，我们做交互设计，讲了那么多“高大上”的理念，竟然很多小细节都还没有弄清楚——比如，确定和取消按钮哪个该放左边哪个该放右边？其实这个问题，连世界最大的IT公司都没有确切的答案。苹果说，不论移动或电脑设备，行动按钮（Action butt

产品经理 2016年12月30日