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
Design Deliverables
Search
Peter Kaizer
January 03, 2015
Design
1
410
Design Deliverables
Alternatives to Multi-Layered Photoshop Comps in a Responsive World
Peter Kaizer
January 03, 2015
Tweet
Share
More Decks by Peter Kaizer
See All by Peter Kaizer
Rapid Wireframing with front-end frameworks
pdkaizer
1
170
Web Design Workflow
pdkaizer
6
270
Rapid CMS Enabled site development with Wordpress
pdkaizer
0
110
Other Decks in Design
See All in Design
藤本佳子・ポートフォリオ・2025/01
yoshi_designer
0
3.3k
Masked shaman-Storyboard 2025
ashley0521
0
160
太田博三(@usagisan2020)
otanet
0
220
シームレスな連携を実現するデザイントークンの設計と構築
amishiratori
0
490
ENEOS社事例|アプリ事業を加速させるデザイナーの取り組み / dx-eneos-design
cyberagentdevelopers
PRO
1
820
Goodpatch Tour💙 / We are hiring!
goodpatch
31
790k
入社3ヶ月目のプロダクトデザイナー視点で見たヤプリ / Joining Yappli as a Product Designer: My Perspective After 90 Days
yappli_developers
0
120
界隈からの逃走–デザイン初め新年会2025
sekiguchiy
3
980
デザイナーのお仕事(UI/UX GRAPHIC GROUP)
mirrativ
0
110
HCDフォーラム2024 「HCDとHAI ~人間とAIが共存する世界の実現~」
kamechi7222222
0
280
世界中のチームワークをどうデザインしているのか
ka3zu1ma10
0
280
ゲーム開発における、Figma活用事例の紹介 / applibot-figma
cyberagentdevelopers
PRO
2
620
Featured
See All Featured
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
129
19k
The Straight Up "How To Draw Better" Workshop
denniskardys
232
140k
Fantastic passwords and where to find them - at NoRuKo
philnash
51
3k
Bash Introduction
62gerente
610
210k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
226
22k
Designing for Performance
lara
604
68k
The Pragmatic Product Professional
lauravandoore
32
6.4k
4 Signs Your Business is Dying
shpigford
182
22k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
114
50k
Automating Front-end Workflow
addyosmani
1367
200k
Fashionably flexible responsive web design (full day workshop)
malarkey
406
66k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
251
21k
Transcript
Design Deliverables Alternatives to Multi-Layered Photoshop Comps in a Responsive
World
Design Deliverables? Our best thinking and our design process +
What we need to communicate about our design solution to our clients
What do we need communicate in our design deliverables •
Color palette • Typography • Iconography • Tone • Concept • UI Elements • Interactions
None
Why we need to rethink our design deliverables in this
responsive era
A multi layered Photoshop comp is like a painting hanging
on a wall Our designs usually are not hung on a wall
Some alternative approaches
http://styletil.es/
Element collage
Pattern library
Pattern lab
Typecast
Rapid prototyping • Code • Frameworks: • Bootstrap • Foundation
• Neat • Curated library • Rock Hammer • Applications • Hammer • Mixture • Visual • Adobe Re-Flow • Macaw
–Dan Mall “Replace ‘sign off’ with ‘go on’.”
Resources • Style Tiles - http://styletil.es/ • Element collage -
http://danielmall.com/articles/rif-element- collages/ • Pattern libraries - http://ux.mailchimp.com/patterns • Typecast - http://typecast.com/
Thank you! peterkaizer.com @pdkaizer