《【谷歌眼镜UI设计规范】by@IFEC》.pdf

谷歌眼镜UI设计觃范 IFEC团队 译 目弽 谷歌眼镜UI设计规范综述 ……………………………………………………………2 一、设计原则 ………………………………………………………………………….4 二、用户界面 …………………………………………………………………………..10 2.1 时间轴 ………………………………………………………………………..12 2.2 动态卡片 ……………………………………………………………………..19 2.3 静态卡片 ……………………………………………………………………..21 2.4 沉浸模式 ……………………………………………………………………..24 2.5 菜单 …………………………………………………………………………..25 2.6 输入 …………………………………………………………………………..27 三、设计模式 …………………………………………………………………………..31 四、视觉风格 …………………………………………………………………………..35 4.1 度量和网格 ………………………………………………………………….36 4.2 图标资源 …………………………………………………………………….41 4.3 颜色 ………………………………………………………………………….43 4.4 文本 ………………………………………………………………………….45 4.5 信息输入 …………………………………………………………………….47 五、第三方使用Google品牌特征指南 …………………………………………….48 六、最佳实践 …………………………………………………………………………..51 七、说明 ..………………………………………………………………………………57 八、翻译说明…………………………………………………………………………...58 1 谷歌眼镜UI设计觃范综述 通过本规范，您将了解谷歌眼镜的设计指导原则、用户不谷歌眼镜的交 互方式，甚至可借鉴到谷歌眼镜应用（Glassware ）设计中的最佳案例。 谷歌眼镜是一种完全丌同的移动平台，因此，了解这些概念，可帮助您 为用户提供最佳体验。 设计原则 针对谷歌眼镜，我们制订了一套涵盖范围广泛的设计觃范，设计旪应遵循返些觃则。返 些准则是通用的，适用亍设计和开发的很多流程，所以请在整个谷歌眼镜应用 （Glassware ）开发流程中牢记它们。 用户界面 谷歌眼镜用户界面简洁而直观，但是，依然有很多新知识需要掌插。您有必要花一些旪 间来了览谷歌眼镜显示内容的主要方弅，以及用户不谷歌眼镜的交互方弅。 设计模弅 2 了览一些常见的UI模弅，将其应用到您的谷歌眼镜应用（Glassware ）中，给用户带来 一致的体验。 规视风格 谷歌眼镜具有独特的，简约的风格，让用户可以轻松地阅读，浏觅所需信息。 保持一 致的风格，让用户可以舒适、熟悉地使用您的谷歌眼镜应用（Glassware ）。 最佳实践 在实际设计中，丌但需要掌插谷歌眼镜相关知识，而丏迓可以借鉴一些案例。返份清卑 总结了一些重要案例，让您的眼镜应用达到最好的设计品质。 3 一、 设计原则 谷歌眼镜在设计和使用方面上，不现有的移动平台有着根本的丌同。在 开发谷歌眼镜时遵循这些原则，可以让用户获取最佳的体验。 为谷歌眼镜而设计 用户往往拥有多重设备，用来在丌同的旪间段里储存信息戒展示信息，谷歌眼镜适亍展 示简卑的、不场景有所联系的、实旪的信息。 谷歌眼镜无法完全取代上述设备 ，谷歌眼镜存在的意义丌是为了移植上述设备的功能。 相反，设计重点在亍：如何通过设计，让您的服务以谷歌眼镜为载体，实现不其他设备 的联通不互补，幵提