Android App Developers GUI Kits, Icons, Fonts and Tools
2010-11-01 22:00
567 查看
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 fairly 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. Androids 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 why there are design guidelines, and they should not be abused (nice to be original though), the guidelineswill help you to create a polished and uniformed experience for the user. (You can read more about the Android design guidelines below).
You may also like: iPhone and iPad Development GUI Kits, Stencils and Icons »
![](http://speckyboy.specky.netdna-cdn.com/wp-content/uploads/2010/05/androidscreen.jpg)
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.
![](http://speckyboy.specky.netdna-cdn.com/wp-content/uploads/2010/05/android_gui_01.jpg)
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.
Download DroidDraw »
![](http://speckyboy.specky.netdna-cdn.com/wp-content/uploads/2010/05/android_gui_02.jpg)
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.
Download AnDroidDraw »
![](http://speckyboy.specky.netdna-cdn.com/wp-content/uploads/2010/05/android_gui_03.jpg)
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.
Download Android Wireframe Templates »
![](http://speckyboy.specky.netdna-cdn.com/wp-content/uploads/2010/05/android_gui_04.jpg)
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.
Android GUI PSD Vector Kit »
![](http://speckyboy.specky.netdna-cdn.com/wp-content/uploads/2010/05/android_gui_05.jpg)
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.
Google Android GUI PSD »
![](http://speckyboy.specky.netdna-cdn.com/wp-content/uploads/2010/05/android_gui_06.jpg)
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.
Fireworks Template for Android »
![](http://speckyboy.specky.netdna-cdn.com/wp-content/uploads/2010/05/android_gui_07.jpg)
This is an Omnigraffle stencil set for Android prototyping.
Google Android Stencil for Omnigfaffle »
![](http://speckyboy.specky.netdna-cdn.com/wp-content/uploads/2010/05/android_gui_08.jpg)
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 Sketch Stencil Version 1.0 for Omnigfaffle »
![](http://speckyboy.specky.netdna-cdn.com/wp-content/uploads/2010/05/android_gui_09.jpg)
Android GUI Prototyping Stencil for Visio »
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
![](http://speckyboy.specky.netdna-cdn.com/wp-content/uploads/2010/05/android_gui_10.jpg)
Android Developers Icon Template Pack »
Standard Menu Icons
![](http://speckyboy.specky.netdna-cdn.com/wp-content/uploads/2010/05/android_gui_11.jpg)
Android Developers Icon Template Pack »
Standard Status Bar Icons
![](http://speckyboy.specky.netdna-cdn.com/wp-content/uploads/2010/05/android_gui_12.jpg)
Android Developers Icon Template Pack »
![](http://speckyboy.specky.netdna-cdn.com/wp-content/uploads/2010/05/android_gui_13.jpg)
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 »
![](http://speckyboy.specky.netdna-cdn.com/wp-content/uploads/2010/05/android_gui_14.jpg)
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 Developer Common Icon Set II »
![](http://speckyboy.specky.netdna-cdn.com/wp-content/uploads/2010/05/android_gui_15.jpg)
This Android developer icon set includes 30 .png menu icons plus the additional source files (.eps) for further customization.
Android Icons »
![](http://speckyboy.specky.netdna-cdn.com/wp-content/uploads/2010/05/android_gui_16.jpg)
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.
Glyphish »
![](http://speckyboy.specky.netdna-cdn.com/wp-content/uploads/2010/05/android_gui_17.jpg)
Android Application Icons Set »
![](http://speckyboy.specky.netdna-cdn.com/wp-content/uploads/2010/05/android_gui_18.jpg)
iDroid icons for Android »
![](http://speckyboy.specky.netdna-cdn.com/wp-content/uploads/2010/05/android_gui_19.jpg)
Android Breathe Icon Set »
![](http://speckyboy.specky.netdna-cdn.com/wp-content/uploads/2010/05/android_gui_20.jpg)
Android Icon Templates »
![](http://speckyboy.specky.netdna-cdn.com/wp-content/uploads/2010/05/android_gui_21.jpg)
Android Icons Set II »
![](http://speckyboy.specky.netdna-cdn.com/wp-content/uploads/2010/05/android_gui_22.jpg)
Switcher Icon Set »
![](http://speckyboy.specky.netdna-cdn.com/wp-content/uploads/2010/04/iphone_gui_27.jpg)
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 in order 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.
Within the download package there are 52 high resolution vector icons entirely scalable and alterable (.pdf, .ai, .eps file types.).
Gesturecons – Multi-Touch Icons »
You can see a preview of the Droid fonts below:
Droid Sans Regular & Bold Fonts Preview
![](http://speckyboy.specky.netdna-cdn.com/wp-content/uploads/2010/05/android_gui_23.jpg)
@font-face Package for the Droid Font Family »
Droid Sans Mono Preview
![](http://speckyboy.specky.netdna-cdn.com/wp-content/uploads/2010/05/android_gui_24.jpg)
@font-face Package for the Droid Font Family »
Droid Serif Preview
![](http://speckyboy.specky.netdna-cdn.com/wp-content/uploads/2010/05/android_gui_25.jpg)
@font-face Package for the Droid Font Family »
![](http://speckyboy.specky.netdna-cdn.com/wp-content/uploads/2010/05/android_gui_26.jpg)
Free Font Droid Serif by Google Android @fontsquirrel »
![](http://speckyboy.specky.netdna-cdn.com/wp-content/uploads/2010/05/android_gui_27.jpg)
Google Nexus One v2 Templates »
![](http://speckyboy.specky.netdna-cdn.com/wp-content/uploads/2010/05/android_gui_28.jpg)
Google Nexus One Template »
![](http://speckyboy.specky.netdna-cdn.com/wp-content/uploads/2010/05/android_gui_29.jpg)
Google Nexus One »
![](http://speckyboy.specky.netdna-cdn.com/wp-content/uploads/2010/05/android_gui_30.jpg)
HTC Dream Android .PSD »
![](http://speckyboy.specky.netdna-cdn.com/wp-content/uploads/2010/05/android_gui_31.jpg)
HTC Dream PSD »
![](http://speckyboy.specky.netdna-cdn.com/wp-content/uploads/2010/05/android_gui_32.jpg)
HTC Hero PSD »
![](http://speckyboy.specky.netdna-cdn.com/wp-content/uploads/2010/05/android_gui_33.jpg)
Android Search Toolbar PSD »
Mobile Web and App Development Testing and Emulation Tools »
35 Free Icon Sets for your iPhone »
14 Free Mobile Application Development Icon Sets »
10 Cool and Advanced Mobile Phone Concepts »
Top 20 Free Windows Mobile Social Media and Networking Apps »
Showcase of 20 Mobile-Friendly Popular Design Blogs »
49 Free Windows Mobile 6+ Smartphone Apps and Services »
45+ Cool Google Android Apps – The Perfect iPhone Replacement »
![](http://0.gravatar.com/avatar/6b81bf10ddf97c1a224dde2ef9b8666f?s=64&d=http%3A%2F%2F0.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D64&r=G)
Paul Andrew is the editor and founder of Speckyboy Design Magazine. You can follow Speckyboy on Twitter, on Facebook, on D
In comparison to Apples iPhone, the Android interaction design guidelines are far from being extensive nor are they as regimental. Androids 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 why there are design guidelines, and they should not be abused (nice to be original though), the guidelineswill help you to create a polished and uniformed experience for the user. (You can read more about the Android design guidelines below).
You may also like: iPhone and iPad Development GUI Kits, Stencils and Icons »
![](http://speckyboy.specky.netdna-cdn.com/wp-content/uploads/2010/05/androidscreen.jpg)
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
![](http://speckyboy.specky.netdna-cdn.com/wp-content/uploads/2010/05/android_gui_01.jpg)
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.
Download DroidDraw »
AnDroidDraw
![](http://speckyboy.specky.netdna-cdn.com/wp-content/uploads/2010/05/android_gui_02.jpg)
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.
Download AnDroidDraw »
Android Wireframe Templates
![](http://speckyboy.specky.netdna-cdn.com/wp-content/uploads/2010/05/android_gui_03.jpg)
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.
Download Android Wireframe Templates »
Android Full Gui Kits
Android GUI PSD Vector Kit
![](http://speckyboy.specky.netdna-cdn.com/wp-content/uploads/2010/05/android_gui_04.jpg)
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.
Android GUI PSD Vector Kit »
Google Android GUI PSD
![](http://speckyboy.specky.netdna-cdn.com/wp-content/uploads/2010/05/android_gui_05.jpg)
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.
Google Android GUI PSD »
Fireworks Template for Android
![](http://speckyboy.specky.netdna-cdn.com/wp-content/uploads/2010/05/android_gui_06.jpg)
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.
Fireworks Template for Android »
Google Android Stencil for Omnigfaffle
![](http://speckyboy.specky.netdna-cdn.com/wp-content/uploads/2010/05/android_gui_07.jpg)
This is an Omnigraffle stencil set for Android prototyping.
Google Android Stencil for Omnigfaffle »
Android Sketch Stencil Version 1.0 for Omnigfaffle
![](http://speckyboy.specky.netdna-cdn.com/wp-content/uploads/2010/05/android_gui_08.jpg)
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 Sketch Stencil Version 1.0 for Omnigfaffle »
Android GUI Prototyping Stencil for Visio
![](http://speckyboy.specky.netdna-cdn.com/wp-content/uploads/2010/05/android_gui_09.jpg)
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
![](http://speckyboy.specky.netdna-cdn.com/wp-content/uploads/2010/05/android_gui_10.jpg)
Android Developers Icon Template Pack »
Standard Menu Icons
![](http://speckyboy.specky.netdna-cdn.com/wp-content/uploads/2010/05/android_gui_11.jpg)
Android Developers Icon Template Pack »
Standard Status Bar Icons
![](http://speckyboy.specky.netdna-cdn.com/wp-content/uploads/2010/05/android_gui_12.jpg)
Android Developers Icon Template Pack »
Android Developer Common Icon Set
![](http://speckyboy.specky.netdna-cdn.com/wp-content/uploads/2010/05/android_gui_13.jpg)
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 »
Android Developer Common Icon Set II
![](http://speckyboy.specky.netdna-cdn.com/wp-content/uploads/2010/05/android_gui_14.jpg)
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 Developer Common Icon Set II »
Android Icons
![](http://speckyboy.specky.netdna-cdn.com/wp-content/uploads/2010/05/android_gui_15.jpg)
This Android developer icon set includes 30 .png menu icons plus the additional source files (.eps) for further customization.
Android Icons »
Glyphish
![](http://speckyboy.specky.netdna-cdn.com/wp-content/uploads/2010/05/android_gui_16.jpg)
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.
Glyphish »
Android Application Icons Set
![](http://speckyboy.specky.netdna-cdn.com/wp-content/uploads/2010/05/android_gui_17.jpg)
Android Application Icons Set »
iDroid icons for Android
![](http://speckyboy.specky.netdna-cdn.com/wp-content/uploads/2010/05/android_gui_18.jpg)
iDroid icons for Android »
Android Breathe Icon Set
![](http://speckyboy.specky.netdna-cdn.com/wp-content/uploads/2010/05/android_gui_19.jpg)
Android Breathe Icon Set »
Android Icon Templates
![](http://speckyboy.specky.netdna-cdn.com/wp-content/uploads/2010/05/android_gui_20.jpg)
Android Icon Templates »
Android Icons Set II
![](http://speckyboy.specky.netdna-cdn.com/wp-content/uploads/2010/05/android_gui_21.jpg)
Android Icons Set II »
Switcher Icon Set
![](http://speckyboy.specky.netdna-cdn.com/wp-content/uploads/2010/05/android_gui_22.jpg)
Switcher Icon Set »
Gesturecons – Multi-Touch Icons
![](http://speckyboy.specky.netdna-cdn.com/wp-content/uploads/2010/04/iphone_gui_27.jpg)
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 in order 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.
Within the download package there are 52 high resolution vector icons entirely scalable and alterable (.pdf, .ai, .eps file types.).
Gesturecons – Multi-Touch Icons »
Android Fonts
@font-face Package for the Droid Font Family
This is an@font-facedownload 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.cssand
droid.sassfiles with the CSS3
@font-facedeclarations.
You can see a preview of the Droid fonts below:
Droid Sans Regular & Bold Fonts Preview
![](http://speckyboy.specky.netdna-cdn.com/wp-content/uploads/2010/05/android_gui_23.jpg)
@font-face Package for the Droid Font Family »
Droid Sans Mono Preview
![](http://speckyboy.specky.netdna-cdn.com/wp-content/uploads/2010/05/android_gui_24.jpg)
@font-face Package for the Droid Font Family »
Droid Serif Preview
![](http://speckyboy.specky.netdna-cdn.com/wp-content/uploads/2010/05/android_gui_25.jpg)
@font-face Package for the Droid Font Family »
Free Font Droid Serif by Google Android @fontsquirrel
![](http://speckyboy.specky.netdna-cdn.com/wp-content/uploads/2010/05/android_gui_26.jpg)
Free Font Droid Serif by Google Android @fontsquirrel »
Android GUI PSD Templates
Google Nexus One v2 Templates
![](http://speckyboy.specky.netdna-cdn.com/wp-content/uploads/2010/05/android_gui_27.jpg)
Google Nexus One v2 Templates »
Google Nexus One Template
![](http://speckyboy.specky.netdna-cdn.com/wp-content/uploads/2010/05/android_gui_28.jpg)
Google Nexus One Template »
Google Nexus One
![](http://speckyboy.specky.netdna-cdn.com/wp-content/uploads/2010/05/android_gui_29.jpg)
Google Nexus One »
HTC Dream Android .PSD
![](http://speckyboy.specky.netdna-cdn.com/wp-content/uploads/2010/05/android_gui_30.jpg)
HTC Dream Android .PSD »
HTC Dream PSD
![](http://speckyboy.specky.netdna-cdn.com/wp-content/uploads/2010/05/android_gui_31.jpg)
HTC Dream PSD »
HTC Hero PSD
![](http://speckyboy.specky.netdna-cdn.com/wp-content/uploads/2010/05/android_gui_32.jpg)
HTC Hero PSD »
Android Search Toolbar PSD
![](http://speckyboy.specky.netdna-cdn.com/wp-content/uploads/2010/05/android_gui_33.jpg)
Android Search Toolbar PSD »
You might also like…
iPhone and iPad Development GUI Kits, Stencils and Icons »Mobile Web and App Development Testing and Emulation Tools »
35 Free Icon Sets for your iPhone »
14 Free Mobile Application Development Icon Sets »
10 Cool and Advanced Mobile Phone Concepts »
Top 20 Free Windows Mobile Social Media and Networking Apps »
Showcase of 20 Mobile-Friendly Popular Design Blogs »
49 Free Windows Mobile 6+ Smartphone Apps and Services »
45+ Cool Google Android Apps – The Perfect iPhone Replacement »
About the Author: Paul Andrew (586 Articles)
Paul Andrew is the editor and founder of Speckyboy Design Magazine. You can follow Speckyboy on Twitter, on Facebook, on D
相关文章推荐
- Android App Developers GUI Kits, Icons, Fonts and Tools
- Android App Developers GUI Kits, Icons, Fonts and Tools
- Android App Developers GUI Kits, Icons, Fonts and Tools List 很实用,看了会很受益
- Android 可视化开发工具GUI Kits, Icons, Fonts and Tools
- iPhone and iPad Development GUI Kits, Stencils and Icons
- iPhone and iPad Development GUI Kits, Stencils and Icons
- Android Reverse Engineering: Basics -- Tools Usage and Proguard
- Error running app: Instant Run requires 'Tools | Android | Enable ADB integration' to be enabled.
- Professional Software Testing with Visual Studio 2005 Team System: Tools for Software Developers and
- App Icons on iPad and iPhone
- android studio 出现 Error running app: Instant Run requires 'Tools | Android | Enable ADB integration'
- Error running app: Instant Run requires 'Tools | Android | Enable ADB integration' to be enabled.
- Error running app: Instant Run requires 'Tools | Android | Enable ADB integration' to be enabled.
- 更新AndroidStudio后,运行原来可以运行的程序时,出现 Error running app: Instant Run requires 'Tools | Android | Enable A
- 安装好DELPHI XE10,参照手册简单的创建了一个android app 程序,run的时提示: Android SDK tools are required. Do you want to d
- 关于android studio 安装app出现Instant run requires 'tools |android| enable adb integration' to be enabled
- APP MARKETING TOOLS FOR DEVELOPERS
- App Icons on iPad and iPhone
- Error running app: Instant Run requires 'Tools | Android | Enable ADB integration' to be enabled.
- App Icons on iPad and iPhone