Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Sign up for free
Menu
Search
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Pricing
Search
Sign in
Sign up for free
Design Patterns & Systems
Search
Todd Zaki Warfel
May 17, 2013
Design
570
3
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
Design Patterns & Systems
What makes a design pattern collection or design system?
Todd Zaki Warfel
May 17, 2013
More Decks by Todd Zaki Warfel
See All by Todd Zaki Warfel
Make Mentor Learn
zakiwarfel
1
320
Prototyping for Mobile
zakiwarfel
4
510
Paper Prototyping
zakiwarfel
1
460
GA Know Your Audience
zakiwarfel
0
300
GA UX Research Workshop
zakiwarfel
3
330
GA Hi-fi Design for Mobile Web
zakiwarfel
3
320
UXWeek Prototyping with HTML5
zakiwarfel
4
1.2k
Designing with HTML5, CSS3, and jQuery
zakiwarfel
8
820
Designing with Data
zakiwarfel
98
5.2k
Other Decks in Design
See All in Design
デザインワークフローの最前線。 ログラスでのAI活用の現在地
ukaoli
1
3.4k
エンジニアでも捗る デザイナー的思考入門(bitA Edit 新ver)
tinykitten
1
610
もう迷わない！“なんとなく”を卒業するフォントの選び方【村田俊英】
toshihidemurata
0
1k
速く作れるかではなく、速く学べるか ― 学習ループを回すパイロットの途中報告
nagata03
0
700
クリエイティブディレクター 両角 高寛 の自己紹介
morogyro
0
200
Техники структурирования беседы с собой, заказчиком и командо
ashapiro
0
320
ポートフォリオ_あやの
ngyenmazt1412
0
1.9k
トランジションの冒険 自分と世界を変える冒険の書 / Transition Adventure
dmattsun
2
720
デザイナーがいない部署にハーネスを設計する
kenichiota0711
5
4.8k
【2026】ポートフォリオ_大坪明日香
tsubo52
0
120
東京都市大学 都市生活学部×一般社団法人オープン企画イベント 「誰もがデザイナーである」とはどういうことか？ 【エツィオ・マンズィーニ氏 特別来日・基調講演】
a2k
1
140
2026/6/26 第6回韓日リビングラボネットワークフォーラムin世宗 ー未来を作るリビングラボー アジアの社会システム転換に向けたリビングラボの可能性
a2k
2
120
Featured
See All Featured
jQuery: Nuts, Bolts and Bling
dougneiner
66
8.6k
Speed Design
sergeychernyshev
33
2.1k
The Straight Up "How To Draw Better" Workshop
denniskardys
239
140k
コードの90%をAIが書く世界で何が待っているのか / What awaits us in a world where 90% of the code is written by AI
rkaga
63
46k
Bootstrapping a Software Product
garrettdimon
PRO
306
120k
End of SEO as We Know It (SMX Advanced Version)
ipullrank
3
4.4k
Un-Boring Meetings
codingconduct
0
440
The Anti-SEO Checklist Checklist. Pubcon Cyber Week
ryanjones
0
260
Kristin Tynski - Automating Marketing Tasks With AI
techseoconnect
PRO
0
540
How to Think Like a Performance Engineer
csswizardry
28
2.9k
Visualization
eitanlees
153
17k
How to build a perfect <img>
jonoalderson
1
6.1k
Transcript
PATTERNS & DESIGN SYSTEMS METHODS FOR MAKING SCALABLE DESIGN
THEY’RE EVERYWHERE WE LOOK
None
None
0 1 1 2 3 5 8 13 21 34
55 89 144
None
PREDICTABLE OUTCOMES IMPROVED USABILITY BETTER USER EXPERIENCE SCALABLE SYSTEMS
DEFINING A DESIGN SYSTEM
PATTERN COLLECTIONS DESIGN SYSTEMS
PATTERN COLLECTIONS
http://www.lukew.com/ff/entry.asp?1514
http://www.flickr.com/photos/factoryjoe/collections/72157600001823120/
http://inspired-ui.com
http://pinterest.com/abhinavsharma/mobile-web-navigation-patterns/
http://box.mepholio.com
http://dribbble.com/404
http://patterntap.com
http://patterntap.com
DESIGN SYSTEMS
VISUAL EXAMPLE DESCRIPTION PROBLEM IT SOLVES WHEN TO USE HOW
TO USE IT
None
None
http://developer.yahoo.com/ypatterns/
http://developer.yahoo.com/ypatterns/
http://ui-patterns.com
http://ui-patterns.com
http://patternry.com
http://patternry.com
http://patternry.com
zakiwarfel
ukaoli
tinykitten
toshihidemurata
nagata03
morogyro
ashapiro
ngyenmazt1412
dmattsun
kenichiota0711
tsubo52
a2k
dougneiner
sergeychernyshev
denniskardys
rkaga
garrettdimon
ipullrank
codingconduct
ryanjones
techseoconnect
csswizardry
eitanlees
jonoalderson
