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
Thinking in patterns
Search
Tammie Lister
September 03, 2015
Design
550
2
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
Thinking in patterns
Talk for ThemeConf
Tammie Lister
September 03, 2015
More Decks by Tammie Lister
See All by Tammie Lister
Growing the WordPress design system
tammielis
1
1.2k
CSS in the editor
tammielis
0
380
Global styles the story so far
tammielis
1
950
Dropped stitches and tangled yarn - a call to simplify WordPress
tammielis
1
1.4k
Being Brave
tammielis
2
1.8k
Lessons from growing design in the open
tammielis
0
1.2k
Thinking in patterns
tammielis
0
43
Design matters in open source
tammielis
1
890
Opportunity of Open Source
tammielis
0
740
Other Decks in Design
See All in Design
猫魔法「ごろごろ」の紹介
gesho
0
140
“なんとなくFigma”から一歩先へ。AI時代も活きるWeb制作フロー
ayumidesign
0
210
デザインとフロントエンドの境界が融ける Claude Code × Figma
littlebusters
2
3.5k
The Art of Caring
klemens
0
450
怖くないアクセシビリティ -カウンターカルチャーとしてのアッカン東京-
securecat
1
260
Basket_of_love.pdf
terencebasart
0
290
速く作れるかではなく、速く学べるか ― 学習ループを回すパイロットの途中報告
nagata03
0
640
Look Dev Meetup #50
baku89
1
450
Frontier
rwang05
0
200
個人理念(自分の言葉)の言語化ワークショップ
kakukoki
1
200
全員がアウトプットを出せる時代、 誰を採用する?
nishame
0
650
20260309_3月ICTデザイン勉強会_地域創生2.0
a2k
0
170
Featured
See All Featured
What the history of the web can teach us about the future of AI
inesmontani
PRO
1
680
Paper Plane (Part 1)
katiecoart
PRO
1
10k
Ten Tips & Tricks for a 🌱 transition
stuffmc
0
180
A better future with KSS
kneath
240
18k
GitHub's CSS Performance
jonrohan
1033
470k
Practical Orchestrator
shlominoach
191
12k
Six Lessons from altMBA
skipperchong
29
4.5k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
10
1.3k
sira's awesome portfolio website redesign presentation
elsirapls
0
390
We Have a Design System, Now What?
morganepeng
55
8.3k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
123
22k
The Cost Of JavaScript in 2023
addyosmani
55
10k
Transcript
THINKING IN PATTERNS
Atomic Style Guide Component Pattern Library
None
None
None
None
school /s/-/k/-/oo/-/l/
A successful person isn't necessarily be er than her less
successful peers at solving problems; her pa ern-recognition facilities have just learned what problems are worth solving. - RAY KURZWEIL
DESIGN
To work our way towards a shared language once again,
we must first learn how to discover pa erns which are deep, and capable of generating life. - CHRISTOPHER ALEXANDER
PATTERNS
None
None
ui-pa erns.com/pa erns
None
PATTERN ANALYSIS
None
None
Everything should begin with research
None
None
None
None
None
None
None
PATTERN LIBRARY?
Speed
Iteration
Consistency
we define our design in a single location and use
a system to cascade it down to all platforms. We call it our Single Source of Truth. - LIVING DESIGN SYSTEMS @SALES FORCE
Understanding
THEME pa ern library
Pa ern library : WITHOUT DESIGN Style guide : WITH
DESIGN
None
not a design process. It’s manufacturing. It’s a cupcake machine
churning out identical cakes with different icing. But they all taste the same. - MARK BOULTON
None
= RJ : NYC Lego Street Art
Colville -Anderson
Colville -Anderson Eirik Newth
Nathan Sawaya
None
The Art of the Brick Expo
Without foundations, there can be no fashion. - CHRISTIAN DIOR
Always leave your library OPEN
None
None
James F Clay
None
None
None
??
??
Jeff Eaton
None
Tammie Lister @karmatosed THANKS, ANY QUESTIONS?
Resources http://patternlab.io/resources.html http://clearleft.com/thinks/165 http://ui-patterns.com/ http://styleguides.io https://medium.com/@bradhaynes/designing-products-that-scale- c8f3001f709b http://markboulton.co.uk/journal/design-abstraction-escalation