User Interface Design (iOS)

Presented By:

Samesh Swongamikha Neetin Sharma&

Design Basics

• The starting point• The mobile connection • Branding vs Standard Controls

Where is the Template ?

• Nibs + …well nothing• Design = Styling + Layout

Styling

• Stay away, controllers• Generic classes• Extensions on native controls• UIAppearance• Libraries (Pixate, )

Laying it out

• Ever growing screen size• No math please• Auto layout to the rescue• Libraries (Masonry, PureLayout)

Storyboarding

• Why storyboard?• pros n cons

UX Design Trends

• Think about clean & Flat design• Do not use gradient but choose Flat colors• Use standard components• Use Clear fonts• Use rounded avatars/buttons• Utilize gesture

Think about clean & Flat design

Do not use gradient but choose Flat colors

Use standard components

• Always try to use standard components provided by the system unless you are developing games or any fancy thing.

• Do not copy other platform’s design (Android VS iOS)

Use Clear fonts

• By the way system default font is the clear font.• Use less artistic font wherever possible.

Use Rounded Avatars/Button

• Try to use rounded avatars and buttons wherever appropriate.

• Do not place buttons too tight.

Utilize Gesture

• Try to utilize gesture provided by system in design.

Thank you