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
Transitioning from Print to Web
Search
Justine
September 13, 2012
Design
1
220
Transitioning from Print to Web
AIGA Cincy Design Week presentation.
Justine
September 13, 2012
Tweet
Share
More Decks by Justine
See All by Justine
I am Designer (and so can you!) -- Ruby User Group Berlin
ctrlaltjustine
1
150
Ruby Conf Argentina - Put Away The Knives: We Can Work Together!
ctrlaltjustine
0
120
Eurucamp - Put Away the Knives: We Can Work Together
ctrlaltjustine
1
430
CCAD College Preview Talk
ctrlaltjustine
2
160
I Am Designer (and so can you!)
ctrlaltjustine
6
280
Ruby Conf Uruguay - I Am Designer (and so can you!)
ctrlaltjustine
11
440
CodeMash 13 - I am Designer and so can you!
ctrlaltjustine
5
270
ScotRubyConf 2012 - I am Designer (and so can you!)
ctrlaltjustine
13
710
QCMerge 2012 - I am Designer (and so can you!)
ctrlaltjustine
9
330
Other Decks in Design
See All in Design
Kim Possible - Crush
olgastoryboard
0
130
Design System for training program
mct
0
130
太田博三(@usagisan2020)
otanet
0
180
Haruki_Konaka_Portforio.pdf
haruki556
0
550
202409_会社概要資料_Englishver.pdf
zakkerooni
0
200
デザインの専門性を活かしたナレッジマネジメント活動の実践と研究
chiemitaki
0
440
プロダクトデザイナー視点から見た チームでの意思決定の難しさと 重要ポイント3点
kei141
0
300
🇫🇷 Design Leadership en eaux troubles
morganepeng
2
440
1年目のクリエイターがつくりあげた!採用冊子CANVAS制作の裏側 / creator-canvas
cyberagentdevelopers
PRO
1
140
デザイナー視点の体験設計とデザインレビューを事業部全員で体験するワークショップをしたお話
masayofff
2
200
地図・デザイン・可視化 −情報をわかりやすく伝えるために−
hjmkth
1
460
PMとデザイナーはニコイチ! メリットと具体的なアクション10選
mosmos_noki
1
1.1k
Featured
See All Featured
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
14
1.9k
Designing the Hi-DPI Web
ddemaree
280
34k
Gamification - CAS2011
davidbonilla
80
5k
Why Our Code Smells
bkeepers
PRO
334
57k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
126
18k
VelocityConf: Rendering Performance Case Studies
addyosmani
325
24k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
355
29k
Fantastic passwords and where to find them - at NoRuKo
philnash
50
2.8k
The Illustrated Children's Guide to Kubernetes
chrisshort
48
48k
Art, The Web, and Tiny UX
lynnandtonic
296
20k
Writing Fast Ruby
sferik
626
61k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
664
120k
Transcript
TRANSITIONING FROM PRINT TO WEB
Obligatory Introduction Justine Arreche I WORK I TWEET I SPEAK
@THE ELEFANTA AIGA DW
LET’S GET RIGHT DOWN TO IT, SHALL WE?
LET’S GET RIGHT DOWN TO IT, SHALL WE? You can’t
just say without any kind of knowledge...
True, there are some similarities. But there are some differences
that are good to know to start.
It’s the differences make the difference.
START OFF BY TAKING A LOOK AT THE WAY THE
WEB WORKS. Too often when print designers transition to web they try to reinvent the wheel.
None
None
TEACH YOURSELF SOME BASIC CODE LANGUAGES: HTML CSS Javascript
The better you understand the way the web is built
the better you’ll be able to design for it.
Look up some user groups in your area and join
them. There will be plenty of people to help you learn the tricks of the trade. GOOGLEZ Columbus Ruby Brigade
Grids still work the same way! Keep using them. They
will help you develop and keep your content clear for the viewer.
Grids still work the same way! Keep using them. They
will help you develop and keep your content clear for the viewer.
Let go of being pixel perfect.
Browsers render code differently. Most likely your designs will look
“off” on at least one browser (I’m lookin’ at you IE...)
REMEMBER YOUR PRINT BACKGROUND. Integrate the design theories you learned
for print into the web.
Think of all the ways you make a print piece
interesting and try to apply them. Patterns Transparencies Typopgraphy Javascript effects
With all that being said, DON’T BE AFRAID TO GET
CREATIVE! Test the boundries of what you’re comfortable developing.
HIT A SISTA’ UP I WORK I TWEET I SPEAK
@THE ELEFANTA AIGA DW