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.响应式的结果:执行速度提高,支持多平台不再需要更多设计师与设计师之间的合作。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 12,198评论 4 61
  • 你们以为我出生后什么都需要教给我吗?想多了耶。有些事情,我天生就知道,也许你们这些被扭曲的大人,还要跟我学哩。 1...
    莹莹_阅读 755评论 0 0
  • 早上九点多,阳光明媚 不需用手触碰也能感受到暖洋洋的心脏 每当这种时候,我总是容易感动 有时候想在阳光下肆意奔跑 ...
    黑色指纹阅读 211评论 0 4
  • 就这样,我已经不记得吵过多少次架,吵过之后第二天我会像什么都没发生一样继续煲电话粥的生活,我不知道自己想要的是什么...
    露大人阅读 286评论 0 0
  • 即将面临毕业忽然想起我曾经拥有,拥有什么呢?往下看你就知道。 不知为何人总要到了失去才懂得珍惜,这是硬...
    桐桦杍阅读 217评论 0 0