iOS developerhttp://about.me/gliyao

design > code

Liyao Chen

Objectiveminimum viable product > MVP

DesignWork on Question 5 words Do not start from 0 Salt

UI Design BasiciOS App Anatomy Adaptivity and LayoutTypography Navigation

iOS App Anatomy

iOS App Anatomy

iOS App AnatomyUINavigationBar

UITableView

UIView

iOS App AnatomyUIBarButtonItem

UITableViewCell

UIButton

UIButton

UILabel

UILabelUIImageView

iOS App Anatomy LIVE

Adaptivity and Layout

Typography

Typography

Navigation

Navigation

Image assets

Image assets

Pixel vs. point(pt)

Storyboard

Frame

BUT

Frame

Autolayout

The fundamental building block in Auto Layout is the constraint.

Constraints express rules for the layout of elements in your interface;

Autolayout

Autolayout

Autolayout

Autolayout

Autolayout

Autolayout tipsOutside to inside Left to right Top to down

Autolayout LIVE

– Batman

「It’s not who you are underneath, it’s what you do that defines you.」

Reference• http://www.paintcodeapp.com/news/iphone-6-

screens-demystified

• https://developer.apple.com/library/IOs/documentation/UserExperience/Conceptual/AutolayoutPG/AutoLayoutConcepts/AutoLayoutConcepts.html#//apple_ref/doc/uid/TP40010853-CH14-SW1