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
260

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
110
Clandestine Photoshop
Avatar for Dan Rose danrose
3
470
Creating Upstate
Avatar for Dan Rose danrose
1
130
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
Franks Myth
Avatar for George Frank Hayford-Taylor gfht1
2
440
Figma MCPを活用するためのデザインハンドブック
Avatar for viviON Design vivion
3
9.6k
Drawing for Animation
Avatar for Mandalyn Teo lynteo
2
210
「自分の仕事はどこまで？」と問い続けたら。デザイナーの「視座」を考える
Avatar for Takeru Mukai mukai_takeru
0
310
次世代のクリエイティブ体験！Photoshopの最新機能で新しい未来を切り開こう
Avatar for コネクリ connecre
0
110
Correspondence：共に生成していく過程
Avatar for Akira Motomura akiramotomura
0
200
From the Visible Crossroads: Turning Outputs into Outcomes
Avatar for takai_kanako takaikanako
2
1.2k
kintone_aroma
Avatar for kintone kintone
0
1.6k
AIネイティブスタートアップにおけるプロダクト開発の新常識 / Product Development Tips in AI-Native Startups
Avatar for Jumpei Sakatsu saka2jp
2
1k
【サイバーエージェント】Creative Switch 会社説明資料
Avatar for 【CyberAgent】クリエイター新卒採用 cyberagent_creators
0
5.3k
Ralph Penel Portfolio
Avatar for ralphpenel ralphpenel
0
320
インハウスデザイン組織で挑む自社ブランディング
Avatar for MIXI DESIGN mixi_design
PRO
0
110

Featured

See All Featured
Building Better People: How to give real-time feedback that sticks.
Avatar for Will Jessup wjessup
370
20k
KATA
Avatar for Megan Lloyd mclloyd
PRO
35
15k
Test your architecture with Archunit
Avatar for Yoan thirion
1
2.2k
Faster Mobile Websites
Avatar for Dean Hume deanohume
310
31k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
Avatar for mongodb mongodb
49
9.9k
Tips & Tricks on How to Get Your First Job In Tech
Avatar for Honza Javorek honzajavorek
0
450
Visualization
Avatar for Eitan Lees eitanlees
150
17k
Statistics for Hackers
Avatar for Jake VanderPlas jakevdp
799
230k
SEO Brein meetup: CTRL+C is not how to scale international SEO
Avatar for Linda Hogenes lindahogenes
0
2.4k
Optimising Largest Contentful Paint
Avatar for Harry Roberts csswizardry
37
3.6k
世界の人気アプリ100個を分析して見えたペイウォール設計の心得
Avatar for Akihiro Kokubo akihiro_kokubo
PRO
67
37k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
Avatar for Joe Casabona jcasabona
34
2.6k

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