下面是逛Quora的时候，偶然看到了这样一个问题“怎样为谷歌眼镜设计UI界面？”

置顶回答非常专业，想必国内的Designer可能连接触的机会都少有，更何谈设计？大家一起来看看吧！为谷歌眼镜UI Desgin做好准备。

回答者个人信息：Greg Roberts, dSky9.com的CEO，专业谷歌眼镜UI设计师。

要想为谷歌眼镜进行UI设计，必须先备好纸笔，进行前期准备工作

你可以下载界面设计末班，其中包含了符合谷歌标准的字体，请搜索如下关键词

· The Google Glass PSD Template

注意: 本回答参考了 Google Glass: How will Google Glass impact web design?

A. 创意阶段

1 先想象出一个应用场景和案例，脑海中可以浮现一个用户，想象他的行为、他的需求、他的任务目标

2  取出纸笔，画出想象中用户所能体验到的故事板，下图我展示的故事板就非常棒

3 根据草图，使用PS/AI/其他工具画出基本的界面

4 布局要干净简约

5 为谷歌眼镜进行UI设计，要注意：信息不能挡住用户实现，信息不应处于界面中央，不应该成为视觉焦点。

6 使用粗字体，对照感强烈的图像。

7 同时还要记住，图形应该是半透明的。以免覆盖住用户真实看到的景象。

8 要记住，动态信息区域应该非常非常的小，仅仅占据整体视图的5%。

9 完成上述步骤后，要记住合理使用图片：你选用的图像，应该和用户的使用场景有所联系，和应用本身应该有所关联

10 添加动效. 个人喜欢用Keynote设计动效转换。动效能够提供更好的引导和隐喻。

上图：从草图再到预览阶段 gPath

B. 视频预览阶段

然后，你要开始想象，用户能用你的应用完成什么任务，能达成什么样的目标？

11 在视频预览中给出应用的使用案例，记住，要使用第一人称视角，让观看视频的用户可以清晰的了解，这款应用到底能完成什么任务。

视频还要清晰的展现使用场景

完成后，我喜欢在iMovie中进行后期处理。

12 将录制好的视频作为背景，然后继续视频处理，添加你的应用界面图像。

13 视频背景和前景元素要同步，讲好产品故事。

推荐两款应用的视频预览：

StarFinder, 我们设计的谷歌眼镜上的虚拟天文应用

Path, 一款不错的旅行/探险应用

8.png (226.39 KB, 下载次数: 0)

下载附件  保存到相册

2014-1-10 19:28 上传

C. 实际原型阶段

14 此阶段，需要一台有背部摄像头的平板。

然后写一些简单的代码，让平板摄像头拍摄的图像能够传入谷歌眼镜中，传入的拍摄图像会处于顶层，保持50%的不透明度。

现在用手拿起平板，前后平移。

通过眼镜中拍摄图像与平板中拍摄图像的对比，可以粗略估算出“用户的视场”以及“用户与眼镜中图像的距离”

对比完后，进行调整。