Web design is not print design
Designing for the web is a different experience than designing for print media. With print you are designing a tactile object that is measured in inches (or centimeters) and printed in pantone colors on a surface of your choosing. With web design you are designing an interactive experience based on pixels, screen resolution, internet speed, and the browser. The designer has more control over the appearance of a print piece than a website. The print designer is only limited by what the client can afford and what would be appropriate. As much as we would like to, we can't choose your screen resolution, internet connection, and browser for you.
What browser you use makes a difference.
A Little Web History - The Browser Wars
Tim Berners-Lee invented the World Wide Web and the first browser, which
he named Nexus. Soon there was competition and Mosaic became dominate due
to its ability to display images inline with text. One of the guys who worked
on Mosaic founded Netscape which put out the Netscape Navigator.
Microsoft's Internet Explorer entered the picture and the war for dominating
the browser market was on. Both Microsoft and Netscape issued proprietary
software, so a website would not look the same in both browsers. The both
released proprietary versions of JavaScript (Jscript from Microsoft) as
well. It was common for websites to have "Best viewed in Internet Explorer"
or "Best viewed in Netscape" icons on the home page during this period.
Microsoft eventually took a substantial lead when they made the move to
have IE integrated into the Windows
operating system.
The problem with all this is that there was a divergence between the guidelines
issued by the W3C and what the companies were doing. Instead of fixing bugs
and making the browsers compliant with web standards they added new features.
The remaining vestige of the original browser wars is Internet Explorer
6.
Internet Explorer 6
The web still has this dinosaur roaming around destroying layouts. IE6 is
the least web standard compliant browser in use today. It still maintains
a 22% share of the browser
market, and it isn't going anywhere for a while. Web designers have
to employ hacks to make their layouts, that work in every other browser,
work for IE6.
The reason IE6 is so painful to deal with is that it doesn't properly
support CSS and transparent PNGs (here is a work
around) and the other modern browsers do. I have written a previous
post about why IE6 needs to become extinct.
Screen Resolution
Screen resolution affects how large you can make the website. It limits
the design options if you have to optimize a website for 800 x 600 pixel
screen resolution. Thankfully most people have a screen resolution of 1024x768
or greater. The growing popularity of mobile devices like the iPhone complicates
this issue, but I'm not going to get into that now.
Typography
Your typographic options are limited to the typefaces the user has on their
computer or using images. Macs and PCs both come with a standard set of
typefaces that you can choose from. When programmers write the code determining
the typeface to be presented they always
write a list. If the user doesn't have the first typeface in
the list, it checks for the next one and so on. If none of the type faces
are present it will display the default serif or sans-serif typeface. The
list usually looks something like this - Arial, Helvetica, Verdana, san-serif;
File Size
How large the files are will determine how fast the website loads. How fast
it loads will be based on how fast the user's internet connection is. Picture
heavy layouts load slower than more text based layouts.
Conclusion
All of these factors influence how you design for the web. It is important
that you and/or your client understand the how these factors can limit design
options. There is a large difference in your freedom to design for a user
with a cable connection, a 1440x900 screen resolution, running Firefox and
a massive database of typefaces and a user with a dial-up
connection, a 800x600 screen resolution, running Internet Explorer 5 and the standard set of typefaces.
site by BEU
