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
Design System for training program
mct
0
130
デザインの専門性を活かしたナレッジマネジメント活動の実践と研究
chiemitaki
0
440
効果的な管理画面を デザインをするために 避けるべき5つの罠
takanorip
13
5.8k
Lightning Talk: Beautiful Slides for Beginners
inesmontani
PRO
1
130
Первая беседа о Карте реализации историй
ashapiro
0
270
Fleet Gas Station
joshtang
0
130
Charcoal 2.0: デザインシステムの基盤を再構築
godlingkogami
1
330
デザインレビューをできていなかったコムデチームが、 自分たちが続けられるレビューの仕組みをつくった話
tanasho
0
870
Test Revisionista
olgastoryboard
0
110
Bridging the Design Gap: How Collaborative Modelling removes blockers to flow between stakeholders and teams @FastFlow conf
baasie
0
150
急成長中のWINTICKETにおける ちいさくはじめるライティング改善 / winticket-writing
cyberagentdevelopers
PRO
1
110
PMとデザイナーはニコイチ! メリットと具体的なアクション10選
mosmos_noki
1
1.1k
Featured
See All Featured
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
43
6.6k
Rails Girls Zürich Keynote
gr2m
93
13k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
47
5k
Fireside Chat
paigeccino
32
3k
Documentation Writing (for coders)
carmenintech
65
4.4k
5 minutes of I Can Smell Your CMS
philhawksworth
202
19k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
664
120k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
126
18k
The Pragmatic Product Professional
lauravandoore
31
6.3k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
504
140k
Product Roadmaps are Hard
iamctodd
PRO
48
10k
Ruby is Unlike a Banana
tanoku
96
11k
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