Windows 8 Apps - Design Inspiration

Back to Articles
Article Image

I thought I'd post some links for inspiration when working on Windows applications. I've split this where I can into the areas I refer to when talking about the Windows UI as a design language for Windows Phone, but I've also added to this list so that it's also relevant for the UI style on Windows 8.

Article Image

TYPOGRAPHY

The new UI is in part, a celebration of typography. I've split the links here into two sections between showcase sites and learning / educational links.

SHOWCASE

LEARNING

MOTION

Metro, from a graphic design perspective is a very 2D interface. By adding motion you can bring a sense of depth. But motion can also be used to add emotion and a great example of this can be seen in movie title sequences and the many Kinetic Typography videos on the internet.

  • http://www.artofthetitle.com/ - A compendium and leading web resource of film and television title design from around the world. Honouring the artists who design excellent title sequences through discussion and displaying their work with a desire to foster more of it, via stills and video links, interviews, creator notes, and user comments.
  • http://annyas.com/screenshots/ - The Movie Title Stills Collection - a collection of screenshot and notes on movie titles including some good shots and commentary on the legendry Saul Bass.
  • http://vimeo.com/tag:kinetictypography - Films tagged 'Kinetic Typography' on Vimeo

SOUND

Sound design for digital devices is incredibly hard to get right. If you don't have access to Brian Eno or Robert Fripp then here's some links that will guide you in the right direction.

EXPERT OPINIONS ON WINDOWS UI PRINCIPLES

In this series of short films, I approached leading experts in the fields of type, sound, way finding and architecture that are relevant to the Windows design language. This made for some insightful conversations which you can view here.

Article ImageElliot Jay Stocks and Erik Spiekermann talk about typography in the digital domain. How you should approach the screen as 'bad paper' and be cognisant of it's limitations.Watch the film.


Article ImageRecord producer Gareth Jones talks about the sound war and how to make the most of audio on small devices providing some tips learned in his years of sound production experience. Watch the film.


Article ImageTony Howard, the Managing Director of the London based Transport Design Consultancy drawing on his global experience discussion his approach to way finding in airports and train stations. Watch the film.


Article ImageArchitect Duncan McLeod muses on how space and light can be used as materials within buildings. Watch the film.


Post a comment
Your Screen Name
Your Email Address
Your Comment
previous

Video: Cloud Computing Platforms Actually Make Businesses More Agile! Find out how...


next

Vendor Prefixes: The Good, The Bad and The Ugly

Related
Adobe is now contributing to Project Spartan
Adobe is now contributing to Project Spartan
5 top web design trends
5 top web design trends
Redesign in the face of change
Redesign in the face of change
Content before Chrome and on-demand UI
Content before Chrome and on-demand UI
10 top tips for creating an amazing user experience
10 top tips for creating an amazing user experience
Recent
Join the Internet of Things community. Follow 5 top influencers
Join the Internet of Things community. Follow 5 top influencers
How to improve your free-to-play game
How to improve your free-to-play game
How Shaping Cloud developed an Office Task Pane app
How Shaping Cloud developed an Office Task Pane app
A software developer's guide to clean code
A software developer's guide to clean code
Web Devs! A free Web Platform Day in sunny Brighton
Web Devs! A free Web Platform Day in sunny Brighton
previous

Video: Cloud Computing Platforms Actually Make Businesses More Agile! Find out how...


next

Vendor Prefixes: The Good, The Bad and The Ugly