移动界面

金蝶云之家体验部交互设计 师-王梓铭：大家有没有想过为什么按钮越大，越易于点击 ？为什么相关按钮需要相互靠近摆放 ？为什么 Win 系统要将「开始」按钮放在角落 ？这些设定的背后其实都有一个在人机交互中，非常重要的定律 —— 费茨定律 。

Echo  ：这篇文章是基于我自己的理解对界面交互动效设计 进行了分类整理和总结。

动画是整个过程的完全独立的部分，必须在评估整个项目时立即予以确认。

好的产品往往做好了两点：功能和细节设计。功能吸引用户使用你的产品，细节设计将你的用户留下。优秀的细节设计能够使你的产品在众多竞品中脱颖而出，优秀的微交互设计往往能够让用户在初次使用产品时就能够留下深刻的印象。作为一个交互设计师，在设计微交互方案的时候不仅要考虑视觉上的冲击力，还要想办法赋予其信息传递的功能。

读了这篇文章，你可以知道动效的作用、设计原则、动效工具、制作方法、标注技巧等等，特别全面，强烈推荐收藏学习。

此文意在帮助设计师快速而统一地完成界面布局。尤其对尺寸固定的移动界面有帮助，但对响应式web设计也有帮助。与一般的设计指南相比，此文更适合一边设计一边阅读。

今天这篇文章，将全面介绍「卡片式设计」，看完之后，你会知道为什么爱用的 app 都喜欢用这样的设计。设计的时候一定要思考用户会如何使用他的拇指在界面上交互。所以，界面内容的大小一定不要让用户在交互时感到不适。——译者注注：Masonry 是一个对系统 NSLayoutConstraint 进行封装的第三方自动布局框架，采用链式编程的方式提供给开发者 API。