英文资料——谷歌眼镜UI设计规范
ui规范文档

ui规范文档UI规范文档。
一、概述。
UI规范文档是为了确保产品设计和开发的一致性和标准化而制定的文档。
它包括了产品的整体设计风格、布局规范、色彩搭配、字体规范、交互设计等内容,旨在为设计师、开发人员和产品经理提供统一的设计标准,以确保产品在不同平台和设备上都能够保持一致的用户体验。
二、设计原则。
1. 一致性,在整个产品中保持一致的设计风格和交互方式,确保用户在不同页面间能够轻松地进行操作和导航。
2. 简洁性,避免过多的视觉元素和复杂的交互设计,保持界面简洁清晰,让用户能够快速找到他们需要的信息。
3. 可用性,设计师应该从用户的角度出发,确保产品的易用性和可理解性,降低用户学习成本和操作难度。
4. 可访问性,考虑到不同用户的需求,包括残障用户,确保产品能够被尽可能多的用户所访问和使用。
5. 反馈性,及时给予用户操作的反馈,让用户清楚地知道他们的操作是否成功或失败。
三、设计规范。
1. 布局规范,页面布局应该简洁清晰,遵循常用的设计布局方式,如F型布局、Z型布局等,保证用户能够快速找到他们需要的信息。
2. 色彩搭配,选择合适的色彩搭配方案,确保色彩的搭配符合产品的整体风格和品牌形象,同时也要考虑到色盲用户的需求。
3. 字体规范,选择合适的字体样式和大小,确保文字的清晰可读,同时也要考虑到不同设备和屏幕的显示效果。
4. 图标规范,选择统一的图标风格和尺寸,确保图标的可识别性和一致性。
5. 交互设计,设计合理的交互方式,包括按钮的设计、导航的设计、页面切换的动画效果等,确保用户能够顺畅地进行操作。
四、开发规范。
1. 前端开发,前端开发人员应该严格按照UI规范文档中的设计规范进行开发,确保页面的布局、色彩、字体、图标等都符合设计师的要求。
2. 后端开发,后端开发人员也应该根据UI规范文档中的设计规范进行开发,确保页面的交互方式和功能的实现都符合设计师的要求。
3. 响应式设计,考虑到不同设备和屏幕的显示效果,开发人员应该确保产品在不同设备上都能够保持良好的显示效果和用户体验。
UI设计有哪些规范(UI设计规范参考)

UI设计有哪些规范(UI规范参考)理念上的规范有•形式追随功能—路易斯·沙利文这里的功能不仅包括用户需求,还包括产品需求、业务需求。
•less is more—米斯·凡·德罗把主要精力放到最核心的需求上•存在即合理—黑格尔页面上的每一个元素的存在都可以解释,不要无缘无故增减元素可用性规范——尼尔森十大可用性原则一、状态可见原则用户在网页上的任何操作,不论是单击、滚动还是按下键盘,页面应即时给出反馈。
“即时”是指,页面响应时间小于用户能忍受的等待时间。
二、环境贴切原则网页的一切表现和表述,应该尽可能贴近用户所在的环境(年龄、学历、文化、时代背景),而不要使用第二世界的语言。
《iPhone人机交互指南》里提到的隐喻与拟物化是很好的实践。
此外,还应该使用易懂和约定俗成的表达。
三、撤销重做原则为了避免用户的误用和误击,网页应提供撤销和重做功能。
四、一致性原则同一用语、功能、操作保持一致。
五、防错原则通过网页的设计、重组或特别安排,防止用户出错。
六、易取原则好记性不如烂笔头。
尽可能减少用户回忆负担,把需要记忆的内容摆上台面。
七、灵活高效原则中级用户的数量远高于初级和高级用户数。
为大多数用户设计,不要低估,也不可轻视,保持灵活高效。
八、易扫原则互联网用户浏览网页的动作不是读,不是看,而是扫。
易扫,意味着突出重点,弱化和剔除无关信息。
九、容错原则帮助用户从错误中恢复,将损失降到最低。
如果无法自动挽回,则提供详尽的说明文字和指导方向,而非代码,比如404。
十、人性化帮助原则帮助性提示最好的方式是:1、无需提示;2、一次性提示;3、常驻提示;4;帮助文档。
界面排版规范——《格式塔原理》1.相似原则“有相似特征元素比没有相似特征的元素被认为更为紧密相关”2.接近原则“更接近一起的对象比进一步分开的对象被认为更相关。
”3.连续定律“在直线上或者曲线上的元素比不在直线或者曲线上的元素被认为更相关。
md设计规范

md设计规范MD(Material Design)是由Google推出的一套界面设计规范,目的是为了统一Google产品和服务的设计风格,提供一致的用户体验。
以下是MD设计规范的主要内容:1. 布局与排版- 使用网格系统进行页面布局,确保页面元素的对齐和平衡。
- 使用简洁的排版风格,结合正确的字体大小和行高,提供良好的可读性。
- 使用适当的行间距和段间距,以及合适的对齐方式,增强页面的整体美感。
2. 颜色和主题- 使用鲜明、饱满、对比度强的颜色,提高元素的可视性。
- 使用色彩组合和渐变效果,增强用户对页面的注意力。
- 使用主题样式来统一界面元素的外观和风格,提供整体一致的用户体验。
3. 图标和按钮- 使用简洁、易于辨识的图标,提供直观的操作指引。
- 使用合适的按钮样式,区分不同的操作和功能,提供友好的交互界面。
- 遵循图标和按钮的层级结构和放置位置,增强页面的导航和流程性。
4. 图像和多媒体- 使用高质量的图像和多媒体内容,提升用户的视觉体验。
- 使用合适的图像比例和裁剪方式,保持页面的平衡和一致性。
- 使用适当的过渡效果和动画,增加页面的交互性和吸引力。
5. 用户界面和交互- 设计简洁明了的用户界面,减少元素和信息的冗余。
- 使用直观的交互方式,如拖动、滑动、点击等,提供友好的操作体验。
- 设计合理的错误提示和反馈机制,帮助用户快速解决问题。
6. 响应式和适配性- 设计响应式界面,以适应不同屏幕尺寸和设备类型。
- 使用自适应布局和流体设计,确保页面元素的自动调整和适应性。
- 使用合适的媒体查询和断点设定,以提供最佳的用户体验。
7. 可访问性和可用性- 设计符合无障碍标准的界面,确保所有用户都能方便地访问和使用应用程序。
- 提供易于导航和理解的界面,减少用户的困惑和迷茫感。
- 使用明确和直观的语言,提供清晰的文字和标识。
总之,MD设计规范具有以下特点:简洁明了、直观友好、统一一致、可访问可用、响应式适配。
google设计规范

google设计规范Google 设计规范是Google 公司用于指导设计师和开发人员进行产品设计和开发的一套准则。
它包含了全面的设计原则和最佳实践,致力于帮助开发高质量的用户界面和交互体验。
以下是关于Google 设计规范的1000字简介。
Google 设计规范的目标是创建出色的用户体验。
它强调简洁、一致性、易用性和效率。
根据这一指导原则,设计师和开发人员可以创建出直观、易于理解和使用的产品,使用户的体验达到最佳状态。
Google 设计规范的一个关键原则是“材料”。
材料是Google 的设计语言,它基于实体的概念,模拟了现实世界中的材料和物体。
通过对纸张、墨水和光线等元素的模拟,Google 设计规范使产品的界面和动画效果更具真实感,同时又保持了简洁和易用性。
Google 设计规范还提供了一些详细的指南,以帮助设计师和开发人员在产品设计中遵循最佳实践。
这些指南包括颜色、图标、字体和排版等方面。
比如,对于颜色,规范提供了一系列的调色板和配色方案,使设计师可以选择适合自己产品风格和目标用户的颜色。
对于图标,规范提供了一套统一的图标库,设计师可以使用这些图标来增强产品界面的一致性和易用性。
此外,Google 设计规范还提供了各种界面元素的设计准则。
例如,对于按钮的设计,规范建议使用明确的文字和图标,以便用户能够明确地了解按钮的功能。
对于输入框的设计,规范建议使用清晰的提示文字和明确的错误提示,以及自动完成和验证等功能,提高用户的输入效率和准确性。
Google 设计规范的另一个关键概念是“响应式设计”。
响应式设计是指设计师和开发人员根据用户设备的类型和屏幕尺寸,为用户提供最佳的用户界面和交互体验。
规范提供了一些指南和实践建议,以帮助设计师和开发人员创建响应式的产品,以适应不同设备和屏幕大小。
综上所述,Google 设计规范是一个全面的设计准则,致力于帮助设计师和开发人员创建出色的用户界面和交互体验。
它强调简洁、一致性、易用性和效率。
谷歌眼镜的简要介绍 ppt课件

18
PPT课件
辅助教学
荷兰奈梅亨大学附属医院2014年3月15日发布消息说,该院医生佩 戴谷歌眼镜完成了一例手术,将主刀医生在手术时的第一视角画面 传递播放给学生观看,收到了良好效果。
19
PPT课件
潜在问题
成本过高 缺少应用 分散注意 侵犯隐私 设备漏洞 成瘾风波
20
PPT课件
17
PPT课件
通过表情分析情绪
2014年3月7日上午,一家名叫Emotient的公司推出了一款全新应用,可 以利用谷歌眼镜分析其他人的心理感受。
这款软件号称可以分析人们最细微的的表情变化,从而推断他们真实的心 理感受。例如,系统可以通过分析发现,你的店面之所以销售业绩不佳, 是因为人们走进店内后立刻变得愤怒和痛苦,所以最好把墙涂成紫色。
21
PPT课件
成员贡献
Idea:倪志媛 PPT素材搜集:夏丽丽林 演讲人:倪志媛
谢谢观赏!
22
PPT课件
镜框处的“鼠标”可以控制显示屏,“鼠标”的移动 仅需使用者稍稍侧倾脑袋,即这个操作系统是靠轻微 的摇头晃脑来实现鼠标的滑动及按键功能,而且这种 操作方式简单易学。
谷歌眼镜的佩戴者可以如戴着普通眼镜一样走路、写 字,处理他们的日常事务。当他们想上网时,仅需头 部轻晃一下。
7
PPT课件
谷歌眼镜的构成
2012年4月开始测试2012年6月27日谢尔盖布林在谷歌io大会上演示谷歌眼镜2013年2月21日谷歌眼镜放宽预订购限制允许个人申请规格参数开发者版售价1500美元约合9274元内建16gb闪存支持googlecloud通过microusb接口充电android403系统首先你必须触摸的设备的一侧实际上是一个触摸板或慢慢向上倾斜你的头这个姿势可以唤醒眼镜
gui规范

gui规范GUI规范是指在图形用户界面(Graphical User Interface)设计中遵循的一套规则和准则,旨在提供一致、直观、易用的用户体验。
以下是一份关于GUI规范的1000字说明。
一、用户界面的文件结构和布局:1. 使用模块化的结构,将界面划分为可重用的组件,提高开发效率和界面一致性。
2. 使用合理的布局方式,如网格布局、层叠布局等,以确保界面的可读性和可导航性。
二、界面元素的设计和使用:1. 使用简洁、直观的图标和按钮,以便用户快速识别并执行操作。
2. 避免使用过多的颜色、字体样式和动画效果,避免视觉混乱。
3. 使用标准化的元素,如标签、文本框、下拉框等,以提高用户的熟悉度和可操作性。
4. 为每个界面元素提供适当的提示和帮助信息,以减少用户的迷惑和错误操作。
三、用户输入和交互操作:1. 对用户的输入进行验证和提示,确保输入的准确性和合法性。
2. 提供合理的输入方式和格式,如日期选择器、数字输入框等,以提高用户的输入效率和准确性。
3. 提供撤销和重做的功能,以便用户可以更好地控制和调整操作。
4. 对于涉及重要操作的按钮和链接,使用二次确认对话框,以防止用户误操作。
四、界面的导航和搜索:1. 使用简洁明了的导航结构,如菜单栏、侧边栏等,帮助用户快速查找所需功能和页面。
2. 在搜索功能中提供自动完成、搜索建议等辅助功能,以提高用户的搜索效率和准确性。
3. 提供面包屑导航,显示用户当前的位置和路径,以便用户快速返回或切换到其他页面。
五、界面的反馈和响应:1. 提供即时的反馈,如进度条、加载动画等,告知用户操作的进展和结果。
2. 对于用户的错误操作,提供明确的错误提示和建议,以指导用户如何纠正错误。
3. 响应用户的操作,如点击、滚动等,及时更新界面,提高用户的操作流畅度和体验。
六、界面的可访问性和多语言支持:1. 遵循无障碍设计原则,确保界面对于视觉、听觉等残障用户的可访问性。
2. 提供多语言支持,以便用户可以在自己熟悉的语言环境下使用界面。
UI设计规范范文

UI设计规范范文
一、总体介绍
UI(User Interface,用户界面)设计规范是一系列倡导和指南,用以确保在应用设计中满足用户需求,提升用户体验,保持一致的设计风格和完善的系统文档。
经过实践,发现将之应用于产品中,有助于提升应用的可用性,确保交互的一致性,减少设计团队的整合工作量,优化产品,提高用户的体验。
二、UI设计规范要求
1、针对不同系统、设备和技术,需要构建平台特定的UI设计规范;
2、设计应该简洁,易于理解和使用;
3、UI设计中应该合理使用不同的视觉元素,如色彩、字体、图表和动画;
4、注重用户体验,提升UI系统的可用性;
5、加强UI系统的稳定性,降低软件的出错率;
6、UI设计应能够及时应对新技术、新设备的变化;
7、规范应该使得多个设计师可以实现良好的用户体验;
8、应使用和比较相似的图形、结构和其他UI组件;
9、涵盖各种通用和行业特定的交互规则和元素;
10、UI设计中应考虑到用户功能的多样性,并考虑哪些操作有利于用户。
三、UI设计流程
1、定义交互模型:根据用户的行为,分析用户的使用需求,设计友好的交互模型;
2、确定UI原则:确定交互模型后。
ui规范文档

ui规范文档UI规范文档是一份详细描述用户界面设计规范和标准的文档,其目的是确保产品的用户界面在外观和交互方面具有一致性。
下面是一份700字的UI规范文档范例:1. UI设计原则- 一致性:确保用户界面的各个元素在不同页面中保持一致的外观和交互方式。
- 简约性:避免过多的装饰和复杂的布局,保持界面的简洁和易于使用。
- 可变性:为不同的屏幕尺寸和设备类型提供适应性,确保用户在任何情况下都能舒适地使用产品。
2. 色彩和图标- 颜色方案:采用品牌标识色和相应配色方案,确保界面的一致性和识别性。
- 图标设计:使用简洁明了的图标,确保用户能够快速理解和识别图标所代表的功能。
3. 布局和排版- 网格系统:采用网格系统进行布局,确保页面的一致性和对齐。
- 字体排版:使用清晰易读的字体,并合理设置字体大小、行间距和字体颜色。
4. 导航和交互- 导航结构:使用简单直接的导航结构,确保用户能够快速找到所需的功能和信息。
- 按钮和链接:使用明确的按钮和链接样式,确保用户能够清晰地辨认可点击的元素。
- 表单和输入:提供明确的输入框和表单样式,以及相应的错误提示和验证。
5. 响应式设计- 屏幕适应:为不同的设备尺寸提供适应性,确保界面在不同屏幕上呈现良好。
- 手势操作:优化触摸屏幕上的手势操作,确保用户能够流畅地交互。
6. 用户反馈- 状态提示:在页面操作和加载过程中显示相应的状态提示,让用户清楚地知道当前操作的状态。
- 错误处理:提供友好的错误提示信息,并指导用户解决问题。
7. 图片和媒体- 图片质量:确保页面中的图片质量良好,并合理控制图片大小以提升加载速度。
- 多媒体支持:提供对音频、视频和其他多媒体内容的支持,以丰富用户体验。
这份UI规范文档旨在指导界面设计师和开发人员在产品设计和开发过程中遵循一致的设计原则和标准,以提供给用户一个优质的界面体验。
- 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。
谷歌眼镜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)谷歌眼镜UI设计规范综述通过本规范,您将了解谷歌眼镜的设计指导原则、用户与谷歌眼镜的交互方式,甚至可借鉴到谷歌眼镜应用(Glassware)设计中的最佳案例。
谷歌眼镜是一种完全不同的移动平台,因此,了解这些概念,可帮助您为用户提供最佳体验。
设计原则针对谷歌眼镜,我们制订了一套涵盖范围广泛的设计规范,设计时应遵循这些规则。
这些准则是通用的,适用于设计和开发的很多流程,所以请在整个谷歌眼镜应用(Glassware)开发流程中牢记它们。
用户界面谷歌眼镜用户界面简洁而直观,但是,依然有很多新知识需要掌握。
您有必要花一些时间来了解谷歌眼镜显示内容的主要方式,以及用户与谷歌眼镜的交互方式。
设计模式了解一些常见的UI模式,将其应用到您的谷歌眼镜应用(Glassware)中,给用户带来一致的体验。
视觉风格谷歌眼镜具有独特的,简约的风格,让用户可以轻松地阅读,浏览所需信息。
保持一致的风格,让用户可以舒适、熟悉地使用您的谷歌眼镜应用(Glassware)。
最佳实践在实际设计中,不但需要掌握谷歌眼镜相关知识,而且还可以借鉴一些案例。
这份清单总结了一些重要案例,让您的眼镜应用达到最好的设计品质。
一、设计原则谷歌眼镜在设计和使用方面上,与现有的移动平台有着根本的不同。
在开发谷歌眼镜时遵循这些原则,可以让用户获取最佳的体验。
为谷歌眼镜而设计用户往往拥有多重设备,用来在不同的时间段里储存信息或展示信息,谷歌眼镜适于展示简单的、与场景有所联系的、实时的信息。
谷歌眼镜无法完全取代上述设备,谷歌眼镜存在的意义不是为了移植上述设备的功能。
相反,设计重点在于:如何通过设计,让您的服务以谷歌眼镜为载体,实现与其他设备的联通与互补,并提供独一无二的用户体验。
谷歌眼镜上承载的Google+使用单张卡片来展示内容,布局极简,而主要内容则隐藏在菜单「更多」选项后面。
继而,Google+ 在手机和平板电脑全屏展示内联内容。
不要妨碍用户谷歌眼镜的设计理念是“当您需要它时它才出现,当您不需要时它就消失”。
谷歌眼镜应用(Glassware)也应采取同样的设计理念。
应用需要提供愉悦的使用体验,作为用户生活的调剂和辅助,切忌喧宾夺主,让应用妨碍、干扰用户的正常生活。
谷歌眼镜的界面会出现在眼角余光处,并不妨碍用户日常体验,而当您需要的时候它就会展现出来。
谷歌搜索会帮助用户找到当前场景下所需的特殊信息。
注重场景相关性为用户提供与所在位置、当前时间相关的信息。
场景相关性是最强也是最富有魔力的用户体验,可以给用户带来愉悦感和满足感。
当用户到达自己喜欢的杂货店,可以提供一个购物清单。
这就是相关性体验,而且谷歌眼镜也很擅长传递这种体验。
避免意外在谷歌眼镜上,意想不到的功能和坏的体验会加剧给用户带来的恶感,因为谷歌眼镜非常贴近用户的感官。
不要频繁推送内容,也不要在不合时宜的时间里推送内容。
要让用户弄清谷歌眼镜应用(Glassware)的意图并且避免误解。
“在用户不想看到通知的时候推送通知”是个蠢想法,而且会招致糟糕的使用体验。
进行信息推送时,要留意用户所处区域、用户所处地点时间、推送频率等因素。
以人为本使用图像、语音交互、手势来设计界面。
专注于「即发即弃」(译者举例:“按钮,把导弹发射出去,剩下的就由导弹自己搞定”)的操作模式,这样用户就可以快速操作,并继续日常事务。
复,当您停止说话时,信息自动发送。
二、用户界面本节将介绍谷歌眼镜的信息展示方式,用户交互方式,以及谷歌眼镜如何对用户操作进行反馈。
时间轴控制了大部分的用户体验时间轴负责处理语音输入和触摸输入,负责显示和管理时间轴卡片,并且用户可以借此访问谷歌眼镜系统的大部分区域。
它提供了标准化的界面让用户可以尽情体验谷歌眼镜应用(Glassware),同时也方便了开发者原汁原味地展现应用。
沉浸模式随时可以取代时间轴必要时,谷歌眼镜会用沉浸模式来代替时间轴模式。
沉浸模式会让显示内容占据整个界面,并处理所有的用户输入。
沉浸模式对交互条件和输入环境有一定的要求。
但其实动态卡片和静态卡片就能满足用户的大多数需求,因此只在必要时才进入沉浸模式。
2.1 时间轴谷歌眼镜的用户界面是由一组尺寸小大为640 ×360像素的卡片式界面组成的虚拟时间轴。
用户通过滚动时间轴来展现之前、当前、之后的卡片。
最近的项目驻留在时间轴中间,最接近用户的体验。
概述时间轴显示两种类型的卡片:动态和静态。
静态卡片显示文本、html、图片和视频,但无法访问摄像头、传感器、其他低级硬件及API,这些只有动态卡片才可以访问。
动态和静态的卡片都提供了用户操作菜单,其中包括大声朗读、分享和回复等。
除了管理时间轴卡片之外,时间轴还处理用户输入,例如用触摸板操作时间轴进行导航,用语音指令启动谷歌眼镜应用(Glassware)。
时间轴片段时间轴上的标准化环节能帮助用户通过卡片的时效性了解其驻留的位置。
设置当前/未来主页过往主页默认的主卡片是谷歌眼镜时钟,并且它位于时间轴的中间。
大多数情况下,用户唤醒谷歌眼镜时它就会出现。
在主卡片下,提供系统范围的语音控制和触摸控制,允许用户从该卡片页面进入其他谷歌眼镜应用(Glassware)。
时间轴的主页将一直保持为时钟卡片。
过往在谷歌眼镜时钟右边的是历史片段,显示了按照文本、html、照片和视频依次排序的静态卡片。
卡片在过往的片段中自然倒退。
一个新的卡片加入到过往的片段中,会在更接近谷歌眼镜时钟的位置显示。
谷歌眼镜将用户很少滚动的、更早的卡片推到更右边,并且会删除时间超过7天的卡片。
当前和未来在谷歌眼镜时钟左边的是当前和未来的片段,包括所有静态和动态卡片。
动态卡片显示用户当前的关联信息,而且会一直显示在这个片段中。
为了保持信息的更新,动态卡片一秒钟会刷新很多次。
如果当前界面是动态卡片并且动态卡片处于聚焦模式,随后谷歌眼镜进入休眠状态,那么当谷歌眼镜被唤醒时,这张卡片将被默认显示。
属于将来时间点、或者被固定住的静态卡片也会在当前和将来的片段中显示。
Google Now的卡片是一个被固定住的卡片示例,它会显示位置、状态和其他用户信息。
Strava Cycling 展现一个动态卡片,它会连续不断的显示地点、时间和骑车速度Google Now 天气卡片会自动显示关联信息设置在时间轴最左边的是设置,您可以配置谷歌眼镜的系统设置,例如音量,Wi-Fi 网络等。
2.2 动态卡片动态卡片出现在时间轴中,所包含的内容在当前时间是非常重要的,他们会不断更新,以保持信息的新鲜性和相关性。
概述动态卡片驻留在谷歌眼镜时钟卡片的左侧,显示的信息也和用户当前场景相关。
不同于静态卡片,当时间线超过7天时,动态卡片会自动消失。
无论何时,当动态卡片不再与当前场景相关时,用户可以马上删除它。
谷歌眼镜操作系统在重启或者系统资源不足时也会移除动态卡片。
动态卡片可以访问谷歌眼镜大多数低级别的硬件,比如传感器,GPS,以及3D图形。
然而,只有时间轴才能决定用户输入到动态卡片中的内容能否起作用。
举个例子,通过触控板滑动向前或后退可以进行时间轴导航,但是动态卡片无法使用触控板。
类型您只能使用GDK创建动态卡片,因为动态卡片需要访问的低级功能,Mirror API并不具备。
有两种类型的动态卡片可供您创建。
高频此类型每秒钟渲染多次,可以显示丰富的3D或者2D内容,如果您需要快速渲染和各种UI渲染的选项,此类型动态卡片效果很好。
低频此类型数秒渲染动态卡片一次,同时只能显示受限的部分UI组件(主要为文本和图片)。
此类型动态卡片的一个很好的用处是显示并不需要实时更新的状态或者信息的更新。
2.3 静态卡片静态卡片出现在时间轴中的历史部分,每一张卡专注于一个事件,视觉清晰,同时易于阅读。
概述静态卡片默认情况下驻留在谷歌眼镜时钟的右侧,并在展示时显示用户相关的信息,然而,静态卡片无需立刻处理,用户可以在自己闲暇时间选择阅读或者执行卡片内容。
当Glassware在时间轴中插入静态卡片,眼镜可能播放提示音以提醒用户。
所有之前的静态卡片也将移动到右侧并最高在用户的时间线保留7天。
使用Mirror API,您可以通过HTML、图片以及视频创建静态卡片。
谷歌眼镜使用此CSS 文件来渲染卡片,所以请确保使用文件中定义的classes,以保持和谷歌眼镜样式一致。
通过GDK,您使用简单的API以创建一个卡片组件,同时使用时间轴管理将它插入到时间轴中。
特性提示: 这些特性只支持Mirror API最简单的静态卡片和显示周期时间轴的历史记录部分的卡片会保持一致,一张卡片也可以呈现影响其行为及结构的特性。
分页源于内容太长,分页卡片通过贯穿多张卡片来传播内容。
内容若能归放在一张卡里也许会更合乎情理,比如包含一个单独的新闻故事或者单封邮件。
轻敲卡片获取一个阅读更多的动作来展示内容的其余部分,并且用户可以滑动浏览。
合并合并会编组收集不同类别但有相似之处的卡片。
每一张卡片可以独立展示,但是合并编组会按照类似性或者创建时间来为卡片分组。
合并编组的界面右上角会有一个折角,用来提醒用户有更多可用信息。
轻敲合并组,该应用会展示一个用户可以滑动浏览的卡片的次时间轴。
2.4 沉浸模式沉浸模式是可自定义的UI体验,能够让用户全身心的沉浸其中,是时间轴之外的一种显示模式。
概述大部分的用户体验通过时间轴模式来构建,但有时候,谷歌眼镜应用(Glassware)的功能和特性无法通过动态卡片与静态卡片来实现。
沉浸模式最大的益处就是用户可以调用、开启所有的用户输入模式。
比如在触摸屏滑动向前和向后,这是在时间轴模式中是常规的操作。
这样,您就能在谷歌眼镜应用(Glassware)的沉浸模式中实现一些触控手势,从而实现更多的功能。
沉浸模式可支持创建一个专门的界面,用来实现一些时间轴模式无法实现的功能。
用户可以深度沉浸进入谷歌眼镜应用(Glassware)的定制化体验,同时当他们选择向下滑动时即可退出。
2.5 菜单卡片和沉浸模式通常会带有菜单选项,用户可以通过点击或者语音来执行那操作。
谷歌眼镜允许使用内置菜单项,也可以创建自定义菜单项。
概述菜单是用户调用卡片相关动作的主要方式,比如回复或者朗读。