2014谷歌开发者大会：网页和本地APP间的响应式设计

原文在此http://www.lukew.com/ff/entry.asp?1894

原文作者： Luke Wroblewski 译文：金小米童鞋

Google主工程师Kirill Grouchnikov和Marco Paglia谈构建Web、Native APP和设备之间保持一致性的几点重要因素：

1. Google Play再设计旨在追求在图层、屏幕、设备领域内的协作创造一致性体验；

2. 核心的用户界面组件是卡片。像应用、杂志、音乐、电子书等展示的共同特性就是卡片，共同的呈现方式也会构建一致的交互方式；

3.卡片的尺寸设计是多样性的，涵盖大小尺寸；

4.另外一个核心组件是画布，它为扩展屏幕空间提供了可能性；

交互方式

1.用户在手机使用APP和使用网页切换时不应该重新开启；

2.在APP中，Google Play的菜单并没有显示在屏幕区域内，但是在网页端应用中，默认情况下这个菜单是可见的，并且在同一区域显示的内容是一致的；

3.更多菜单内容在网页中可以通过鼠标悬浮显示，在安卓上以弹窗的形式显示，在iOS上以动作表单的形式出现。表现形式虽然不同但是核心功能是一致的；

4.通过尺寸与聚类的卡片结合，同一层级能被保存到不同尺寸的设备中；

5.工具栏应该显示5个最重要的任务，它可以在小屏幕设备上呈现后隐藏，在大屏幕设备中也能很好的显示。当Drawer抽屉导航弹出时，内容区外的界面都渐隐以帮助用户聚焦于菜单选项；

6.响应式的结果：执行速度提高，支持多平台不再需要更多设计师与设计师之间的合作。