Sep 3, 2013

Google Glass Design UI Cheat Sheet

Will
Sep 3rd, 2013 - 1 min read

 

Glass provides a new kind of interface. As with anything new it provides both new opportunities as well as new design challenges. We’ve put this handy guide together to help you get started designing for Glass. We’ll run through the correct typography, letter spacing and line heights. so you’re up to speed on where to start.

 

What are Timeline Cards?

Timeline cards are the core of the user interaction with Glass. They don’t just display content but also how your users interact with content on Glass. It’s important to create timeline cards that are clear, presentable and readable in both format and style.

 

Using the Mirror API

The Mirror API Playground lets you see how your content is going to look on Glass using pre-defined HTML templates which can be used within your app and as part of your development.

Use the Mirror API when:

  • You want to display structured content such as lists or tables.
  • You want greater flexibility in designing your content.

Design your own HTML

Designing your own template allows you to control exactly how your content is rendered. It’s important to keep content on Glass consistent. The Mirror API covers all the standard layouts but if you require a more custom design, then fire up photoshop and coda. and follow the basic principals

Fonts and Typography


Download the PSD UI Kit

We’ve put together this handy PSD template to get you started designing for Glass, download it and use as you wish.

[download id=”30″ format=”Standard”]


Will
Sep 3rd, 2013 - 1 min read
Join Our Newsletter
Get 5 must-read links on digital marketing each week, plus any posts from our blog.
No spam ever. Just great content.