Save 37% off PRO during our Black Friday Sale! »

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
100
F57e2136eb9895eb95ff5dc8a1c02677?s=48 zakiwarfel
4
300
F57e2136eb9895eb95ff5dc8a1c02677?s=48 zakiwarfel
1
170
F57e2136eb9895eb95ff5dc8a1c02677?s=48 zakiwarfel
0
100
F57e2136eb9895eb95ff5dc8a1c02677?s=48 zakiwarfel
3
110
F57e2136eb9895eb95ff5dc8a1c02677?s=48 zakiwarfel
3
130
F57e2136eb9895eb95ff5dc8a1c02677?s=48 zakiwarfel
4
830
F57e2136eb9895eb95ff5dc8a1c02677?s=48 zakiwarfel
8
590
F57e2136eb9895eb95ff5dc8a1c02677?s=48 zakiwarfel
90
3.7k

Other Decks in Design

See All in Design
88447dbb966c62206c23f5ffd402af3b?s=48 chuckn0risk
2
240
Ed946da673ee07c8b3b41b7aa8268e13?s=48 bookslope
PRO
0
290
E9842b8acc7107a783648a6274dd9a10?s=48 laineyru
0
230
0c6fc884dd8b5a4e584feb6a1b615a47?s=48 hiranotomoki
0
190
Eb3f099a0ad1b2f8ff9180432ab10d72?s=48 mollysart
1
230
4b7cfc2f7e1087517064667a30fddd54?s=48 commmune
1
3.6k
65cd2978a60d34e1e37064f1e6c0fa45?s=48 chionyan
0
200
Cdf97a1b1b132c56582773c3ba09a3a6?s=48 rakus_dev
0
3.4k
879fd79c46ae1e48906fa37ba32015e0?s=48 shigalg
0
140
B3ace07412a5178ea778e7eec161fc0a?s=48 jcasabona
0
150
Bcbe06266087609b9bcc73163d96fe08?s=48 tobik_jp
3
2.9k
Bff39f7d4e25a30fb4d28a9005de7363?s=48 uxaustralia
PRO
0
140

Featured

See All Featured
56c4053438af8e8b90d6f53cbb7573be?s=48 jakevdp
779
200k
766b9746b59e6f09e280cd33cf4ed419?s=48 skipperchong
14
1.1k
7559f6cff1f5efc2d210965febd4d71c?s=48 bermonpainter
349
27k
Fde6c3a50ca518a909ef35c22c0ee0e4?s=48 destraynor
224
48k
E190023b66e2b8aa73a842b106920c93?s=48 zenorocha
301
40k
Dad095ea7038f89f760419ce475d5d14?s=48 michaelherold
228
9k
5f2da528927a2ec9ba4fec2069cbc958?s=48 kneath
224
15k
96270e4c3e5e9806cf7245475c00b275?s=48 addyosmani
497
110k
719435d98d452de7ac367c828266cf01?s=48 erikaheidi
29
5.3k
24fc194843a71f10949be18d5a692682?s=48 gr2m
86
11k
61857dafbd287b3027c4dcea9008ad3c?s=48 carmenhchung
43
2.2k
245cee81a9c424266e5e401d844ea881?s=48 lara
175
11k

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