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
450
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
AIネイティブな時代におけるUXデザインの在り方とは
kuni29
0
710
東急URBAN HACKSのデザイナーって何やってるの? 〜Designer Night #1〜 組織横断のデザインの 取り組みについて
sig
1
200
2024/11/25 ReDesigner Online Meetup 会社紹介
cybozuinsideout
PRO
0
270
東急URBAN HACKSのデザイナーって何やってるの? 〜Designer Night #1〜 移動・不動産領域の取り組み
tmtgtkhs
0
160
トップデザインチームが描く、 2030年に活躍するデザイナー
hiranotomoki
2
2.6k
LayerX DesignersDeck
layerx
PRO
0
910
1年目のクリエイターがつくりあげた!採用冊子CANVAS制作の裏側 / creator-canvas
cyberagentdevelopers
PRO
1
370
Arborea Art Book
thebogheart
1
310
【Designship 2024|10.13】デザイン組織を進化させるための仕組み化の要諦
payatsusan213
1
680
デザインシステム構築の進め方 基本から実践まで、具体的な手順を徹底解説
ncdc
1
270
241214_StackNagoya_プレイングマネージャーのプレイングの時間の使い方
kiyoshifuwa
0
150
ABEMAの進化 – 複雑化したコンテンツ構造とUI改善への道 – / abema-ui-improve
cyberagentdevelopers
PRO
2
470
Featured
See All Featured
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
29
2k
Documentation Writing (for coders)
carmenintech
66
4.5k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
365
25k
We Have a Design System, Now What?
morganepeng
51
7.3k
Speed Design
sergeychernyshev
25
670
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
45
2.2k
Mobile First: as difficult as doing things right
swwweet
222
9k
Imperfection Machines: The Place of Print at Facebook
scottboms
266
13k
GraphQLとの向き合い方2022年版
quramy
44
13k
Build The Right Thing And Hit Your Dates
maggiecrowley
33
2.4k
Fashionably flexible responsive web design (full day workshop)
malarkey
405
66k
What's in a price? How to price your products and services
michaelherold
243
12k
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