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

The Lost Art of Design Etiquette

Avatar for Dan Rose Dan Rose
July 03, 2013
Design
5
250

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
140
Things I Wish I Knew About Being a Legit Web Designer
Avatar for Dan Rose danrose
1
97
Clandestine Photoshop
Avatar for Dan Rose danrose
3
460
Creating Upstate
Avatar for Dan Rose danrose
1
110
Photoshop's New Groove - Artifact East
Avatar for Dan Rose danrose
1
250
Redeeming Image Editors for Mobile Web Design
Avatar for Dan Rose danrose
2
310
Blast-off, Sync-nauts
Avatar for Dan Rose danrose
0
100
What Is It You Do, Exactly?
Avatar for Dan Rose danrose
3
170
Photoshop's New Groove
Avatar for Dan Rose danrose
10
1.6k

Other Decks in Design

See All in Design
Goodpatch Tour💙 / We are hiring!
Avatar for Goodpatch Inc. goodpatch
31
840k
Crisp Code inc. ブランドガイドライン
Avatar for So Kotani / Crisp Code inc. CEO so_kotani
1
180
Flow, Not Stock 知識触媒としてのIA
Avatar for Takehisa Gokaichi 5kaichi
1
270
私とデザインの10年
Avatar for なつ iflection
0
120
マズロー安達の弟子2期生、成功事例集（17人中17人が3ヶ月平均140万受注）
Avatar for マズロー安達 maslow_akkun
0
4.8k
マンガで分かるサービスデザインガイドライン
Avatar for デジタルサービス局戦略部 senryakuka
1
860
Les petites aventures de CSS, saison 2025
Avatar for Raphael Goetter goetter
3
4k
実践ゼロから作らないデザインシステム SaaS × デザインシステム × プロダクトデザイン / Efficient Design System for SaaS—no need to start from scratch.
Avatar for 株式会社カミナシ kaminashi
2
1.6k
NAHO SHIMONO_Portfolio2025
Avatar for Naho nahohphp
0
660
OLTA株式会社/デザイン紹介資料
Avatar for OLTA株式会社 taxy
0
290
真・altはつけるだけじゃなくて -alt属性の考察 2025年版-
Avatar for Yu Morita securecat
5
1.4k
エンジニアでも捗る デザイナー的思考入門
Avatar for Tsubasa SEKIGUCHI tinykitten
PRO
1
920

Featured

See All Featured
Art, The Web, and Tiny UX
Avatar for Lynn Fisher lynnandtonic
298
21k
The Power of CSS Pseudo Elements
Avatar for Geoffrey Crofte geoffreycrofte
76
5.8k
A Modern Web Designer's Workflow
Avatar for Chris Coyier chriscoyier
693
190k
A designer walks into a library…
Avatar for Paul Jervis Heath pauljervisheath
205
24k
XXLCSS - How to scale CSS and keep your sanity
Avatar for Zaharenia Atzitzikaki sugarenia
248
1.3M
Designing Dashboards & Data Visualisations in Web Apps
Avatar for Des Traynor destraynor
231
53k
Improving Core Web Vitals using Speculation Rules API
Avatar for Sergey Chernyshev sergeychernyshev
15
890
Rebuilding a faster, lazier Slack
Avatar for samanthasiow samanthasiow
81
9k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
Avatar for Sam Stephenson sstephenson
160
15k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
Avatar for Morgane Peng morganepeng
129
19k
Adopting Sorbet at Scale
Avatar for Ufuk Kayserilioglu ufuk
76
9.4k
GraphQLとの向き合い方2022年版
Avatar for Yosuke Kurami quramy
46
14k

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