Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Photoshop's New Groove - Artifact East
Search
Dan Rose
November 05, 2013
Design
290
1
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
Photoshop's New Groove - Artifact East
a.k.a. "They Told Me I Couldn't Use Photoshop Anymore Is That True y/n kthx!"
Dan Rose
November 05, 2013
More Decks by Dan Rose
See All by Dan Rose
Dismantle Your Workflow and Live to Tell the Story
danrose
3
200
Things I Wish I Knew About Being a Legit Web Designer
danrose
1
120
Clandestine Photoshop
danrose
3
480
Creating Upstate
danrose
1
150
Redeeming Image Editors for Mobile Web Design
danrose
2
360
Blast-off, Sync-nauts
danrose
0
130
What Is It You Do, Exactly?
danrose
3
230
The Lost Art of Design Etiquette
danrose
5
290
Photoshop's New Groove
danrose
10
1.6k
Other Decks in Design
See All in Design
染み出し好きの、 染み出しコントロール論
mukai_takeru
0
450
開閉UIのアニメーション設計
hiro0218
2
1k
設計の進め方と 品質特性品質特性
harakeishi
0
1.3k
図面資産×AI 眠れる資産を起こす挑戦
aonomasahiro
0
230
Edmonton River Slidedeck
edmontonriver
0
270
再設計される業務 - AIにより再設計される "デザインワークフロー" / AI Ops Lab #2 Redesigned orkflows
kgsi
0
910
1000人規模の組織でデザインハーネスを導入するための第一歩
pkshadeck
PRO
5
3.8k
【CEDEC2026】『Shadowverse: Worlds Beyond』続編開発におけるUIデザイン・アニメーション演出の「超進化」 ~継承と挑戦を両立するデザイン手法~
cygames
PRO
3
5.1k
富山デザイン勉強会_プレゼンテーション.pdf
keita_yoshikawa
0
140
少人数チームで_使われるプロダクトにたどり着くための_デザインハーネス.pdf
nishame
1
1.4k
(2026 FlowCon Keynote) Sociotechnical Architecture Finding Flow
xinyao
0
120
【CEDEC2026】アートとゲームデザインをつなぐVFX設計『GRANBLUE FANTASY: Relink - Endless Ragnarok』における表現と可読性の両立
cygames
PRO
1
1.3k
Featured
See All Featured
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
141
35k
Making Projects Easy
brettharned
120
6.7k
Making the Leap to Tech Lead
cromwellryan
135
10k
The AI Revolution Will Not Be Monopolized: How open-source beats economies of scale, even for LLMs
inesmontani
PRO
3
3.7k
Code Review Best Practice
trishagee
74
20k
Navigating the Design Leadership Dip - Product Design Week Design Leaders+ Conference 2024
apolaine
2
410
Being A Developer After 40
akosma
91
590k
The SEO identity crisis: Don't let AI make you average
varn
0
550
The Power of CSS Pseudo Elements
geoffreycrofte
82
6.5k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
49
3.5k
How to Think Like a Performance Engineer
csswizardry
28
2.8k
エンジニアに許された特別な時間の終わり
watany
108
250k
Transcript
Photoshop’s New Groove DAN ROSE / ARTIFACT CONFERENCE 2013
@dblizzy
You
P@#$%^&$!
RWD
Megaman
Hi. I’m Dan and I use Photoshop.
Hi Dan.
Source:
None
None
Pardon the Interruption This presentation is brought to you by
KEYNOTE 6 THE NEW HOTNESS
None
None
None
None
None
None
Source:
None
PHOTOSHOPETIQUETTE.COM
Source:
The fault doesn’t always lay in the Photoshop comp itself,
but the conversations around them.
Here’s what your site will look like on a desktop…
cmd+n W I D T H : 960 OK! P
I X E L S
None
Source:
None
Here’s what your site will look like on a tablet…
cmd+n W I D T H : 768 OK! P
I X E L S
Source:
None
Here’s what your site will look like on a phone…
cmd+n W I D T H : 320 OK! P
I X E L S
Source:
Source:
Source:
Source: Source:
Source:
Source:
None
Full-page Photoshop comps can be detail-laden, assumption-filled deliverables.
All along, we’ve just been making pictures of
websites
I should stop using Photoshop.
I should stop using Photoshop the way I used to.
I should stop using Photoshop to communicate “design”.
None
None
None
None
None
None
None
None
None
“I’ve tried, goodness knows I’ve tried, but my designs end
up suffering, looking boxy, bland and uninspiring.” SARAH PARMENTER
None
None
None
“I feel like responsive design has sucked the soul out
of website design. Everything is boxes and grids. Where has the creativity gone?” NOAH STOKES
None
Soulful designs in Photoshop OR Usable designs in the browser
None
“Design with the browser, but not in the browser.” PAUL
LLOYD
Source:
None
None
None
None
None
None
None
None
None
None
T H E M E G A M A N
P R I N C I P L E Use the right tool, at the right time, for the right purpose
“When you’re struggling against your tools, you’re not being expressive.”
DAN MALL
None
Solve Photoshop problems in Photoshop. Solve browser problems in the
browser.
what should i use? TYPOGRAPHY COLOR INTERACTIVITY LAYOUT
None
None
Totes Not ‘Shopped
The environment for implementing design needn't be the one for
vetting creativity.
None
Interactive Wireframe/Lo-Fi Prototype w/ Foundation
Headline Iteration 1 : about 2 minutes
Headline Iteration 2 : about 5 minutes
Headline Iteration 1 Headline Iteration 3 : under 1 minute
Headline Iteration 1 Headline Iteration 4 : about 4 minutes
Final-ish
None
None
None
GUIDEGUIDE.ME
None
None
WEBZAP.UIPARADE.COM
PIXELDROPR.UIPARADE.COM
JASONFORAL.COM/COMPOSER
FRAMERJS.COM
GETCOMPOSITE.COM
STANDIN.IO
BJANGO.COM/ARTICLES/ACTIONS
BLOG.KAM88.COM
PHOTOSHOPSECRETS.TUMBLR.COM
Use this today. I kid you not.
MAGIC
ADOBE EDGE REFLOW
WEBFLOW
MACAW
“We're not trying to replace Photoshop... Macaw works best alongside
Photoshop and Illustrator to help designers get their assets into an interactive medium.” T O M G I A N N A T T A S I O , T H E M A C A W D U D E
None
“Why didn’t you mention (Illustrator, Fireworks, InDesign, Sketch, Spotify, Apple
Maps, PowerPoint, Excel)? It’s way better for web design. E V E R Y E V E N N U M B E R E D C O M M E N T O N E V E R Y A R T I C L E I ’ V E E V E R W R I T T E N #yolo
Photoshop sucks. E V E R Y O D D
N U M B E R E D C O M M E N T O N E V E R Y A R T I C L E I ’ V E E V E R W R I T T E N #micdrop
None
Whatever works at the time.
None