Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Components with LayoutKit

Components with LayoutKit

Clear requirements and communication between developers and designers.

Avatar for Domas Nutautas

Domas Nutautas

October 12, 2017
Tweet

More Decks by Domas Nutautas

Other Decks in Programming

Transcript

  1. Color palette - Primary - Secondary - Dark - Background

    Solution - UI Base Chapter 1: A new beginning
  2. Color palette - Primary - Secondary - Dark - Background

    7 Text styles - Size, line height, weight, color, all caps Solution - UI Base Chapter 1: A new beginning
  3. Color palette - Primary - Secondary - Dark - Background

    7 Text styles - Size, line height, weight, color, all caps Size unit - 4 points Solution - UI Base Chapter 1: A new beginning
  4. Implementation Chapter 2: The unexpected savior - Separate UI.framework -

    Subclass for each component - Interface builder friendly - UIStackViews and Auto Layout - NibView
  5. Solution - LayoutKit Chapter 2: The unexpected savior - Fast

    - Asynchronous - Declarative - Cacheable
  6. Components library - http://ui.trafi.com Web of componets - https://www.trafi.com/lt/vilnius Looking

    for a job? - https://trafi.workable.com LayoutKit library - http://layoutkit.org Simple nib library - https://github.com/trafi/NibView Links Click on them!