Print designers are always asking me “Why is it so hard to learn to make web pages?”
On the surface it seems easy: web pages seem to be printed pages delivered onscreen instead of on a printed page.
They’re not. Granted they look somewhat like printed pages when viewed on a computer display but that’s only on the surface.
When was the last time you sent a book to print where the first page was 11 inches high, the second was 23.5 inches high and the third page was an interactive form where someone could order a product and have it delivered instantly? The “page” metaphor breaks down fairly quickly when you start looking at the details.
One of the fundamental problems print designers have to grapple with is that there is a different set of design goals for the printed page vs the web page.
I would break down the design goals for the printed pages as follows:
1 – Effective Communication – via content and design of that content
2 - Layout the content in a manner that will render pixel perfect at a very specific set of dimensions.
3 - there is no step three
Compare that with our design goals for a web page:
1 - Effective communication – does the page answer the visitors problem
2 - Page is usable on all devices (any operating system, computer, phone, tv, other)
3 - Page is usable at all screen sizes (cell phone to 30 inch display)
4 – Page works in older browsers (and future browsers)
5 - Search engine friendly
6 - Downloads quickly
7 – Accessible for those with disabilities
8 - Text can be resized by user for readability
9 - Avoid frames or tables for layout (old techniques that interfere with the other design goals)
10 - No storyflow across multiple columns (don’t make the user scroll up and down)
11 – Page looks good in all modern browsers (Internet Explorer, Firefox, Safari, Opera)(and the ancient Internet Explorer 6)
Printed pages are pixel perfect and use a rigid design.
Web pages are multipurpose and require flexible design principles.
So, what’s a print designer to do?
Attend our Web Design For Print Designers Made Easy 1 day conference. You’ll have the web design process expained in print design terms – not coding jargon and you’ll see what exactly is required to make the transition to creating web pages as I create a web site starting from just a Photoshop layout.