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
240
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
130
Things I Wish I Knew About Being a Legit Web Designer
danrose
1
92
Clandestine Photoshop
danrose
3
450
Creating Upstate
danrose
1
100
Redeeming Image Editors for Mobile Web Design
danrose
2
300
Blast-off, Sync-nauts
danrose
0
95
What Is It You Do, Exactly?
danrose
3
170
The Lost Art of Design Etiquette
danrose
5
240
Photoshop's New Groove
danrose
10
1.5k
Other Decks in Design
See All in Design
東急URBAN HACKSのデザイナーって何やってるの? 〜Designer Night #1〜 組織横断のデザインの 取り組みについて
sig
1
250
デザイナー視点の体験設計とデザインレビューを事業部全員で体験するワークショップをしたお話
masayofff
3
230
利用者が離れないUX/UIデザイン 長く使われる業務アプリデザインのポイント
ncdc
4
310
ユーザーに向き合うデザインが介護・福祉の現場を変える / User-facing design changes the field of care and welfare
sms_tech
0
200
ABEMAの進化 – 複雑化したコンテンツ構造とUI改善への道 – / abema-ui-improve
cyberagentdevelopers
PRO
2
510
Where to Start with a Design System Across Different Frontend Frameworks | SpectrumTokyoMeetup#15
tararira
0
110
みんなに知って欲しい 視覚過敏のアクセシビリティ
0opacity_
5
1.7k
SaaSのマーケティングを進めるサービスサイトを育てる取り組み / Designship 2024 Main Stage
sms_tech
1
1.4k
デザインシステム構築の進め方 基本から実践まで、具体的な手順を徹底解説
ncdc
1
370
太田博三(@usagisan2020)
otanet
0
210
一人ひとりのポテンシャルを活かしたナレッジマネジメントとは?
atsushihomma
0
330
世界中のチームワークをどうデザインしているのか
ka3zu1ma10
0
270
Featured
See All Featured
Optimizing for Happiness
mojombo
376
70k
YesSQL, Process and Tooling at Scale
rocio
170
14k
Stop Working from a Prison Cell
hatefulcrawdad
267
20k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
3
180
Building an army of robots
kneath
302
45k
Reflections from 52 weeks, 52 projects
jeffersonlam
348
20k
Art, The Web, and Tiny UX
lynnandtonic
298
20k
Build The Right Thing And Hit Your Dates
maggiecrowley
33
2.5k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
192
16k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
30
2.1k
A Philosophy of Restraint
colly
203
16k
Keith and Marios Guide to Fast Websites
keithpitt
410
22k
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