Android TV UI Kit Freebie.Sketch

Hi! I'm Qi Qu, a designer at 👉 NOVODA LONDON. I communicate on Twitter(@cooky77) and share designs on Dribbble(dribbble.com/Q_Q) sometimes.

Recently I was given the opportunity to work on a side project with Alex Styl and another craftsman because Novoda wanted to showcase an Android TV demo to our client.

Firstly, I collected everything I could find about not only Android TV but anything to do with design for big screens including blog posts, videos and guidelines. Unfortunately, I have to say, compared to design resources for tablets and phones, there is very little available for Android TV.

For that reason I decided to create some resources myself! I came up with the idea of an Android TV design template that anyone interested in designing for the big screen could use as a starting point. It’s based on the screenshots from the Android TV Design Guidelines.

Sketch file contains:

alt

Feel free to download the kit from GitHub or sketchappsources website, use it in your projects, and share it with your coworkers!

Resources:

An in-depth look at the Leanback Library - Google I/O 2016

UI Patterns for TV

Designing for Android TV

Android TV Guideline

tvOS Human Interface Guidelines

About Novoda

We plan, design, and develop the world’s most desirable Android products. Our team’s expertise helps brands like Sony, Motorola, Tesco, Channel4, BBC, and News Corp build fully customized Android devices or simply make their mobile experiences the best on the market. Since 2008, our full in-house teams work from London, Liverpool, Berlin, Barcelona, and NYC.

Let’s get in contact