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
430
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
690
CSS in the editor
tammielis
0
160
Global styles the story so far
tammielis
1
500
Dropped stitches and tangled yarn - a call to simplify WordPress
tammielis
1
790
Being Brave
tammielis
2
1.3k
Lessons from growing design in the open
tammielis
0
710
Thinking in patterns
tammielis
0
43
Design matters in open source
tammielis
1
450
Opportunity of Open Source
tammielis
0
440
Other Decks in Design
See All in Design
Designship 2023|想いを可視化するデザインの力
weddingpark
0
240
PRDがデザインプロセスを高速化した話
tooomo
1
280
#コムデナ vol.2 「初めてのデザインカンファレンス協賛!共有したい3つのやらかし」
kiyoshifuwa
1
330
デザイナー採用 3社目で学び中のこと / Learnings of Designer Recruitment | Yasuhiro Yokota
yasuhiroyokota
1
210
「これをゲームにしたい!」と言われた時ゲームデザイナーが考えること
kinakobooster
5
5.2k
Product-Writing
aguringo
6
2.8k
文化に寄りそうデザイン
recruitengineers
PRO
4
910
実務のための マイクロ インタラクション入門
shingo2000
0
360
2024デザすぷVol.4 新年会/ Design Sprout Bar vol-4
root_recruit
1
310
231129_FOSS4G-ASIA-2023_kato
hjmkth
1
300
意志と、デザインと、ときどきお金
transit_kix
2
2.2k
豊かな自然を守るための、 クラフトビール造りのプロジェクトとデザイン
kazuakiebe
0
450
Featured
See All Featured
Learning to Love Humans: Emotional Interface Design
aarron
266
39k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
154
14k
Raft: Consensus for Rubyists
vanstee
132
6.3k
Writing Fast Ruby
sferik
620
60k
Docker and Python
trallard
33
2.7k
In The Pink: A Labor of Love
frogandcode
138
21k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
5
1.5k
5 minutes of I Can Smell Your CMS
philhawksworth
199
19k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
273
13k
Reflections from 52 weeks, 52 projects
jeffersonlam
344
19k
Designing for Performance
lara
601
67k
Mobile First: as difficult as doing things right
swwweet
216
8.6k
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