Android App Developers GUI Kits, Icons, Fonts and Tools

Hot on the heels of our previous GUI article, iPhone and iPad Development GUI Kits, today we focus on Android development. The idea is the same: To help streamline your app design and development, with a relatively comprehensive collection of Android GUI kits, icons, fonts, .psds and tools, that will allow you to focus on developing rather than having to design everything from scratch.

In comparison to Apples iPhone, the Android interaction design guidelines are far from being extensive nor are they as regimental. Android’s guidelines are comprehensive and clear enough, yet they do allow a little room for some original design creativity – which is good. Of course, there is a reason there are design guidelines, and they should not be abused (nice to be original though), the guidelines will help you to create a polished and uniformed experience for the user. (You can read more about the Android design guidelines below).

Android

Android GUI Guidelines

  • Android User Interface Guidelines »
    The Android UI team has developed guidelines for the interaction and visual design of Android applications. You can view here for articles that describe these guidelines as they are released.
  • Android Icon Design Guidelines »
    This guideline provides information to help you create icons for the various parts of your application’s user interface that match the general styles used by the Android 2.x framework.
  • Android Widget Design Guidelines »
    This document describes how to design a widget, so it fits graphically with other widgets and with the other elements of the Android Home screen. It also describes some standards for widget artwork and some widget graphics tips and tricks from the Android team.

Android GUI Tools

DroidDraw : Graphical User Interface Editor for Android

DroidDraw : Graphical User Interface Editor for Android
DroidDraw is a User Interface (UI) designer/editor that can be used to build GUIs for Android. It is standalone executable, and its available for Mac OS X, Windows and Linux.

AnDroidDraw

AnDroidDraw
AnDroidDraw is an Android application which integrates with DroidDraw (see above) and it allows you to download your GUIs directly from DroidDraw and preview your GUIs on an Android emulator or device.

Android Wireframe Templates

Android Wireframe Templates
If you use a pencil before you start to take your Android app to the digital realm, then here are some ready made Android wireframe templates to help you design for some of the handsets out there. There are a whole variety of devices to choose from, with different screen resolutions, and hard or virtual keyboards.

Android Full Gui Kits

Android GUI PSD Vector Kit

Android GUI PSD Vector Kit
The Android GUI Starter Kit comes with several button elements as well as different interface options for Android GUI and is based on elements of Android 1.5.
Most of the elements and phone illustration are made in vector path, so they are easily resizable.

Google Android GUI PSD

Google Android GUI PSD
This Google Android GUI PSD has been inspired by teehan+lax’s iPhone PSD, it has the basic GUI elements, built using vectors to scale.

Fireworks Template for Android

Fireworks Template for Android
In this Fireworks template the Android user interface elements have been redrawn as vector images, with the folders the elements have been mostly labeled according to the Android vocabulary.

Google Android Stencil for Omnigfaffle

Google Android Stencil for Omnigfaffle
This is an Omnigraffle stencil set for Android prototyping.

Android Sketch Stencil Version 1.0 for Omnigfaffle

Android Sketch Stencil Version 1.0  for Omnigfaffle
The purpose of this sketch style wireframe is to prevent the intended audience from thinking about visual design and encourages them to focus on the functionality and behavior being proposed.

Android GUI Prototyping Stencil for Visio

Android GUI Prototyping Stencil for Visio

Android GUI Icon-Sets

Android Developers Icon Template Pack

The Android Icon Templates Pack is a collection of template designs, filters, and settings that make it easier for you to create icons that conform to the general specifications given in the Android design guidelines. The icon templates are in both Photoshop (.psd) and Illustrator (.ai) file formats.
There are three icon-sets included in the download package, Standard Launcher Icons, Standard Menu Icons and Standard Status Bar Icons. You can preview the icon-sets below:

Standard Launcher Icons

Standard Launcher Icons

Standard Menu Icons

Standard Menu Icons

Standard Status Bar Icons

Standard Status Bar Icons

Android Developer Common Icon Set

Android Developer Common Icon Set
The design and style of these icons have been based on some of the icons that are contained within the Android SDK. In total there are 24 .png Glyphs with the option of the following sizes: 16×16, 24×24, 32×32 and 48×48 pixels.

Android Developer Common Icon Set II

Android Developer Common Icon Set II
This icon set contains icons designed for use in the Menu, Lists, Tabs (selected and unselected) or Dialogs, with the correct sizing sorted into appropriately labelled folders.
In total, there are 15 glyphs and all in .png format.

Android Icons

Android Icons
This Android developer icon set includes 30 .png menu icons plus the additional source files (.eps) for further customization.

Glyphish

Glyphish
The Glyphish icon set have designed and carefully optimized specifically for use on toolbars and tab bars in iPhone apps, but would also be perfect for Android Development.
The 130 icons are 24-bit .png images are about 30×30 pixels for tab bar icons and about 20×20 pixels for toolbar and navigation icons.

Android Application Icons Set

Android Application Icons Set

iDroid icons for Android

iDroid icons for Android

Android Breathe Icon Set

Android Breathe Icon Set

Android Icon Templates

Android Icon Templates

Android Icons Set II

Android Icons Set II

Switcher Icon Set

Switcher Icon Set

Gesturecons – Multi-Touch Icons

Gesturecons - Multi-Touch Icons
These vector based icons have been created to help in the design, development, implementation and promotion of multi-touch interfaces. You can use Gesturecons inside of your applications to demonstrate to users how to complete actions or prompt them to interact with an application when they approach it. You can scale them to any size and alter them in any way you wish.

Android Fonts

@font-face Package for the Droid Font Family

This is an @font-face download package for Droid fonts. A series of official fonts that have been designed and optimized for use in application menus, web browsers and for other screen text for the Android OS. Also included in the package are the droid.css and droid.sass files with the CSS3 @font-face declarations.
You can see a preview of the Droid fonts below:

Droid Sans Regular & Bold Fonts Preview

Droid Sans Regular & Bold Fonts Preview

Droid Sans Mono Preview

Droid Sans Mono Preview

Droid Serif Preview

Droid Serif Preview

Free Font Droid Serif by Google Android @fontsquirrel

Free Font Droid Serif by Google Android @fontsquirrel

Android GUI PSD Templates

Google Nexus One v2 Templates

Google Nexus One v2 Templates

Google Nexus One Template

Google Nexus One Template

Google Nexus One

Google Nexus One

HTC Dream Android .PSD

HTC Dream Android .PSD

HTC Dream PSD

HTC Dream PSD

HTC Hero PSD

HTC Hero PSD

Android Search Toolbar PSD

Android Search Toolbar PSD

(652 Posts)

Paul Andrew

Paul is the founder and editor of Speckyboy Design Magazine. He has many years experience within the web design industry and a passion for the latest web technologies and design trends. He lives in the small town of Inverness in the north of Scotland. Follow him on Twitter, Facebook or Google+.

Comments

  • Android

    here we can find every tools and technique about the android technology so it is very good….

  • Thats a nice collection! Thanks!

  • Amazing collection! Thanks!

  • Nice Work! :-)

  • Rich

    Bookmarked!

  • thanks, lovely post!

  • Vrushparva27

    woooow android is rocking all around world

  • Natanael Vaz

    Amazing post, i’m looking for it during long time…..

  • g-roid

    Hi, any idea what Android devices to design for in the US? Say the 5 which dominate market share among Android? 

  • Bookmarked! Will download this stuff later. Thanks

  • The most comprehensive list of UI related stuff. Thanks for posting this.

  • Anant

    awesome1!!!!!!

  • David Sayag

    What a great selection !!!