谷歌眼镜设计规范之静态卡片

原文地址:http://bbs.seacat.cn/thread-864-1-1.html


静态卡片出现在时间轴的历史片段中,每张卡片专注一件事,视图清晰,易于阅读。


综述


静态卡片默认位于谷歌眼镜时钟的右边,显示用户发送时的关联信息。但是他们不需要立刻去注意并且用户可选择性的在空闲时间去阅读。


当GlassWare插入一个静态卡片到时间轴中,谷歌眼镜可能会发出一个通知声音来告知用户。所有早期的静态卡片也会切换到右边,并在用户的时间轴中保留7天。




通过   Mirror API,你可以用html标签,图片和视频来创建静态卡片。谷歌眼镜用这个CSS文件来渲染卡片,所以确保和谷歌眼镜的风格保持一致。

通过GDK,你可以通过简单的API来创建卡片对象,并通过 TimelineManager 来插入到时间轴中。


特性

注意:这些特性只支持Mirror API


最简单的静态卡片由一张显示在时间轴历史片段中的卡片组成,一张卡片也能具有影响它的行为和结构的特性。


分页

如果内容太长的话,用分页卡片通过许多张卡片来拓展内容。这个内容不是意义上的一张卡片。例如包含一条新闻故事或一封电子邮件。


轻触卡片会展示出一个查看更多功能,用户能滑动查看剩余的内容。


套件

套件组相互类似但又有区别。每张卡片依赖于它自己,但是套件允许按一定的逻辑分组卡片,如相似性或者创建的时间。


套件在右上角会有一个卷页效果,来告知用户有更多的信息。轻触套件会展现一个可以滑动的卡片子时间轴。


dog-gmail-bundle.png (92.2 KB, 下载次数: 2)

下载附件  保存到相册

2013-12-19 13:47 上传


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值