Upgrade to Pro — share decks privately, control downloads, hide ads and more …
Sign up for free

Design Patterns

Sponsored · Ship Features Fearlessly Turn features on and off without deploys. Used by thousands of Ruby developers. →
Avatar for Tammie Lister Tammie Lister
March 27, 2016
Design
2.1k
1

Design Patterns

WordCamp London talk.

Avatar for Tammie Lister

Tammie Lister

March 27, 2016

More Decks by Tammie Lister

See All by Tammie Lister
Growing the WordPress design system
Avatar for Tammie Lister tammielis
1
1.2k
CSS in the editor
Avatar for Tammie Lister tammielis
0
380
Global styles the story so far
Avatar for Tammie Lister tammielis
1
960
Dropped stitches and tangled yarn - a call to simplify WordPress
Avatar for Tammie Lister tammielis
1
1.4k
Being Brave
Avatar for Tammie Lister tammielis
2
1.8k
Lessons from growing design in the open
Avatar for Tammie Lister tammielis
0
1.2k
Thinking in patterns
Avatar for Tammie Lister tammielis
0
43
Design matters in open source
Avatar for Tammie Lister tammielis
1
900
Opportunity of Open Source
Avatar for Tammie Lister tammielis
0
750

Other Decks in Design

See All in Design
トランジションの冒険 自分と世界を変える冒険の書 / Transition Adventure
Avatar for 松村 大貴｜Butterfly Lab株式会社 dmattsun
2
670
速く作れるかではなく、速く学べるか ― 学習ループを回すパイロットの途中報告
Avatar for Sho Nagata nagata03
0
680
noteらしさを織り込むハーネスエンジニアリング
Avatar for uto usui uto
0
1.8k
なぜ、インサイトを貯めるのか？
Avatar for 田島佳穂 tajima_kaho
3
2.8k
The ISO 25964 standard on Information and documentation — Thesauri and interoperability with other vocabularies
Avatar for AccessInnovations accessinnovations
0
180
インターンから2年 新卒フロントエンドエンジニアから見た サイボウズのアクセシビリティ
Avatar for tak taku10101
0
160
デザインハーネス 〜AIが生成する"デザイン"の妥当性を、誰がどう担保するのか〜 / PdEConf2026 Design Harness
Avatar for こぎそ / Shinichi Kogiso kgsi
14
21k
Bet AI Day 2026丨デザインハーネス：専門職の判断基準をコードのように運用する
Avatar for LayerX layerx
PRO
6
6.5k
デザインハーネスをつくるハーネス｜誰でも自社らしいデザインをつくれるようにする仕組み
Avatar for Akari Katakai katakai
0
1.1k
広い関与の可能性に どう向き合うのか？ 私たちは。｜Timee MarketingDesign 2026-06-18
Avatar for bebe bebe
0
1.1k
Look Dev Meetup #50
Avatar for Baku Hashimoto baku89
1
510
タイル紹介サイト「タイルだもんで」
Avatar for しま calpin
0
190

Featured

See All Featured
Sam Torres - BigQuery for SEOs
Avatar for Tech SEO Connect techseoconnect
PRO
0
550
Visualization
Avatar for Eitan Lees eitanlees
153
17k
Docker and Python
Avatar for Tania Allard trallard
47
4.2k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
Avatar for Morgane Peng morganepeng
133
19k
Designing Powerful Visuals for Engaging Learning
Avatar for Mike Taylor tmiket
1
580
The Power of CSS Pseudo Elements
Avatar for Geoffrey Crofte geoffreycrofte
82
6.6k
Google's AI Overviews - The New Search
Avatar for Barry Adams badams
0
1.6k
Intergalactic Javascript Robots from Outer Space
Avatar for Vicent Martí tanoku
273
27k
The browser strikes back
Avatar for Jono Alderson jonoalderson
0
1.7k
Product Roadmaps are Hard
Avatar for C. Todd Lombardo iamctodd
55
13k
sira's awesome portfolio website redesign presentation
Avatar for ElsiraPls elsirapls
0
420
The Illustrated Children's Guide to Kubernetes
Avatar for Chris Short chrisshort
51
53k

Transcript

  1. Design Pa erns Tammie Lister

  2. None
  3. None
  4. None
  5. None

  6. Design

  7. 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
  8. None
  9. None

  10. Process

  11. None
  12. None

  13. Analysis

  14. None
  15. None

  16. Everything should begin with research

  17. None
  18. None
  19. None
  20. None
  21. None
  22. None
  23. None

  24. Pa ern Libraries

  25. None

  26. Pa ern Vs Design Libary

  27. Speed

  28. Iteration

  29. Consistency

  30. 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

  31. Understanding

  32. Without foundations, there can be no fashion. - CHRISTIAN DIOR

  33. Conscious designing

  34. 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
  35. None

  36. Alive and Open

  37. None

  38. THEME pa ern library

  39. None

  40. components.underscores.me github.com/Automa ic/theme-components

  41. None

  42. Tammie Lister @karmatosed Thanks, any questions?

  43. 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