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
740
2
Share
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
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
370
Global styles the story so far
tammielis
1
920
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
870
Opportunity of Open Source
tammielis
0
710
Other Decks in Design
See All in Design
セブンデックス プロジェクト事例 / innovation Scenes
sevendex
1
950
decksh object reference
ajstarks
2
1.6k
空間アプリ開発のフィードバックをCodexにするための抽象的なデザインツールの模索
karad
0
140
「使いやすさ」だけでは、「勝てる」サービスにはならない。〜KPIとUXの分断を埋める、サービス戦略という「指針」〜
nbkouhou
2
380
TUNAG BOOK 2024
stmn
PRO
0
1.6k
2026年の勢い / Momentum for 2026
bebe
0
450
2026の目標「もっと定量的に事業、会社へ貢献する!」
yuri_ohashi
0
830
大企業インハウスデザイン組織における DesignOps改革の現在地 / DesignOps at Scale: Navigating Transformation in Large Enterprises
nttcom
0
690
UI生成の鍵は要件整理 -デザインプロセスのエッセンスを プロンプト作成に取り入れよう-
abokadotyann
4
860
The Art of Caring
klemens
0
340
図面資産×AI 眠れる資産を起こす挑戦
aonomasahiro
0
140
AIスライドデザインを生成する仕組みを社内共有する
kenichiota0711
7
5.6k
Featured
See All Featured
Fireside Chat
paigeccino
42
3.9k
How to Get Subject Matter Experts Bought In and Actively Contributing to SEO & PR Initiatives.
livdayseo
0
130
How to Align SEO within the Product Triangle To Get Buy-In & Support - #RIMC
aleyda
2
1.5k
[RailsConf 2023] Rails as a piece of cake
palkan
59
6.6k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
47
8.2k
A brief & incomplete history of UX Design for the World Wide Web: 1989–2019
jct
2
390
Getting science done with accelerated Python computing platforms
jacobtomlinson
2
220
Heart Work Chapter 1 - Part 1
lfama
PRO
7
36k
Measuring Dark Social's Impact On Conversion and Attribution
stephenakadiri
2
210
Collaborative Software Design: How to facilitate domain modelling decisions
baasie
1
240
Scaling GitHub
holman
464
140k
Breaking role norms: Why Content Design is so much more than writing copy - Taylor Woolridge
uxyall
0
310
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