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
340
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
160
Web Design Workflow
pdkaizer
6
260
Rapid CMS Enabled site development with Wordpress
pdkaizer
0
100
Other Decks in Design
See All in Design
ダークテーマとアクセシビリティ の融合したカラートークンの設計
degudegu2510
0
280
Crafting Blog covers: AI tools vs Human Illustrators. Who is the winner?
strongeron
0
130
採用広報大会議登壇スライド
teamlab
PRO
2
260
decksh object reference
ajstarks
2
910
MiKS inc. Company PR en_202404
zakkerooni
0
110
リリース1ヶ月後で機能をなくした話
hinofu
1
690
B/43プラスカードができるまで
putchomsmartbank
0
470
Product-Writing
aguringo
6
2.8k
実務のための マイクロ インタラクション入門
shingo2000
0
350
素晴らしき余白の世界
kasumidyaya
1
100
新しい資産運用サービスALTERNA(オルタナ)の伝え方の工夫
layerx
PRO
0
910
社内のコミュニケーション課題に対して個人的に行っているデザイン以外の草の根活動
sugiyama_sukedachi
0
140
Featured
See All Featured
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
352
28k
Stop Working from a Prison Cell
hatefulcrawdad
266
19k
RailsConf 2023
tenderlove
2
530
Into the Great Unknown - MozCon
thekraken
10
980
We Have a Design System, Now What?
morganepeng
42
6.7k
A Modern Web Designer's Workflow
chriscoyier
688
190k
Testing 201, or: Great Expectations
jmmastey
27
6.3k
A designer walks into a library…
pauljervisheath
199
23k
Optimising Largest Contentful Paint
csswizardry
7
2.3k
Clear Off the Table
cherdarchuk
83
310k
Designing the Hi-DPI Web
ddemaree
276
33k
How to train your dragon (web standard)
notwaldorf
72
5.1k
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