Obligatory Introduction
Justine Arreche
I WORK I TWEET I SPEAK
@THE ELEFANTA AIGA DW
Slide 3
Slide 3 text
LET’S GET RIGHT DOWN
TO IT, SHALL WE?
Slide 4
Slide 4 text
LET’S GET RIGHT DOWN
TO IT, SHALL WE?
You can’t just say
without any kind of knowledge...
Slide 5
Slide 5 text
True, there are
some similarities.
But there are some
differences that are
good to know to start.
Slide 6
Slide 6 text
It’s the differences make the difference.
Slide 7
Slide 7 text
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.
Slide 8
Slide 8 text
No content
Slide 9
Slide 9 text
No content
Slide 10
Slide 10 text
TEACH YOURSELF
SOME BASIC CODE
LANGUAGES:
HTML
CSS
Javascript
Slide 11
Slide 11 text
The better you understand
the way the web is built
the better you’ll be able to
design for it.
Slide 12
Slide 12 text
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
Slide 13
Slide 13 text
Grids still work
the same way!
Keep using them.
They will help you develop
and keep your content
clear for the viewer.
Slide 14
Slide 14 text
Grids still work
the same way!
Keep using them.
They will help you develop
and keep your content
clear for the viewer.
Slide 15
Slide 15 text
Let go of being pixel perfect.
Slide 16
Slide 16 text
Browsers render code differently.
Most likely your designs will
look “off” on at least one browser
(I’m lookin’ at you IE...)
Slide 17
Slide 17 text
REMEMBER YOUR
PRINT BACKGROUND.
Integrate the design theories you learned
for print into the web.
Slide 18
Slide 18 text
Think of all the ways you make a print piece
interesting and try to apply them.
Patterns
Transparencies
Typopgraphy
Javascript effects
Slide 19
Slide 19 text
With all that being said,
DON’T BE AFRAID
TO GET CREATIVE!
Test the boundries of what
you’re comfortable developing.
Slide 20
Slide 20 text
HIT A SISTA’ UP
I WORK I TWEET I SPEAK
@THE ELEFANTA AIGA DW