Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Design Patterns

Tammie Lister
March 27, 2016
Design
1
1.7k

Design Patterns

WordCamp London talk.

Tammie Lister

March 27, 2016
Tweet

More Decks by Tammie Lister

See All by Tammie Lister
Growing the WordPress design system
tammielis
1
970
CSS in the editor
tammielis
0
240
Global styles the story so far
tammielis
1
640
Dropped stitches and tangled yarn - a call to simplify WordPress
tammielis
1
1.1k
Being Brave
tammielis
2
1.5k
Lessons from growing design in the open
tammielis
0
980
Thinking in patterns
tammielis
0
43
Design matters in open source
tammielis
1
610
Opportunity of Open Source
tammielis
0
550

Other Decks in Design

See All in Design
コンセプトで経営・事業・組織を動かす、 Ameba20周年ブランディング / ameba-20th-branding
cyberagentdevelopers
PRO
1
300
FANCL×CA流アプリリニューアルPJ 成功の秘訣とそのプロセス / dx-fancl-renewal
cyberagentdevelopers
PRO
2
350
シームレスな連携を実現するデザイントークンの設計と構築
amishiratori
0
360
みんなでブラッシュアップするDesign Sprint_BASE BANKチームの場合
base
PRO
3
640
デザインシステム×プロトタイピングで挑む社会的価値の共創 / Designship2024
visional_engineering_and_design
1
280
今日から始める グラレコ チャレンジ　DevRel/Tokyo #94 〜グラレコ チャレンジ〜
moshimoshiyuki
0
110
プロダクトデザイナー視点から見た チームでの意思決定の難しさと 重要ポイント3点
kei141
0
420
ENEOS社事例｜アプリ事業を加速させるデザイナーの取り組み / dx-eneos-design
cyberagentdevelopers
PRO
1
270
Bridging the Design Gap: How Collaborative Modelling removes blockers to flow between stakeholders and teams @FastFlow conf
baasie
0
160
Первая беседа о Карте реализации историй
ashapiro
0
290
情報設計からのデザインアプローチ ～ユーザーの声を聞くよりも、もっとデータの声を聞け～
securecat
4
2.4k
みんなに知って欲しい 視覚過敏のアクセシビリティ
0opacity_
4
830

Featured

See All Featured
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
33
1.9k
The MySQL Ecosystem @ GitHub 2015
samlambert
250
12k
Automating Front-end Workflow
addyosmani
1366
200k
Building an army of robots
kneath
302
43k
YesSQL, Process and Tooling at Scale
rocio
169
14k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
229
52k
Learning to Love Humans: Emotional Interface Design
aarron
273
40k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
93
16k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
44
6.8k
Keith and Marios Guide to Fast Websites
keithpitt
409
22k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
506
140k
Docker and Python
trallard
40
3.1k

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