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
240
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
170
Ruby Conf Argentina - Put Away The Knives: We Can Work Together!
ctrlaltjustine
0
130
Eurucamp - Put Away the Knives: We Can Work Together
ctrlaltjustine
1
440
CCAD College Preview Talk
ctrlaltjustine
2
180
I Am Designer (and so can you!)
ctrlaltjustine
6
290
Ruby Conf Uruguay - I Am Designer (and so can you!)
ctrlaltjustine
11
510
CodeMash 13 - I am Designer and so can you!
ctrlaltjustine
5
280
ScotRubyConf 2012 - I am Designer (and so can you!)
ctrlaltjustine
13
730
QCMerge 2012 - I am Designer (and so can you!)
ctrlaltjustine
9
340
Other Decks in Design
See All in Design
「キャリア」のプロダクトをつくる私の「キャリア」への向き合い方 / JAM de NIGHT DESIGN SESSION Vol3
visional_engineering_and_design
1
970
自分たちがターゲットになりにくい業務アプリケーションのユーザビリティを担保する取り組み / Initiatives to ensure the usability of business applications that are difficult for us to target
hiromitsuuuuu
1
1.2k
ドルちゃん
design_dolphins
0
530
Liquid GlassとApp Intents
touyou
0
660
見栄えと使いやすさの先にある 特別感 をデザインする / Designing a Sense of Specialness Beyond Aesthetics and Usability
bitkey
PRO
0
230
デザインエンジニアの延長にデザインマネージャーとしての可能性を探る
takanorip
0
860
不確実性の時代にみんなで試したFigma × MCP × Cursor ハンズオン
techtekt
PRO
7
1.6k
【MIXI MEETUP!ー TECH & DESIGN DAYー】新たなSNS「mixi2」の “0→1”開発の舞台裏:デザイナーが語るプロダクト誕生秘話
mixi_design
PRO
0
190
チームをデザイン対象にする / Design for your team
kaminashi
0
320
はじめての演奏会フライヤーデザイン
chorkaichan
1
210
DMMデザイナーの “AI活用の現在と未来”
takumasaito
1
360
Goodpatch Tour💙 / We are hiring!
goodpatch
31
1M
Featured
See All Featured
Darren the Foodie - Storyboard
khoart
PRO
2
2.1k
Agile Actions for Facilitating Distributed Teams - ADO2019
mkilby
0
100
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
141
34k
Crafting Experiences
bethany
0
29
It's Worth the Effort
3n
188
29k
The Invisible Side of Design
smashingmag
302
51k
Lessons Learnt from Crawling 1000+ Websites
charlesmeaden
PRO
0
1k
Breaking role norms: Why Content Design is so much more than writing copy - Taylor Woolridge
uxyall
0
130
No one is an island. Learnings from fostering a developers community.
thoeni
21
3.6k
Evolving SEO for Evolving Search Engines
ryanjones
0
98
The Spectacular Lies of Maps
axbom
PRO
1
430
Music & Morning Musume
bryan
46
7k
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