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

The Lost Art of Design Etiquette

Sponsored · Ship Features Fearlessly Turn features on and off without deploys. Used by thousands of Ruby developers. →
Avatar for Dan Rose Dan Rose
July 03, 2013
Design
5
270

The Lost Art of Design Etiquette

Updated version presented as an RGD Webinar. The Infamous Photoshop Etiquette Origin Story.

Avatar for Dan Rose

Dan Rose

July 03, 2013
Tweet

More Decks by Dan Rose

See All by Dan Rose
Dismantle Your Workflow and Live to Tell the Story
Avatar for Dan Rose danrose
3
180
Things I Wish I Knew About Being a Legit Web Designer
Avatar for Dan Rose danrose
1
120
Clandestine Photoshop
Avatar for Dan Rose danrose
3
470
Creating Upstate
Avatar for Dan Rose danrose
1
140
Photoshop's New Groove - Artifact East
Avatar for Dan Rose danrose
1
260
Redeeming Image Editors for Mobile Web Design
Avatar for Dan Rose danrose
2
340
Blast-off, Sync-nauts
Avatar for Dan Rose danrose
0
120
What Is It You Do, Exactly?
Avatar for Dan Rose danrose
3
190
Photoshop's New Groove
Avatar for Dan Rose danrose
10
1.6k

Other Decks in Design

See All in Design
デザイナーとエンジニアで 同じ山に登ろう
Avatar for moco moco1013
0
190
爆速開発でAIプロダクトが40万インプレッションになった話
Avatar for つぶら tsubura
0
210
情報を翻訳する-伝わる可視化３原則とオープンデータ活用-
Avatar for Hajime Kato hjmkth
1
180
CULTURE DECK／Frontend Engineer
Avatar for M-HAND,Inc. mhand01
0
1.1k
コムデマネージャーがプロダクトデザインに挑戦した。むずかしくて楽しかった。
Avatar for payatsun payatsusan213
0
250
【pmconf2025】PdMの頭の中を見える化する体験構造図
Avatar for Shigeyuki Kameda kamechi7222222
1
2.1k
Shaolin_Showdown
Avatar for Sol Metts solmetts
0
360
Ralph Penel Portfolio
Avatar for ralphpenel ralphpenel
0
360
保育現場にAIを 〜人と技術に橋を架けるデザインで考えてきたこと〜 uiuxcamp2026-hoiku-ai-design
Avatar for Takahiro Yamaguchi hiro93n
1
140
生成AIの不確実性を価値に変える、「ビズリーチ」の体験設計 / KNOTS2026
Avatar for Visional Engineering ＆ Design visional_engineering_and_design
6
930
「余白」と「欲望」を味方につける ——AI時代のデザインエンジニアリングと「越境」の作法 #KNOTS2026
Avatar for koyaman koyaman
1
1.6k
「自分の仕事はどこまで？」と問い続けたら。デザイナーの「視座」を考える
Avatar for Takeru Mukai mukai_takeru
0
330

Featured

See All Featured
Balancing Empowerment & Direction
Avatar for Lara Hogan lara
5
960
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
Avatar for Rebecca Miller-Webster rmw
35
3.4k
How to Talk to Developers About Accessibility
Avatar for Jason CranfordTeague jct
2
160
Taking LLMs out of the black box: A practical guide to human-in-the-loop distillation
Avatar for Ines Montani inesmontani
PRO
3
2.1k
Gemini Prompt Engineering: Practical Techniques for Tangible AI Outcomes
Avatar for Mfonobong Umondia mfonobong
2
330
The State of eCommerce SEO: How to Win in Today's Products SERPs - #SEOweek
Avatar for Aleyda Solis aleyda
2
10k
<Decoding/> the Language of Devs - We Love SEO 2024
Avatar for Nikki Halliwell nikkihalliwell
1
160
CSS Pre-Processors: Stylus, Less & Sass
Avatar for Bermon Painter bermonpainter
360
30k
What Being in a Rock Band Can Teach Us About Real World SEO
Avatar for Ade Holder 427marketing
0
200
A Tale of Four Properties
Avatar for Chris Coyier chriscoyier
163
24k
The Web Performance Landscape in 2024 [PerfNow 2024]
Avatar for Tammy Everts tammyeverts
12
1.1k
Self-Hosted WebAssembly Runtime for Runtime-Neutral Checkpoint/Restore in Edge–Cloud Continuum
Avatar for Yuki Nakata chikuwait chikuwait
0
410

Transcript

  1. THE LOST ART OF Design Etique e

  2. Dan Rose UI DESIGNER SYRACUSE, NY @dblizzy

  3. SO, What’s Happening?

  4. None
  5. None
  6. None

  7. credit: brad frost

  8. None

  9. BUT, How Do We Work Together?

  10. Etique e Means Behaving Yourself A Li le Be er

    Than Absolutely Essential. W I L L C U P P Y

  11. THE INFAMOUS Photoshop Etique e Origin Story

  12. THE HANDOFF 2010 Creative Director UI Designer Front-End Developer

  13. FRUSTRATION #1 Messy Files

  14. FRUSTRATION #2 Messy Layers

  15. FRUSTRATION #3 Missing Images

  16. FRUSTRATION #4 Missing Fonts

  17. FRUSTRATION #5 Color Overlay Abuse

  18. FRUSTRATION #6 Unrealistic Drop Shadows

  19. FRUSTRATION #7 Not Proofread

  20. None

  21. INSTEAD, I Started Writing...

  22. 40 GUIDELINES Files Layers Images Type Effects QA Exporting Design

    Practices FOR INTERNAL USE ONLY / / / / /
  23. None
  24. None
  25. None
  26. None
  27. None
  28. None
  29. None
  30. None
  31. None
  32. None
  33. None
  34. None
  35. None
  36. None
  37. None
  38. None

  39. unsplash.com

  40. None
  41. None
  42. None
  43. None

  44. BUT I USE Fireworks (R.I.P) BUT I USE Sketch BUT

    I Design in Browser

  45. IT’S ALL ABOUT Clarity & Intention

  46. IS THERE Code Etique e?

  47. None
  48. None
  49. None

  50. ABOVE ALL ELSE, Write Your Own Code

  51. None

  52. OK, BUT WHY IS ETIQUETTE Important to Me?

  53. DESIGN Professionalism

  54. BE Organized 1

  55. BE Teachable 2

  56. FIX WHAT’S Broken 3

  57. BE Nice 4

  58. There’s No Reason That You Can’t Be Good and Be

    Nice Too. A R N O L D P A L M E R

  59. Every Pixel is an Opportunity to Make a Good Decision.

  60. THANKS! @dblizzy / @psetique e