Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Case Study: Experimenting with Design Systems
Search
Bermon Painter
April 04, 2018
Design
1
330
Case Study: Experimenting with Design Systems
Bermon Painter
April 04, 2018
Tweet
Share
More Decks by Bermon Painter
See All by Bermon Painter
Behavioural Science + Product Innovation = ❤️
bermonpainter
0
470
Haciendo una inmersión profunda con el JAMStack y Vue.js
bermonpainter
0
310
Pensamiento de Diesño: Desarrollar Ideas a la Implementación
bermonpainter
0
270
Design Thinking: Ideas to Implementation
bermonpainter
0
610
Product Development with Vue.js and a Headless CMS
bermonpainter
0
400
Successfully Hire, Mentor, Retain and Lead Teams
bermonpainter
2
350
Crafting Successful UX Strategies
bermonpainter
0
1.2k
The Fallacy of Digital Transformation
bermonpainter
0
420
Design Thinking: Ideas to Implementation
bermonpainter
3
1.4k
Other Decks in Design
See All in Design
Building foundations 堅牢なデザイントークンの設計
hilokifigma
2
3.6k
harutaka Vision Deck
zenkigenforrecruit
0
160
生成AIを活用した組み込みSW設計書検索システム開発
licux
7
1.2k
【最新】マズロー安達の弟子実績(1期-4期の26人分)
maslow_akkun
0
650
ブランドパーソナリティ言語化における生成AI活用の実際
h0sa
0
180
Flow, Not Stock 知識触媒としてのIA
5kaichi
1
300
プロジェクト内でデザイナーができること 日経電子版アプリ機能開発「For You」#nikkei_tech_talk
nikkei_engineer_recruiting
8
4.1k
ビジネス成果を最大限に発揮するPORTFOLIO
ataxi1003
0
200
UXとUIの違いを自分の言葉で表現する: UX DAYS TOKYO
mizunashi_mana
0
180
Bulletproof Design System with TypeScript
takanorip
6
3.7k
portfolio_YumiYasuda
yum0418
0
300
Мышление историями. Как текстовые модели поведения помогают дизайнеру проектировать
ashapiro
0
110
Featured
See All Featured
4 Signs Your Business is Dying
shpigford
184
22k
A better future with KSS
kneath
238
17k
It's Worth the Effort
3n
185
28k
No one is an island. Learnings from fostering a developers community.
thoeni
21
3.4k
Why You Should Never Use an ORM
jnunemaker
PRO
58
9.5k
Optimizing for Happiness
mojombo
379
70k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
161
15k
Designing for Performance
lara
610
69k
Gamification - CAS2011
davidbonilla
81
5.4k
Building an army of robots
kneath
306
45k
Fantastic passwords and where to find them - at NoRuKo
philnash
51
3.3k
Adopting Sorbet at Scale
ufuk
77
9.5k
Transcript
Case Study: Experimenting with Design Systems @bermonpainter | #cltdesign
Tonight’s Agenda Contrast style guide vs. pattern library vs. design
system Building your own Case study: Internal applications at Cardinal 1 2 3
Style Guides Defines abstract styles in the form static documentation
that describes how the design itself should be applied to a product or service.
Style Guides Color Palettes Iconography Imagery Typography Typographic Scale Grid
Definitions
None
None
None
None
None
None
None
Pattern Libraries A set of reusable components that are used
across single or multiple products or services.
Pattern Libraries Component Names Visual Representation Variations Use Cases Considerations
Code Samples Templates
None
None
None
Design System Forms the foundation of a shared design language
and allows the team to communicate shared rules and connections around how to build a product or service.
Design Systems Style Guide Pattern Library Tools & Utilities Principles
Rules
None
None
None
Design System Rules and Connections Style Guide Abstract Styles Pattern
Library Reusable Components
A style guide is an artifact of a design process.
A design system is a living, funded project with a roadmap & backlog, serving an ecosystem. “ “ – Nathan Curtis
PATTERN LIBRARY APP DESIGN SYSTEM
PATTERN LIBRARY APP DESIGN SYSTEM APP
PROSPECT METRE EVOKE DESIGN SYSTEM FULCRUM ENLIST
None
Fin.