GOOGLE CLASS界面设计指南全面介绍（图文）

编者按：这篇文章绝对值得收藏！Google Glass界面设计指南由用户界面、设计原则、设计模式和视觉风格4方面组成。文章介绍的非常详细，可以说是一篇手把手的设计教程，特别是百度同学的专业翻译，保证了文章质量的原汁原味！向未来看齐的设计师们感受一下吧！

本章将介绍Glass的主要UI组件、它们的使用场景，以及用户如何与它们进行交互操作。

Google Glass的主要用户界面是由分辨率为640x360px的卡片组成的时间轴。它提供了诸多功能，如呈现动态和静态卡片的标准模式，系统级语音指令以及Glass应用的通用启动方式。

用户通过滚动时间轴切换不同区域显示历史、当前和未来的卡片。新近产生的卡片会在最接近主页卡片的地方出现，而主页卡片是用户唤醒Glass时默认展现的第一界面。

时间轴除用以管理卡片之外，还能处理用户输入，例如通过触控区定位时间轴，以及通过语音启动Glass应用等。大多数卡片有允许用户进行操作的菜单项，如，回复文字消息或分享照片。

时间轴中的卡片根据其临时程度和类型出现在以下几个区域：

主页区

默认的主页卡片是 Glass时钟，处于时间轴的中间位置。用户唤醒Glass的多数时候都展现该界面。

它为用户启动其他的Glass应用提供了系统级的语音和触控命令。Glass时钟卡片为整个Glass系统提供了入口，因此它将一直处于时间轴的主页位置 。

历史区

Glass 时钟的右侧是历史区，这里仅显示静态卡片。因为动态卡片总被认为是当前正在进行的，所以不会出现在这里。

静态卡片在历史区中自然"衰减"。当新卡片进入历史区时，处在离时钟最近的位置。越早的卡片用户越少使用，因此会被Glass系统依次向右推，Glass 会将用户7天内没使用过的卡片，或者超出200张上限部分的卡片自动清除掉。

当前和未来区

Glass时钟的左侧是当前和未来的区域，这里会展现静态、动态两种卡片。

动态卡片展示和用户当前时刻有关的信息，并且此卡片一直处于此区域。如果焦点在动态卡片上时系统进入休眠，当Glass再次被唤醒时这张动态卡片将会作为默认卡片显示。

拥有未来时间戳或被固定位置的静态卡片也会显示在当前和未来区。基于地理位置、状态、或者其他类型用户信息的Google Now卡片就是一个被固定位置的例子。

设置区

时间轴最左侧是Glass系统级设置，在这里你能够设置诸如音量和Wi-Fi网络等系统选项。

1.3 动态卡片包含丰富、实时的内容

动态卡片能够通过频繁更新自定义图像来给用户展示实时信息。这项功能非常适合那些需要基于用户数据不断更新的用户界面。

动态卡片还能够访问Glass的底层硬件传感器数据，比如加速计和GPS，这些都是静态卡片所不能实现的新形式交互和功能。

另外，动态卡片在时间轴内运行时，用户能够左右滑动查看其他卡片并与之进行交互。这允许用户执行多任务且无缝地保持动态卡片在后台实时运行。

1.4 静态卡片显示文字、图像和视频内容

静态卡片是一组简单的使用HTML、文本、图像和视频来构建的信息。它们不能实时刷新，而是被用来展示快速通知。

1.5 通过Glass应用(Glassware)将内容分享给联系人

静态卡片有分享功能，允许用户将当前卡片内容分享给其他人或Glass应用 (Glassware)。可将你的应用(Glassware)时间轴卡片设置成共享的，同时为你的Glass应用(Glassware)定义联系人，这样他就能够接受你分享的时间轴条目。

1.6 沉浸模式提供了一种完全自定义的体验

当需要完全把控用户体验时，你可以利用沉浸模式，它能够在时间轴之外运行。 沉浸模式允许渲染你自己的界面并且处理所有的用户输入。沉浸模式非常适合于那些在时间轴的限制下无法正常工作的Glass应用(Glassware)。

卡片和沉浸模式都能承载诸如分享、回复、移除等操作（不限于此）的菜单项。

二、原则

（编辑：济源站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!