|
⇤ ← Revision 1 as of 2013-08-27 18:25:04
Size: 4806
Comment:
|
Size: 4921
Comment:
|
| Deletions are marked like this. | Additions are marked like this. |
| Line 17: | Line 17: |
| * [[http://funsize.co/android-jellybean-wireframe-kit/|Android Jellybean Wireframe Kit]] from FunSize. (Keynote) |
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, this is a great list of resources for Android OS work.
UI Guidelines:
Android Design from developer.android
Android User Interface Guidelines also from developer.android
Listing of Android patterns, real ones, with problems and solutions as drawings, from UNITiD in Amsterdam.
Google TV Web Developer's Guide and Google TV Android Developer's Guide, both from code.google.com. Particularly interesting is the TV UI Patterns page.
Android Drawables Graphical list by OS version of every "drawable" (icon, control, etc.) in Android. Indispensable tool. I live by it.
Google Visual Asset Guidelines, Part 1 and part 2 from some guys on Behance. Good stuff. Use it.
Stencils & Templates:
Android Jellybean Wireframe Kit from FunSize. (Keynote)
The Photoshop PSDs Google forgot Layered documents from Joseph Richter. (Photoshop of course)
Android GUI PSD (High Density) from Teehan-Lax.
Library of Android UI Elements from Smashing Magazine. Photoshop library of Android (default) elements only. (Photoshop)
Android 2.2 Elements based on the Smashing Magazine work. (Photoshop)
http://www.webdesignshock.com/freebies/free-photoshop-android-interface-gui/ which has a lot of UI widgets, and includes the typography needed to make it all work.(Photoshop)
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)
14 Android GUI Widgets by which they seem to mean default desktop widgets (e.g. clock), vs. UI widgets like scrollbars. (Photoshop)
HTC HD2 PSD Vector150 layers, 60 groups, almost all vector. (Photoshop)
HTC G2 370 layers, almost all vector, (Photoshop)
Motorola Droid 2350 layers, almost all vector (Photoshop)
Samsung Galaxy S Device not specified. 127 layers. (Photoshop)
Samsung Galaxy Tab P1000 110 layers. (Photoshop)
Android Honeycomb Tablet Preview of wireframe components, sketch sheets, etc. (based on screenshots, emulators, etc, so not final). From Zurb (OmniGraffle)
Google Android 1.6 Wireframe stencil for Omnigraffle from MarlinMobile (OmniGraffle).
Google Android 2.1 / 2.2 Wireframe stencil for Omnigraffle from MarlinMobile (OmniGraffle).
Tests & Defaults:
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.