Slide 1

Slide 1 text

TRANSITIONING FROM PRINT TO WEB

Slide 2

Slide 2 text

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