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

Design Patterns & Systems

F57e2136eb9895eb95ff5dc8a1c02677?s=47 Todd Zaki Warfel
May 17, 2013
Design
3
310

Design Patterns & Systems

What makes a design pattern collection or design system?

F57e2136eb9895eb95ff5dc8a1c02677?s=128

Todd Zaki Warfel

May 17, 2013
Tweet

More Decks by Todd Zaki Warfel

See All by Todd Zaki Warfel
F57e2136eb9895eb95ff5dc8a1c02677?s=48 zakiwarfel
1
96
F57e2136eb9895eb95ff5dc8a1c02677?s=48 zakiwarfel
4
300
F57e2136eb9895eb95ff5dc8a1c02677?s=48 zakiwarfel
1
160
F57e2136eb9895eb95ff5dc8a1c02677?s=48 zakiwarfel
0
100
F57e2136eb9895eb95ff5dc8a1c02677?s=48 zakiwarfel
3
110
F57e2136eb9895eb95ff5dc8a1c02677?s=48 zakiwarfel
3
130
F57e2136eb9895eb95ff5dc8a1c02677?s=48 zakiwarfel
4
820
F57e2136eb9895eb95ff5dc8a1c02677?s=48 zakiwarfel
8
580
F57e2136eb9895eb95ff5dc8a1c02677?s=48 zakiwarfel
91
3.5k

Other Decks in Design

See All in Design
8de1d5b5b5cd876c10c35f40af77e154?s=48 pepabo_recruit
2
1.6k
E1e5be595b41fe3cf014cab6b2ef2a85?s=48 geoffreydorne
1
110
E7c10900ca5d5d106d2231d47eafbac4?s=48 iquares
1
110
6fb7917b139f230be10efc1ab096e2f9?s=48 kadeshserpent
1
280
0f4339e081f24aac1a2b186dfd91ff3f?s=48 mirandab
0
280
A8cc43c01d74d9e6c05542c3fddf9204?s=48 agirlwithapen
0
130
E9bc93cfc82dc07a1b3eca5a2394dbb6?s=48 fmerian
PRO
1
130
Ca932babb9a1a7a7b426b94856fc5a84?s=48 cpimentelart
0
110
8571d8fd5b2b95795838231608ab0023?s=48 fuller_hrpr
PRO
1
300
0d9f8b9fbab6207f101388015ca963e2?s=48 doan1991
1
100
C017f3b100cbaa3127ac95d9544c70d9?s=48 maxsbow
0
170
Bdd9e989b8078ae14ea9abd4d4d81a83?s=48 blakedg95
1
180

Featured

See All Featured
D83926c323d4f9289f947b4b4e76b939?s=48 jensimmons
209
10k
2f5463832ccb768ccb4a1ca3607c27ef?s=48 jacobian
260
20k
1b8ad785acdd1ce1c99914b1c2a4e10e?s=48 sugarenia
235
930k
0fe2973fa8d27d96547e43322341183a?s=48 swwweet
209
7.1k
245cee81a9c424266e5e401d844ea881?s=48 lara
175
10k
95d9f37115fbb0d13135d0f77132f856?s=48 morganepeng
97
15k
8081b26e05bb4354f7d65ffc34cbbd67?s=48 chriscoyier
687
180k
5f2da528927a2ec9ba4fec2069cbc958?s=48 kneath
297
39k
1177e050db6bafe62885362edf6e3537?s=48 lauravandoore
17
2k
39488f9d172ab92fd352f2cd7b73258d?s=48 mza
82
4.3k
B3d6434763caa0ef5dc4b792662c49f7?s=48 smashingmag
235
18k
168ccec72eee0530b818d44f3fedaacf?s=48 shlominoach
177
7.9k

Transcript

  1. PATTERNS & DESIGN SYSTEMS METHODS FOR MAKING SCALABLE DESIGN

  2. THEY’RE EVERYWHERE WE LOOK

  3. None
  4. None

  5. 0 1 1 2 3 5 8 13 21 34

    55 89 144
  6. None

  7. PREDICTABLE OUTCOMES IMPROVED USABILITY BETTER USER EXPERIENCE SCALABLE SYSTEMS

  8. DEFINING A DESIGN SYSTEM

  9. PATTERN COLLECTIONS DESIGN SYSTEMS

  10. PATTERN COLLECTIONS

  11. http://www.lukew.com/ff/entry.asp?1514

  12. http://www.flickr.com/photos/factoryjoe/collections/72157600001823120/

  13. http://inspired-ui.com

  14. http://pinterest.com/abhinavsharma/mobile-web-navigation-patterns/

  15. http://box.mepholio.com

  16. http://dribbble.com/404

  17. http://patterntap.com

  18. http://patterntap.com

  19. DESIGN SYSTEMS

  20. VISUAL EXAMPLE DESCRIPTION PROBLEM IT SOLVES WHEN TO USE HOW

    TO USE IT
  21. None
  22. None

  23. http://developer.yahoo.com/ypatterns/

  24. http://developer.yahoo.com/ypatterns/

  25. http://ui-patterns.com

  26. http://ui-patterns.com

  27. http://patternry.com

  28. http://patternry.com

  29. http://patternry.com