Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

iOS Design to Code - Design

1,576 views

Published on

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?

Published in: Engineering

iOS Design to Code - Design

  1. 1. iOS developer http://about.me/gliyao Liyao Chen design > code
  2. 2. Objective minimum viable product > MVP
  3. 3. Design Work on Question 5 words Do not start from 0 Salt
  4. 4. UI Design Basic iOS App Anatomy Adaptivity and Layout Typography Navigation
  5. 5. iOS App Anatomy
  6. 6. iOS App Anatomy
  7. 7. iOS App Anatomy UINavigationBar UIView UITableView
  8. 8. iOS App Anatomy UIBarButtonItem UIButton UITableViewCell UIButton UILabel UILabel UIImageView
  9. 9. iOS App Anatomy LIVE
  10. 10. Adaptivity and Layout
  11. 11. Typography
  12. 12. Typography
  13. 13. Navigation
  14. 14. Navigation
  15. 15. Image assets
  16. 16. Image assets
  17. 17. Pixel vs. point(pt)
  18. 18. Storyboard
  19. 19. Frame
  20. 20. BUT
  21. 21. Frame
  22. 22. Autolayout
  23. 23. Autolayout The fundamental building block in Auto Layout is the constraint. Constraints express rules for the layout of elements in your interface;
  24. 24. Autolayout
  25. 25. Autolayout
  26. 26. Autolayout
  27. 27. Autolayout
  28. 28. Autolayout tips Outside to inside Left to right Top to down
  29. 29. Autolayout LIVE
  30. 30. 「It’s not who you are underneath, it’s what you do that defines you.」 – Batman
  31. 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

×