Mobile Phone User Interface Designs

Mobile Apps UI Designshtoo tay zar

Saturday, August 14, 2010

Developing User Interface for Mobile

Sketch Wireframe UIRearrange InterfaceMapping Interface Level by hierarchicallyDraw/Design GUI, IconsDesign Launch Image (Opt)Finish up final Mobile Icon


Sketch Wireframe UI



Mapping Interface Level by hierarchically




Draw/Design GUI, Icons



www.glyphish.com


http://www.glyphish.com

http://www.glyphish.com

Finish up final Mobile Icon




Things


Home Screen Icon


Home Screen Icon

57 x 57 pxRounded Corners, Glossy will add AutoNeed to Design 512 x 512 px


Use 30 x 30 px for Tab BarUse 20 x 20 px for Tool Bar, Navi BarOn both iPhone and iPad


Launcher Icon


Launcher Icon

Low Density Medium Height

36 x 36 px 48 x 48 px 72 x 72 px

24 x 24 px 32 x 32 px 48 x 48 px


Launcher Icon

Low Density Medium Height

36 x 36 px 48 x 48 px 72 x 72 px

24 x 24 px 32 x 32 px 48 x 48 px


Guide-line for Android Icons

Don’t Use GlossyDon’t Use TextureDon’t Use Perspective

Use Native App like ShapesUse Recommend Color PaletteKeep It Simple


Guide-line for Android Icons

Don’t Use GlossyDon’t Use TextureDon’t Use Perspective

Use Native App like ShapesUse Recommend Color PaletteKeep It Simple


Things to Consider for Mobile GUI

★ One Screen At A Time★ One Application At A Time★ Touch Screen★ Think Before You Hide Status Bar★ Don’t Use Over Blown Visual★ User will terminate at any time


Tips for User Interface Designs

★ Make it Simplicity★ Ease Of Use, Usability★ Make Interactive Design★ Make best experience for Users★ Minimize Text Input, Label★ Keep Essential Information Short & Clear★ Provide Finger-size Tappable Area (45x45px)


★ Make it Simplicity★ Ease Of Use, Usability★ Make Interactive Design★ Make best experience for Users★ Minimize Text Input, Label★ Keep Essential Information Short & Clear★ Provide Finger-size Tappable Area (45x45px)



Creative Apps Hightlight for Inspiration


Classic




Convertbot




Pastebot




Talking Carl




Balloon




Fun Booth




Camera +




Diacarta




Shazem




Snaptell




Acrossair




Layar




Pinball Remote




i-Gun




Pure Turbo Puzzle Match 3




Field Runners




Ornagai




LiveView




DAPP




Interface




Mobile App User Interface Designs

Htoo Tay ZarFreelance Web, UI DesignersAsterisk* Web [email protected]


mailto:[email protected]

mailto:[email protected]

http://www.htootayzar.com

http://www.htootayzar.com