ios design to code - design
DESCRIPTION
This course have 2 parts (Design & Code). Learning iOS dev from zero. There is many things you can do without code. 1. Define the problem you want to solve. 2. Known the basic UI component in iOS world. 3. App flow controll with navigation 4. Why we need Autolayout?TRANSCRIPT
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
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