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 - London Sass version
Search
Tammie Lister
February 14, 2016
Design
2
450
Thinking in patterns - London Sass version
This is an iteration on my thinking in patterns talk for London Sass in Feb 2016.
Tammie Lister
February 14, 2016
Tweet
Share
More Decks by Tammie Lister
See All by Tammie Lister
Growing the WordPress design system
tammielis
1
720
CSS in the editor
tammielis
0
180
Global styles the story so far
tammielis
1
520
Dropped stitches and tangled yarn - a call to simplify WordPress
tammielis
1
830
Being Brave
tammielis
2
1.3k
Lessons from growing design in the open
tammielis
0
730
Thinking in patterns
tammielis
0
43
Design matters in open source
tammielis
1
480
Opportunity of Open Source
tammielis
0
450
Other Decks in Design
See All in Design
全社を巻き込んだコーポレートバリューの再定義に関するデザイナーの関わり方
sugiyama_sukedachi
0
180
ダークテーマとアクセシビリティ の融合したカラートークンの設計
degudegu2510
0
300
他人事じゃないWebアクセシビリティ入門
arihiro17
0
260
Sunny Day Storyboard
ctagulao98
0
140
Sensitive Texter Storyboard
ctagulao98
0
110
デザイン組織の一人目マネージャーが啜る泥水と美味しいビールに向けてTRYすること
ryoya_frst
0
210
私たちが取り組んできたアクセシビリティと これから取り組んでいくアクセシビリティについて
securecat
1
110
Designship 2023|想いを可視化するデザインの力
weddingpark
0
260
Breaking News on the Web
souvikdg
0
110
ゲームクリエイター、事業会社のデザイナーになる
satomium1
0
200
実案件でのFigmaデータの作り方
xxxkinu
2
240
3D空間を扱うUI表現とユーザビリティ
akinen
0
480
Featured
See All Featured
Build your cross-platform service in a week with App Engine
jlugia
226
17k
Being A Developer After 40
akosma
67
580k
YesSQL, Process and Tooling at Scale
rocio
165
13k
Mobile First: as difficult as doing things right
swwweet
217
8.6k
Optimizing for Happiness
mojombo
371
69k
Producing Creativity
orderedlist
PRO
338
39k
Documentation Writing (for coders)
carmenintech
60
4k
Become a Pro
speakerdeck
PRO
13
4.6k
How GitHub (no longer) Works
holman
305
140k
Making Projects Easy
brettharned
109
5.5k
Ruby is Unlike a Banana
tanoku
96
10k
Designing the Hi-DPI Web
ddemaree
276
33k
Transcript
THINKING IN PATTERNS
None
Atomic Style Guide Component Pattern Library
None
None
EVOLUTION
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
components.underscores.me github.com/Automa ic/theme-components
None
SASS in components
None
None
??
??
Jeff Eaton
None
Tammie Lister @karmatosed THANKS, ANY QUESTIONS?
RESOURCES h p://pa ernlab.io/resources.html h p://clearleft.com/thinks/165 h p://ui-pa erns.com/ h
p://styleguides.io h ps://medium.com/@bradhaynes/designing-products-that-scale- c8f3001f709b h p://markboulton.co.uk/journal/design-abstraction-escalation