Deviant Login Shop  Join deviantART for FREE Take the Tour


Submitted on
December 26, 2011
File Size
3.6 MB


38,831 (3 today)
103 (who?)
12,050 (1 today)


Creative Commons License
Some rights reserved. This work is licensed under a
Creative Commons Attribution 3.0 License.
Android 4.0+ ICS/JB GUI Design Kits in PSD by ghost301 Android 4.0+ ICS/JB GUI Design Kits in PSD by ghost301
15AUG2012: Android ICS/JB Photoshop GUI Design Kit updated to 3.0!
26FEB2012: Android ICS GUI Design Kits updated to 2.0.1!
19JAN2012: Android ICS GUI Design Kit updated to 2.0!

Similar to 1.0, the main motivation of doing this is just to provide some stock elements of Android 4.0+ (Ice Cream Sandwich/Jelly Bean) in a single .psd file so app designer can really focus on creating awesome mock up to show their developers/clients. Some of the elements are just single layer of image, but they should be pretty adequate for quick mock up purpose.

In 3.0, I have included two .psd file in the Design Kit – Building Blocks and ADT.

In Building Blocks, it contains most, if not all of the stock ICS/JB UI elements that can be used to build an app mockup in Photoshop. Most of them covered both Holo Light and Holo Dark themes, so you can easily drag and drop the properly grouped UI elements to your app design.

As for the ADT (not to be confused with the Android Development Tools which is a plugin for the Eclipse IDE), it serves as a starting point for the app designers/developers of the app design. You have the choice to select the design template that start with different amount of tabs and holo theme, and the design in Photoshop starts from there.

So what’s inside the new Android ICS/JB Photoshop GUI Design Kit 3.0:

Building Blocks
Soft button
App Login Screen Example
Homescreen (Updated with Jelly Bean Homescreen)
Launcher Screen
Option Bar (Top and Bottom)
Notification Center (ICS and Jelly Bean Notification Center)
Notification Bar
Dialogs (Toast, Popups, Alert, Jelly Bean App Uninstallation Dialog)
Quick Control (Lab feature in stock Browser)
Settings Page
Tab Bars (Multiple types)
Switches (Radio Buttons, Checkboxes, On/Off Switches)
Activity (Bar, Circle, Progress Bar)
Text Fields
Grid Lists (Horizontal and Vertical Scrolling Grids)
Lists (Single Line, 2-line and 3-line list)

Application Design Templates
Scrollable Tabs (Holo Dark/Light, with 2-Line list and To-do list examples)
2 Tabs (Holo Dark/Light, with 2-Line list example)
3 Tabs (Holo Dark/Light, with 2-Line list example)
4 Tabs (Holo Dark/Light, with 2-Line list example)
Collapse Tabs (Holo Dark/Light, with 2-Line list example)

This Android ICS GUI Design Kit is best used with Android Design Preview.

Android UI/UX
Add a Comment:
Thanks Taylor for this GUI Design Kit!
What about a Nexus 4 Kit (in 768px instaed of 720)?
eyayo Oct 31, 2012  Professional Interface Designer
very very thanks!! but, What’s the difference of Building blocks version and ADT version?
ghost301 Nov 1, 2012  Hobbyist Interface Designer

Building blocks contains all the necessary building blocks for creating a mockup, while the ADT contains some preset UI template for different configuration (tabs number, no tabs etc.).

ana10gx Oct 20, 2012  Hobbyist General Artist
Thanks a lot !
ghost301 Oct 23, 2012  Hobbyist Interface Designer
You're welcome! Hope it helps :)
vertus-design-being Sep 27, 2012  Professional Interface Designer
Do you have such sources for Android 4 Tablet start screen?
ghost301 Sep 27, 2012  Hobbyist Interface Designer

Not at this moment, but it's in my planning to do it. :)

tech32 Sep 18, 2012  Professional Interface Designer
Hi! this is really great, thanks for the share. I have some question do you have a .psd for tablet sizes? if not what size do you usually used on creating design on a tablet in xhdpi.

Your help is really appreciated. If you have some answer pls. email me at or just note me here at DA.

ghost301 Sep 19, 2012  Hobbyist Interface Designer

You're welcome!

As for the tablet size, I don't have one right now, and I will going to do one most probably.
tech32 Sep 19, 2012  Professional Interface Designer
Alright! thanks. I'm starting now on tablet sizes but I'm not sure if this is exact. hehe. Let me know if you already had :)

Add a Comment: