【UXRen原创】Responsive Interation——Material Design专题分享（2）
大家好！非凡回来了，今天的主题是：
响应式交互
这个相对时髦的词语，我的理解是响应式回归本源，那就是人的反馈机制，人类生来的触感、视感、味觉、听觉、嗅觉，这五感是获取外界信息的途径。重点提出触觉和视觉。因为我们交互中最常用的就是这两个感觉。
- 触觉
- 视觉
基于设备来说，我们更常聊起的是屏幕上的交互反馈，所以今天锁定在触摸、语音、键盘及鼠标，这四种交互响应。
怎么样让我们在这主流三端，移动、平板、PC 上做出尽量符合现实世界的反馈机制呢？我觉得这是我们做响应的时候时刻考虑的问题。我的初衷也是围绕着真实、自然的设计理念来做设计的。
这里MaterialDesign给出了四大响应方式。
MD里面给的一条原则是把应用从简单展现用户所请求的信息，提升至能与用户产生更强烈、更具体化交互的工具。带着这个理念，我们再去感受下面四种方式。
1. 表层响应
这个我认为是针对完全平面化的选择，也就是MD中的扁平按钮（MD一共有三种按钮，分别是扁平、浮动、悬浮按钮，这些我以后会慢慢讲）
2. 元素响应
这是针对界面元素的响应，也就是浮动类型的。
3. 径向响应
这是针对同一直线下的元素变换，做到无缝衔接。
4. 触控涟漪
这是点击/释放，这就是最常见的点击和释放，所产生的反馈。
这是拖进/脱出，这是按住屏幕不放，进行移动的操作反馈。
总结上述4点，我得出2个总结：
- 我们的反馈是从视线、动作的原点出发的，这点符合我能想到的交互动作，从视觉、触觉、行为上来说，都是符合心理历程的。
- 非常重要的涟漪表现形式，这是MD选择的一种方式，我觉得有2个好处，一是源自于投一颗石子进入平静的湖水中产生的变化，这个变化在我们生活中随处可见，符合心理模型；二是这是循序渐进的过程，人的视觉间隙是0.2秒，让反馈有一个微弱的演变过程，又不会因为缓慢打断我们的体验。
也许表现形式不止这一种，但我认为满足这两个条件才是好的反馈形式。
MD里面写到：接收和输入事件，如点击屏幕，系统会立即在交互的触点上绘制出一个可视化的图形让用户感知到：如在点击屏幕时、使用麦克风时，或者键盘输入时，会出现类似于墨水扩散那样的视觉效果形状。
触控涟漪是这种触摸效果的核心视觉机制。在进行触摸事件时，设备能清晰而及时地让用户感知触摸按钮和语音输入时的变化。
MD的这套简约而不简单的设计，我觉得是花了心思的，也许设计的时候思考了无数种想法，挑出这些我们容易识别和使用的方式，在三端中都是可以使用的。
MD本身的打造就是为了形成这样的一套设计规范。让我们使用，即使我们不是大神，用起来也会让自己的设计增添几分色彩。
来欣赏几个动态图片。
为了让文章更富有趣味性，今天增加一段小故事，也是我平时看的一些东西，写下来。
来自《山海师》第三集，山海师是改编自《山海经》的动漫。
山海师一曰：道士；一夫妇；男屠夫；女文人；男用笔仙之名骗其成婚。育子，因夫杀生，欲子继业而吵，房中血蜘蛛镜碎，其子欲重圆破镜失血而亡，男女因笔仙不得分，求道，道破，笔仙乃其子魂，不欲离开，之前未有笔仙，乃其欺女子也，道曰：莫强求不合之人。
太长了，小编想简单说一下，不想还是很长，算了没看懂的去看看动漫吧。
不要利用任何手段去强求别人，最终都不会有什么好结果的。
作者：邬非凡，现互联网交互设计师，崇尚自然设计并将生活情感与设计相结合，目前死磕Material Design 分享和学习。非凡语录“享受生命的过程”
顶部图片来源：http://fc05.deviantart.net/
=======================================================================================
不知不觉本网站已经一岁半了， 在这里小编要感谢那么一如既往支持本站的油茶人。
同时也欢迎各位喜欢13太保的同学们把自己收集的好资源一起分享给更多油茶人，如果有意愿在网站发布原创性的文章也欢迎随时和我们联系！我们收到邮件后会认真的查看和回复。
=======================================================================================