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
150
Things I Wish I Knew About Being a Legit Web Designer
Avatar for Dan Rose danrose
1
110
Clandestine Photoshop
Avatar for Dan Rose danrose
3
460
Creating Upstate
Avatar for Dan Rose danrose
1
120
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
320
Blast-off, Sync-nauts
Avatar for Dan Rose danrose
0
100
What Is It You Do, Exactly?
Avatar for Dan Rose danrose
3
180
Photoshop's New Groove
Avatar for Dan Rose danrose
10
1.6k

Other Decks in Design

See All in Design
保育AIプロダクトの UXデザインで考えてきたこと / hoiku-ai-ux-design
Avatar for Takahiro Yamaguchi hiro93n
0
130
Them Middle School Kids Pitch
Avatar for Steven Vargas stevie_vee
0
130
Marpで推しCSSスライドを作ろう！ / marp-with-favorite-css
Avatar for ふじえもん fujiemon
0
560
オルタナUX | AIで高速化するのもいいけど品質も大事なんじゃない？というお話
Avatar for なつ iflection
6
2k
Saudade typeface
Avatar for Tiago Porto tiagoporto
0
350
真・altはつけるだけじゃなくて -alt属性の考察 2025年版-
Avatar for Yu Morita securecat
5
1.7k
デザインから開発まで一貫したデザインシステムを構築するベストプラクティス / Best Practices for Building a Consistent Design System from Design to Development
Avatar for LINEヤフーTech (LY Corporation Tech) lycorptech_jp
PRO
0
500
数理的アプローチで挑むスマホUIのデザイン改善：タップ成功率推定ツール「Tappy」の社内活用事例 / Improving Smartphone UI Design with a Mathematical Approach: In-house Use Case of the Tap Success Rate Estimation Tool "Tappy"
Avatar for LINEヤフーTech (LY Corporation Tech) lycorptech_jp
PRO
0
790
sachi_y_portfolio
Avatar for Sachi sachi337
0
510
Hatena Engineer Seminar #33 チームと開発するためのモック
Avatar for takuwolog takuwolog
0
420
デフォルトの16:9（960*540px）のケース / Google Slide Size Test
Avatar for Arthur arthur1
0
3.3k
CMS管理画面のアクセシビリティ
Avatar for Rikiya Ihara / magi magi1125
8
2.5k

Featured

See All Featured
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
Avatar for Joe Casabona jcasabona
33
2.4k
Unsuck your backbone
Avatar for Amy Palamountain ammeep
671
58k
jQuery: Nuts, Bolts and Bling
Avatar for Doug Neiner dougneiner
64
7.9k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
Avatar for Rebecca Miller-Webster rmw
34
3.1k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
Avatar for Marc Duiker marcduiker
31
2.2k
ピンチをチャンスに：未来をつくるプロダクトロードマップ #pmconf2020
Avatar for Aki / @LoveIdahoBurger aki_iinuma
126
53k
Fashionably flexible responsive web design (full day workshop)
Avatar for Andy Clarke malarkey
407
66k
StorybookのUI Testing Handbookを読んだ
Avatar for Shingo Yamazaki zakiyama
30
6.1k
What’s in a name? Adding method to the madness
Avatar for Product Marketing Alliance productmarketing
PRO
23
3.6k
Measuring & Analyzing Core Web Vitals
Avatar for Philip Tellis bluesmoon
9
580
The Language of Interfaces
Avatar for Des Traynor destraynor
160
25k
Fantastic passwords and where to find them - at NoRuKo
Avatar for Phil Nash philnash
52
3.4k

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