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
1
250
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
150
Things I Wish I Knew About Being a Legit Web Designer
danrose
1
110
Clandestine Photoshop
danrose
3
460
Creating Upstate
danrose
1
120
Redeeming Image Editors for Mobile Web Design
danrose
2
330
Blast-off, Sync-nauts
danrose
0
100
What Is It You Do, Exactly?
danrose
3
180
The Lost Art of Design Etiquette
danrose
5
250
Photoshop's New Groove
danrose
10
1.6k
Other Decks in Design
See All in Design
数理的アプローチで挑むスマホUIのデザイン改善:タップ成功率推定ツール「Tappy」の社内活用事例 / Improving Smartphone UI Design with a Mathematical Approach: In-house Use Case of the Tap Success Rate Estimation Tool "Tappy"
lycorptech_jp
PRO
0
840
What makes a great Director?
_limex_
0
260
Marpで推しCSSスライドを作ろう! / marp-with-favorite-css
fujiemon
0
630
読書シェア会 vol.5 / Yumemi.grow 20250526
rakus_dev
0
1.8k
Light My Fire/ハートに火をつけるコミュニティ
kgsi
1
160
そのUIコンポーネント、これから先も使えますか?―Headless UI,Open UI,グローバルデザインシステム
sakito
2
1.9k
デザインの意思決定を加速するワークショップ設計 / Workshop design to accelerate design decision-making
lycorptech_jp
PRO
0
490
Yumika Yamada Portfolio
yumii
0
1.7k
ブランドパーソナリティ言語化における生成AI活用の実際
h0sa
0
300
【MIXI MEETUP!ー TECH & DESIGN DAYー】新たなSNS「mixi2」の “0→1”開発の舞台裏:デザイナーが語るプロダクト誕生秘話
mixi_design
PRO
0
140
8_8_リサーチカンファレンスプレイベント.pdf
muture
PRO
2
400
地理院地図をもっと楽しく!れきちず新機能のご紹介
hjmkth
1
160
Featured
See All Featured
StorybookのUI Testing Handbookを読んだ
zakiyama
31
6.2k
Building Flexible Design Systems
yeseniaperezcruz
329
39k
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
PRO
23
1.5k
[RailsConf 2023] Rails as a piece of cake
palkan
57
5.9k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
252
21k
Building an army of robots
kneath
306
46k
The Cult of Friendly URLs
andyhume
79
6.6k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
49
3.1k
The Cost Of JavaScript in 2023
addyosmani
53
9k
Music & Morning Musume
bryan
46
6.8k
Principles of Awesome APIs and How to Build Them.
keavy
127
17k
A designer walks into a library…
pauljervisheath
209
24k
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