|
Size: 8425
Comment:
|
Size: 8747
Comment:
|
| Deletions are marked like this. | Additions are marked like this. |
| Line 4: | Line 4: |
| These are graphic items you can import to various drawing programs (mostly the Adobe suite) to create designs and mockups. | |
| Line 5: | Line 6: |
| ==== Little Springs Design (soon, revised and switching to 4ourth Mobile style) ==== A bunch of mobile components (and some other info, like typography) for general mobile design, as well as gestures, and even iPhone specific stuff for the fanbois. Includes the templates used to make the illustrations and diagrams for this wiki. * [[http://www.littlespringsdesign.com/downloads/mobileDesignElements/MobileDesignElements-2010jul7.indd.zip|Adobe InDesign CS4 (.indd) format, compressed, 11.5 mb]] * [[http://www.littlespringsdesign.com/downloads/mobileDesignElements/MobileDesignElements-2010jul7.pdf|PDF for viewing, or opening in, Adobe Illustrator, et. al., 1.4 mb]] |
Note that this is just those we've found, or found useful. Many more are likely stuck in the various manufacturer and OS developer links under UI Guidelines below. |
| Line 10: | Line 8: |
| If you are still on Freehand (and we salute you) the old, not-at-all-updated version | ==== 4ourth Mobile ==== A bunch of mobile components (and some other info, like typography) for general mobile design, as well as gestures, and even iPhone specific stuff for the fanbois. Includes the templates used to make the illustrations and diagrams for this wiki. Last updated 21 October 2010: * [[http://www.4ourth.com/downloads/MobileDesignElements-2010oct21.indd.zip|Adobe InDesign CS4 (.indd) format, compressed, 11.5 mb]] * [[http://www.4ourth.com/downloads/MobileDesignElements-2010oct21.pdf|PDF for viewing, or opening in, Adobe Illustrator, et. al., 1.4 mb]] If you are still on Freehand (and we salute you) the old (September 2009), not-at-all-updated version is still available. It has Little Springs branding, as that's who Steven worked for when he made it. |
| Line 17: | Line 20: |
| Includes Symbian Foundation, and so forth. Even though some of those are not really 100% Nokia. | Includes Symbian Foundation, and so forth. Even though some of those are not really 100% Nokia. |
| Line 32: | Line 35: |
| * [[http://developer.android.com/guide/practices/ui_guidelines/icon_design.html Icon Design Guidelines, Android 2.0]] Includes ways to download their template pack and other useful stuff. Quite detailed for the graphic designer, for a change. | * [[http://developer.android.com/guide/practices/ui_guidelines/icon_design.html|Icon Design Guidelines, Android 2.0]] Includes ways to download their template pack and other useful stuff. Quite detailed for the graphic designer, for a change. |
| Line 85: | Line 88: |
| ---- | |
| Line 92: | Line 95: |
| == Drawing Tool Tips & Tricks == | ---- == Drawing Tool, Tips & Tricks == |
Mobile Design Elements
Templates & Stencils
These are graphic items you can import to various drawing programs (mostly the Adobe suite) to create designs and mockups.
Note that this is just those we've found, or found useful. Many more are likely stuck in the various manufacturer and OS developer links under UI Guidelines below.
4ourth Mobile
A bunch of mobile components (and some other info, like typography) for general mobile design, as well as gestures, and even iPhone specific stuff for the fanbois. Includes the templates used to make the illustrations and diagrams for this wiki. Last updated 21 October 2010:
If you are still on Freehand (and we salute you) the old (September 2009), not-at-all-updated version is still available. It has Little Springs branding, as that's who Steven worked for when he made it.
Yahoo!
Yahoo! Stencil Kit many non-mobile parts, but also useful general and iPhone bits and pieces.
Nokia, Et. Al.
Includes Symbian Foundation, and so forth. Even though some of those are not really 100% Nokia.
Nokia Mobile Design Patterns Not really the same thing, as they are just articles, not actual things to use for drawning. If someone thinks it needs to go somewhere else, move it.
S60 Wireframing Stencils S60 (through 5th edition) elements of all sorts.
Graffletopia
Teehan-Lax
Library of iPhone UI Elements Photoshop library of iPhone-specific elements only, now the link to the all-new v4 library.
Smashing Magazine
Library of Android UI Elements Photoshop library of Android (default) elements only.
Developer.Android
Icon Design Guidelines, Android 2.0 Includes ways to download their template pack and other useful stuff. Quite detailed for the graphic designer, for a change.
UI Guidelines
Documentation, forums, lists and other methods device and OS makers use to communicate their UI guidelines. These periodically move, so if you see a broken link, please update it.
Templates and stencils, even from these people, will be listed above where known.
Android (from Google and OEMs)
Apple iOS
Microsoft Windows CE, Mobile & Phone
Nokia Family (S40, S60, Symbian, MeeGo)
S60 Visualization and Graphic Design Guideline PDF from here
Palm WebOS
RIM Blackberry
Samsung Bada
Sony Ericsson Featurephones
Documentation Templates
Lots of documentation styles will work. Use your favorite one, or...
Little Springs has a mobile-specific documentation style, but it is still project (client) specific as yet. When we get a chance we'll sanitize it, write it up and share it here.
Drawing Tool, Tips & Tricks
Just a list that we keep for ourselves, so we don't forget things. Feel free to add items, or even categories, if there's a tool you want to share your notes about.