Attend XDA's Second Annual Developer Conference, XDA:DevCon 2014!
5,740,872 Members 52,958 Now Online
XDA Developers Android and Mobile Development Forum

[RESOURCES] Useful Android Design Resources thread

Tip us?
 
Androguide.fr
Old
(Last edited by Androguide.fr; 17th June 2013 at 02:35 PM.)
#1  
Androguide.fr's Avatar
Recognized Contributor - OP
Thanks Meter 6934
Posts: 2,052
Join Date: Jul 2012
Location: Lyon, France

 
DONATE TO ME
Default [RESOURCES] Useful Android Design Resources thread

Hey guys, I've recently been working hard on redesigning my app and here's a compilation of resources I found useful along the way.
Please post yours so I can add them to the OP.


Online Tools

Android Asset Studio by Roman Nurik


This is an awesome tool which allows you to generate pixel-perfect drawables for your app, directly downloadable and resized for all screen resolutions (xxhdpi/xhdpi/hdpi/mdpi/ldpi) including :All icons can be created either from an image, from the provided cliparts, or even from text
This tool is open source, too : http://code.google.com/p/android-ui-utils


-----------------------------------------------------------------------------------


Android Action Bar Style Generator by Jeff Gilfelt


This great tool allows you to generate all the necessary resources (xml, drawables, nine patches, you name it) for your custom ActionBar theme. The Holo guidelines recommend to style the ActionBar with your branding color as an accent for example, well it's never been so easy with this tool.
You can choose the color for all the components of the ActionBar :
  • ActionBar color & style (solid/transparent)
  • Stacked Color
  • Popup Color
  • Accent Color
  • Contextual Action Bar background color and highlight color

Oh, and it's compatible with ActionBarSherlock, too!


-----------------------------------------------------------------------------------


Android Holo Colors Generator by Jérôme Van Der Linden


This nifty tool allows you to generate a custom style for all the most usual UI components such as :
  • EditText
  • AutoComplete
  • Button
  • Colored Button
  • CheckBox
  • RadioButtons
  • Spinner
  • Colored Spinner
  • ProgressBar
  • SeekBar
  • RatingBar (normal/small/big)
  • Toggle
  • ListSelector
  • Fast Scroll
  • Switch

Just like the other Asset Studio-based tools, it generates a zipped res folder that you can directly merge into your app


-----------------------------------------------------------------------------------


Android DPI Calculator by Martin Cohen


A very useful tool, I use it all the time. Simply input a width and/or height and it will convert it for you to all screen resolutions (even tvdpi)


-----------------------------------------------------------------------------------


UX Metaphor Equivalents for iOS & Android by Kintek

If you're an iOS developer/designer and are converting your existing apps or making the switch to Android (or the other way around), this tool will allow you to compare both platform SDKs's native UI widgets and find the right equivalents for each component.


-----------------------------------------------------------------------------------




Offline Tools
  • The Photoshop Android Design Kit by Taylor Ling : a great tool to design mockups and wireframes for you app, and now, since last update, it even includes some popular custom views such as Google Now cards, Croutons, undo-bar etc...


Custom Views & Libraries

I'm not going to make a list of all the awesome open source libraries the android community has created, this would be impossible.
But I'm going to give you links to external websites and even apps who try to achieve this goal, really go take a look, this is very inspirational :


Websites & Blogs


Videos
  • Android Design in Action : an awesome weekly show held by Android engineers Roman Nurik, Adam Kosh & Nick Butcher. They often do redesigns of existing apps, give many great advices. They usually focus on one specific type of apps in each episode, maybe your type of app has already been treated!
  • Dev Bytes : Held by Android engineer Chet Haase (and sometimes Nick Butcher), Dev Bytes is a great series of short episodes showing you how to implement some nice animations and transitions to jazz up your apps
  • The App Clinic : Held by Android engineers Reto Meier & Ian Ni-Lewis, this is a weekly show which takes a look at existing apps and talk about what's good and bad in their UI/UX approach

Guides

Quote:
My Contributions
(Apps, Librairies, Roms & Guides)
 

Pimp My Rom: Website / App / Thread

dSploit: Website / Github

Flash Gordon (Flash zips without a recovery): Thread

Universal init.d: App

PlayView/CardsUI Library: Portal / Github

HoloGraph Library: Portal / Github

Ubuntu Touch for i9300: Thread

Omni nightlies for Xperia Z1: Thread

Paranoid Android builds: Thread

Revive your bricked p68xx : Guide
Follow me on Github
The Following 46 Users Say Thank You to Androguide.fr For This Useful Post: [ Click to Expand ]
 
dragonhustler
Old
#2  
dragonhustler's Avatar
Senior Member
Thanks Meter 98
Posts: 204
Join Date: Nov 2012
Location: Trowbridge
Really awesome but is this for framework-res only?
 
Androguide.fr
Old
#3  
Androguide.fr's Avatar
Recognized Contributor - OP
Thanks Meter 6934
Posts: 2,052
Join Date: Jul 2012
Location: Lyon, France

 
DONATE TO ME
Quote:
Originally Posted by dragonhustler View Post
Really awesome but is this for framework-res only?
This is for app development. The res folder of an app's sources holds the image drawables, as well as xml layouts, strings, style declarations etc...
But I guess it could also be used to mod the android framework, idk, I'm not really into rom theming.

Quote:
My Contributions
(Apps, Librairies, Roms & Guides)
 

Pimp My Rom: Website / App / Thread

dSploit: Website / Github

Flash Gordon (Flash zips without a recovery): Thread

Universal init.d: App

PlayView/CardsUI Library: Portal / Github

HoloGraph Library: Portal / Github

Ubuntu Touch for i9300: Thread

Omni nightlies for Xperia Z1: Thread

Paranoid Android builds: Thread

Revive your bricked p68xx : Guide
Follow me on Github
The Following User Says Thank You to Androguide.fr For This Useful Post: [ Click to Expand ]
 
Batsh*tCrazy23
Old
#4  
Junior Member
Thanks Meter 1
Posts: 1
Join Date: Nov 2012
Location: The Hague
This is awesome! Thanks a lot!
The Following User Says Thank You to Batsh*tCrazy23 For This Useful Post: [ Click to Expand ]
 
Androguide.fr
Old
#5  
Androguide.fr's Avatar
Recognized Contributor - OP
Thanks Meter 6934
Posts: 2,052
Join Date: Jul 2012
Location: Lyon, France

 
DONATE TO ME
Added two new entries :

Quote:
My Contributions
(Apps, Librairies, Roms & Guides)
 

Pimp My Rom: Website / App / Thread

dSploit: Website / Github

Flash Gordon (Flash zips without a recovery): Thread

Universal init.d: App

PlayView/CardsUI Library: Portal / Github

HoloGraph Library: Portal / Github

Ubuntu Touch for i9300: Thread

Omni nightlies for Xperia Z1: Thread

Paranoid Android builds: Thread

Revive your bricked p68xx : Guide
Follow me on Github
 
el_bhm
Old
(Last edited by el_bhm; 29th April 2013 at 12:29 PM.)
#6  
el_bhm's Avatar
Senior Member
Thanks Meter 37
Posts: 143
Join Date: Jan 2011
  1. ActionBar Sherlock not linked?! PREPOSTEROUS!
  2. No mention of Android Design in Action on androiddevelopers youtube channel?EVEN MORE PREPOSTEROUS!
  3. There's also AmbilWarna, Apache licensed, colour picker compatible with 2.1+ (I think). It's super nice.
  4. For super nice colour schemes visit http://www.colorschemer.com/ or www.colourlovers.com/.

Pro tips for guys on Linux.
  1. Install gPick. This way you can easily pick colours off the screen and plug them into the tools from above.
  2. There is also Agave app that will create a colour scheme off of a one or more colours.
  3. Create a custom launcher for ever website from Asset Studio.
    1. Create a file with with desktop extension in
      Code:
      Select Code
       ~/.local/share/applications
      with these contents
      Code:
      Select Code
      [Desktop Entry]
      Name=Android Asset Studio Launcher Icon Generator
      Exec=google-chrome --app=http://android-ui-utils.googlecode.com/hg/asset-studio/dist/icons-launcher.html#foreground.space.trim=1&foreground.space.pad=0&foreColor=33b5e5%2C0&crop=0&backgroundShape=none&backColor=ffffff%2C100 
      Terminal=false
      Version=1.0
      Type=Application
      It will launch it as it was an app.
  4. If you are more of a Photoshop guy, try Pixlr for online image editing
My Apps
Code:
@version 1.0.0.4
Project project;
[...]
try {
loveViolently(GiantBomb.RyanDavis);
} catch (ChinaDontCareException e | CertifiedBreastMilkException e | CakeToiletFlushException e | ProperAudioLevelException e) {
} finally {
System.out.println("CHOO CHOO MOTHER****ER");
}
 
Androguide.fr
Old
#7  
Androguide.fr's Avatar
Recognized Contributor - OP
Thanks Meter 6934
Posts: 2,052
Join Date: Jul 2012
Location: Lyon, France

 
DONATE TO ME
Quote:
Originally Posted by el_bhm View Post
  1. ActionBar Sherlock not linked?! PREPOSTEROUS!
  2. No mention of Android Design in Action on androiddevelopers youtube channel?EVEN MORE PREPOSTEROUS!
  3. There's also AmbilWarna, Apache licensed, colour picker compatible with 2.1+ (I think). It's super nice.
  4. For super nice colour schemes visit http://www.colorschemer.com/ or www.colourlovers.com/.

Pro tips for guys on Linux.
  1. Install gPick. This way you can easily pick colours off the screen and plug them into the tools from above.
  2. There is also Agave app that will create a colour scheme off of a one or more colours.
  3. Create a custom launcher for ever website from Asset Studio.
    1. Create a file with with desktop extension in
      Code:
      Select Code
       ~/.local/share/applications
      with these contents
      Code:
      Select Code
      [Desktop Entry]
      Name=Android Asset Studio Launcher Icon Generator
      Exec=google-chrome --app=http://android-ui-utils.googlecode.com/hg/asset-studio/dist/icons-launcher.html#foreground.space.trim=1&foreground.space.pad=0&foreColor=33b5e5%2C0&crop=0&backgroundShape=none&backColor=ffffff%2C100 
      Terminal=false
      Version=1.0
      Type=Application
      It will launch it as it was an app.
  4. If you are more of a Photoshop guy, try Pixlr for online image editing
I believe you should re-read the OP, Android design in action is mentioned, and as I said I'm not making a list of libraries, but ActionBarSherlock is featured on maybe 50% of the sites I linked.
The assets studio icons generator is featured too.

The size 7 was pretty unnecessary too

Quote:
My Contributions
(Apps, Librairies, Roms & Guides)
 

Pimp My Rom: Website / App / Thread

dSploit: Website / Github

Flash Gordon (Flash zips without a recovery): Thread

Universal init.d: App

PlayView/CardsUI Library: Portal / Github

HoloGraph Library: Portal / Github

Ubuntu Touch for i9300: Thread

Omni nightlies for Xperia Z1: Thread

Paranoid Android builds: Thread

Revive your bricked p68xx : Guide
Follow me on Github
 
el_bhm
Old
#8  
el_bhm's Avatar
Senior Member
Thanks Meter 37
Posts: 143
Join Date: Jan 2011
Quote:
Originally Posted by Androguide.fr View Post
I believe you should re-read the OP, Android design in action is mentioned, and as I said I'm not making a list of libraries, but ActionBarSherlock is featured on maybe 50% of the sites I linked.
The assets studio icons generator is featured too.

The size 7 was pretty unnecessary too
I never said ASIG wasn't in there. Speaking of reading the OP?
Android Design in Action - fair.

Sherlock Actionbar should be here. Why? Because for once, it should be a one stop shop. Second, people still don't use it and use old look. Third, there are applications that are branded as Holo and are not compatible backwards as they don't use SAB, but latest API. As in there are still people not using it for no good reason.
My Apps
Code:
@version 1.0.0.4
Project project;
[...]
try {
loveViolently(GiantBomb.RyanDavis);
} catch (ChinaDontCareException e | CertifiedBreastMilkException e | CakeToiletFlushException e | ProperAudioLevelException e) {
} finally {
System.out.println("CHOO CHOO MOTHER****ER");
}
android_owl Old
#9  
Guest
Thanks Meter
Posts: n/a
The first useful post for real app development on this board.
The Following User Says Thank You to For This Useful Post: [ Click to Expand ]
Tags
android, design, libraries, resources, user interface
Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes