动画

极简风格能帮助用户简化操作，兼容性好，载入页面快等等优点，不过虽然看起来简单，我们需要考虑的东西可一点都不少。这一次，就让我们一边学习简约风格的原则，一边将它应用到实际网站制作中去吧。

iOS 和 Android 的设计还有许许多多的不同之处，比如字体、Tab bar 设计、物理键操作方式、编辑模式、APP 体现个性的方式……在设计移动端产品的过程中，设计师们可以更多的去思考两者的异同，并且更多的关注一下 Android 系统独有特性的运用，不仅仅节省了开发成本，同时也更好的为 Android 用户所接受。1dp（Android）=1pt（iOS）
以48dp@160dpi计算的话
mdpi 48px (160dpi, 1x) 基础尺寸，已经非常少使用
hdpi 72px (240dpi, 1.5x)低分辨率
xhdpi 96px (320dpi, 2x) 同iOS @2x
xxdpi 144px (480dpi, 3x) 同iOS @3x
xxxdpi 192px (640dpi, 4x) 更大更高更强的分辨率

App中的动效设计不是具体的需求设计，不能对产品本身产生很大的变化和改进，只是能在设计层面和体验层面为用户创造多一点的价值。所以在做相关设计的时候，不可为做动效而做动效，要把握住动效的“度”，不可华而不实，需要服务于具体的需求和场景。

当应用程序被用户打开时，在程序启动过程中被用户所看到的过渡页面（或动画）都被我们统称为启动页。为了增强应用程序启动时的用户体验，您应该提供一个启动图像。启动图像与应用程序的首屏幕看起来非常相似。当用户在主屏幕上点击您的应用程序图标时，iPhone OS会立即显示这个启动图像。一旦准备就绪，您的应用程序就会显示它的首屏幕，来替换掉这个启动占位图像。
——摘自苹果官方对于iOS启动页的设计说明

优秀的动效设计更能让用户从中感到惊喜，让用户感受到产品的温度和调性。

动效是如今UI设计中的重要组成部分，也是目前最热门的设计趋势之一。在之前的《在现代网页设计中，动效常见的几种用法》这篇文章中，我们探讨了动效对于交互和用户的重要意义，动效在不同的环节发挥的作用越越来越大。而今天我们要聊的是光标悬停特效，这也是近年动效设计的热点之一。

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

不同的导航模式对于网站的影响不尽相同，针对不同的内容、不同的用户，你需要仔细挑选导航模式。

交互输出文档里面最重要的是做设计时的多方面思考。

如果你的设计当中出现了这些问题，请不要担心。它们的解决方案并不复杂，通常也不需要经过复杂的重设计来完善，只需要进行适当的调整即可。

系统状态的可见性是用户交互设计最重要的原则之一。在使用系统时，用户想要感觉一切都在掌控之中，这意味着在任何特定时间下，他们想要知道并了解他们当前的处境，尤其是在系统正处于繁忙状态时。当系统在处理或者加载进程时，一个等待动画进度指示器是向用户展示系统状态最为常见的形式。

反馈是交互设计中最前线的一环，它的好坏直接影响产品体验。

大家在做设计的时候都会遵循一些交互规范或者常用的一些规律，但是经常情况下，我们都没有深入的研究为什么这样定义这个数值，这个数值是否合理？如果没有严格的理论支持，在设计中直接运用一些规律，就有被挑战的可能。下面我谈谈几点我从人机工程角度分析的我们通常使用的一些数值。

作为一名交互设计爱好者，在此抛砖引玉，用6类约30个案例供大家参考，本文先分享前面两部分，即为懒而做的设计和为等待而做的设计。

本设计指南适用于UI界面中交互微动效，涵盖入场、出场动效，过渡动效和加载动效，在时间和缓动曲线的选择上提供了一些通用的设计建议，帮助设计师理清动效设计思路，提高设计效率。

在阿里巴巴国际站，我们对心理学理论进行了客观的数据验证，把科学理论应用至前线设计，提升设计效益。我们沉淀及过滤出一些行之有效的方法及案例与同业共享，希望普惠更多设计师能活化科学理论，共享知识协同促进中国设计走出去。

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

iOS10发布了，苹果遵循了一切从简但又增加了一些提升用户体验的功能，比如向开发者开放了更多接口，设计者又如何跟随iOS的步伐做好产品设计呢？本文是系列文章的完结篇，enjoy~Note
模板图片(template image)会丢弃图片本身的色彩，而采用图片视图使用的色调。请参阅UIImage中的UIImageRenderingModeAlwaysTemplate。TIP  对于多行或是多样式的文本输入，请使用文本视图。请参阅Text Views。

本文作者将与大家探讨微交互是如何塑造优质的产品细节的，一起来看看吧~“最好的产品通常会做好两件事情：功能和细节。功能能够吸引用户关注这个产品，而细节则能够让关注的用户留下来。”