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
Sponsored
·
Ship Features Fearlessly
Turn features on and off without deploys. Used by thousands of Ruby developers.
→
Dan Rose
November 05, 2013
Design
1
260
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
Tweet
Share
More Decks by Dan Rose
See All by Dan Rose
Dismantle Your Workflow and Live to Tell the Story
danrose
3
180
Things I Wish I Knew About Being a Legit Web Designer
danrose
1
110
Clandestine Photoshop
danrose
3
470
Creating Upstate
danrose
1
130
Redeeming Image Editors for Mobile Web Design
danrose
2
340
Blast-off, Sync-nauts
danrose
0
120
What Is It You Do, Exactly?
danrose
3
190
The Lost Art of Design Etiquette
danrose
5
270
Photoshop's New Groove
danrose
10
1.6k
Other Decks in Design
See All in Design
AI時代、デザイナーの価値はどこに?
tararira
0
780
組織の右腕として共創する ー デザインと経営の二つの視点から見えた、新しい支援のかたち/ Designship2025_Nishimura
root_recruit
0
310
Storyboard Exercise: Chase Sequence
lynteo
1
240
爆速開発でAIプロダクトが40万インプレッションになった話
tsubura
0
210
「見せる」登壇資料デザインの極意
takanorip
2
650
はじめての演奏会フライヤーデザイン
chorkaichan
1
240
Mandalyn_DT5001_FinalAssignment.pdf
lynteo
0
170
コムデマネージャーがプロダクトデザインに挑戦した。むずかしくて楽しかった。
payatsusan213
0
250
絵や写真から学ぶ、要素がもたらす副作用
kspace
0
230
社員の意識を高めたブランド浸透施策の裏側!
mixi_design
PRO
0
110
2026の目標「もっと定量的に事業、会社へ貢献する!」
yuri_ohashi
0
740
「余白」と「欲望」を味方につける ——AI時代のデザインエンジニアリングと「越境」の作法 #KNOTS2026
koyaman
1
1.6k
Featured
See All Featured
So, you think you're a good person
axbom
PRO
2
2k
The Impact of AI in SEO - AI Overviews June 2024 Edition
aleyda
5
770
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
128
55k
Data-driven link building: lessons from a $708K investment (BrightonSEO talk)
szymonslowik
1
980
Optimizing for Happiness
mojombo
378
71k
Done Done
chrislema
186
16k
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
659
61k
Rails Girls Zürich Keynote
gr2m
96
14k
AI in Enterprises - Java and Open Source to the Rescue
ivargrimstad
0
1.2k
Building Adaptive Systems
keathley
44
3k
Producing Creativity
orderedlist
PRO
348
40k
The Art of Programming - Codeland 2020
erikaheidi
57
14k
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