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?

1. iOS developer
http://about.me/gliyao
Liyao Chen
design > code

2. Objective
minimum viable product > MVP

3. Design
Work on Question
5 words
Do not start from 0
Salt

4. UI Design Basic
iOS App Anatomy
Adaptivity and Layout
Typography
Navigation

5. iOS App Anatomy

6. iOS App Anatomy

7. iOS App Anatomy
UINavigationBar
UIView
UITableView

8. iOS App Anatomy
UIBarButtonItem
UIButton
UITableViewCell
UIButton
UILabel
UILabel
UIImageView

9. iOS App Anatomy LIVE

10. Adaptivity and Layout

11. Typography

12. Typography

13. Navigation

14. Navigation

15. Image assets

16. Image assets

17. Pixel vs. point(pt)

18. Storyboard

19. Frame

20. BUT

21. Frame

22. Autolayout

23. Autolayout
The fundamental building block in Auto Layout is
the constraint.
Constraints express rules for the layout of
elements in your interface;

24. Autolayout

25. Autolayout

26. Autolayout

27. Autolayout

28. Autolayout tips
Outside to inside
Left to right
Top to down

29. Autolayout LIVE

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

31. 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