As of January 2012, developer.android has a rather decent design section at [[http://developer.android.com/design/index.html]]. This is a good place to start. While developer focused, [[http://www.bongizmo.com/blog/android-resources-each-developer-should-know/|this]] is a great list of resources for Android OS work. == UI Guidelines: == * [[http://developer.android.com/design/index.html|Android Design]] from developer.android * [[http://developer.android.com/guide/practices/ui_guidelines/index.html|Android User Interface Guidelines]] also from developer.android * [[http://developer.motorola.com/docstools/library/Best_Practices_for_User_Interfaces/|Motorola’s Best Practices for Android UI]] * [[http://www.mutualmobile.com/wp-content/uploads/2011/03/MM_Android_Design_Guidelines.pdf|Mutual Mobile Android Design Guidelines]] * [[http://www.androidpatterns.com/|Listing of Android patterns]], real ones, with problems and solutions as drawings, from UNITiD in Amsterdam. * [[http://code.google.com/tv/web/|Google TV Web Developer's Guide]] and [[http://code.google.com/tv/android/index.html|Google TV Android Developer's Guide]], both from code.google.com. Particularly interesting is the [[http://code.google.com/tv/android/docs/gtv_android_patterns.html|TV UI Patterns]] page. * [[http://developer.android.com/distribute/googleplay/quality/tablet.html|Tablet App Quality Checklist]] * [[http://androiddrawables.com/|Android Drawables]] Graphical list by OS version of every "drawable" (icon, control, etc.) in Android. Indispensable tool. I live by it. * [[http://www.behance.net/gallery/Google-Visual-Assets-Guidelines-Part-1/9028077|Google Visual Asset Guidelines, Part 1]] and [[http://www.behance.net/gallery/Google-Visual-Assets-Guidelines-Part-2/9084309|part 2]] from some guys on Behance. Good stuff. Use it. * [[http://developer.android.com/design/building-blocks/switches.html|Switches]] just an example of the Building Blocks pages on the Android Design site. Very useful overview of the widgets available. == Stencils & Templates: == * [[http://funsize.co/android-jellybean-wireframe-kit/|Android Jellybean Wireframe Kit]] from FunSize. (Keynote) * [[http://www.androiddesign.info/|The Photoshop PSDs Google forgot]] Layered documents from Joseph Richter. (Photoshop of course) * [[http://www.teehanlax.com/downloads/android-gui-psd-high-density/|Android GUI PSD (High Density)]] from Teehan-Lax. * [[http://www.smashingmagazine.com/2009/08/18/android-gui-psd-vector-kit/|Library of Android UI Elements]] from Smashing Magazine. Photoshop library of Android (default) elements only. (Photoshop) * [[http://thiago-silva.deviantart.com/art/Android-2-2-GUI-171047600|Android 2.2 Elements]] based on the Smashing Magazine work. (Photoshop) * [[http://www.marlinmobile.com/blog/?page_id=285|Android Wireframe Tools]] (OmniGraffle) * [[http://www.webdesignshock.com/freebies/free-photoshop-android-interface-gui/||Android GUI Set]] which has a lot of UI widgets, and includes the typography needed to make it all work.(Photoshop) * [[http://developer.android.com/guide/practices/ui_guidelines/icon_design.html|Icon Design Guidelines, Android 2.0]] from Developer.Android.com. Includes ways to download their template pack and other useful stuff. Quite detailed for the graphic designer, for a change. (Photoshop) * [[http://bharathp666.deviantart.com/art/Android-Widgets-182178250|14 Android GUI Widgets]] by which they seem to mean default desktop widgets (e.g. clock), vs. UI widgets like scrollbars. (Photoshop) * [[http://delightgraphic.deviantart.com/art/HTC-HD2-Smartphone-vector-183186532|HTC HD2 PSD Vector]]150 layers, 60 groups, almost all vector. (Photoshop) * [[http://zandog.deviantart.com/art/HTC-G2-PSD-182148621|HTC G2]] 370 layers, almost all vector, (Photoshop) * [[http://zandog.deviantart.com/art/Motorola-Droid-2-PSD-180694347|Motorola Droid 2]]350 layers, almost all vector (Photoshop) * [[http://zandog.deviantart.com/art/Samsung-Galaxy-S-PSD-178972735|Samsung Galaxy S]] Device not specified. 127 layers. (Photoshop) * [[http://zandog.deviantart.com/art/Samsung-Galaxy-Tab-P1000-PSD-180537736|Samsung Galaxy Tab P1000]] 110 layers. (Photoshop) * [[http://www.zurb.com/playground/honeycomb-stencils|Android Honeycomb Tablet]] Preview of wireframe components, sketch sheets, etc. (based on screenshots, emulators, etc, so not final). From Zurb (OmniGraffle) * [[http://www.graffletopia.com/stencils/630|Google Android 1.6 Wireframe stencil for Omnigraffle]] from MarlinMobile (OmniGraffle). * [[http://www.graffletopia.com/stencils/673|Google Android 2.1 / 2.2 Wireframe stencil for Omnigraffle]] from MarlinMobile (OmniGraffle). == Tests & Defaults: == * [[https://play.google.com/store/apps/details?id=com.hmh.api&hl=en|API Demos]] Go get this. Really. It has lots of nerdy stuff to check for capabilities and so on, but is a great way to for sure know what default capabilities and UI are. Go into, say, Preferences then pick Default values and you can see the default behaviors of Android Preferences. Useful.