Mobile Design 1

by

Crosslab WDKA.nl,

We start a new course!

This time we concentrate on design. Nowadays we not only have the Iphone, but also the Ipad. We will be looking at page design (rather static), sensors (tilt, GPS, touch), dynamics of apps, and make an app ourselves from WDKA-CROSSLAB templates. These templates will be modified in Xcode and we will be using Interface Builder too, but we won’t really start coding.

Links:

nearly everything: http://www.ipadatelier.com/design-for-ipad.html

Design guide:

http://developer.apple.com/library/ios/#documentation/UserExperience/Conceptual/MobileHIG/Introduction/Introduction.html#//apple_ref/doc/uid/TP40006556-CH1-SW1

Design elements:

http://www.teehanlax.com/blog/2010/06/14/iphone-gui-psd-v4/

Design discussion: (There is an interesting design discussion about the guidelines of Apple, interface real or abstract. Also the design elements which are provided by Apple, do we want to use these buttons or not?

see for example ibooks, Mancala HD, Best of French Cuisine

http://www.informationarchitects.jp/en/designing-for-ipad-reality-check/

Fonts: (also to be check out in the interface builder, menu tab FONTS)

http://www.michaelcritz.com/2010/04/02/fonts-for-ipad-iphone/

http://kosmaczewski.net/2008/11/12/iphone-font-browser/

free ipad app Font Displayer, TypeDrawing

Interface: (interactivity and dynamics makes an enormous  difference for a designer.)

http://uxmag.com/design/ipad-user-experience-guidelines

start simple: look at the interactivity of Notes

free ipad app: Moodboard, SinginFingers, Air Hockey

Fun:

http://www.cimgf.com/2010/01/28/fun-with-uibuttons-and-core-animation-layers/

Examples: (some suggestions!)

http://gizmodo.com/5507569/gizmodos-essential-ipad-apps

http://spyrestudios.com/30-ipad-apps-for-designers-developers-and-creative-types/

and of course:

http://developer.apple.com/ipad/sdk/

Magazines: (we will start here looking at design and doing it ourselves)

NYT Editor’s Choice, USA Today, PULP, WIRED

templates for the first lesson:

http://www.contrechoc.com/crosslab/MobileDesign_les1_templates.zip

 

 

About these ads

Follow

Get every new post delivered to your Inbox.

%d bloggers like this: