expr:class='"loading" + data:blog.mobileClass'>

Pages

Saturday, November 7, 2009

Desktop Publishing: Print Design vs. Web Design

Continuing with desktop publishing:

Similarities and Differences in Desktop Publishing and Web Design
By Jacci Howard Bear, About.com

Although desktop publishing and Web design have a common ancestry, they aren't the same. Yes, there are certain similarities -- such as text, graphics, color, page composition, and the need for clear navigation -- but Web design has its own set of challenges and design parameters.


Typography:

Writing and reading on-screen differs from print so typography online has its own idiosyncrasies. A font that looks great on paper may be much harder to read on-screen. And unless the font is used in a graphic, there's a strong chance that visitors to your Web page aren't going to all see the same font -- either because they don't have it installed or they use Web browser preferences that override your font choices. Those are just some of the differences between text in print and text on the Web.
Typography on Screen: http://alturl.com/nez2
 
Graphics:
 
While TIFF and EPS are the professional graphics standards for print, they won't fly on the Web. You'll need to learn how to properly create and use JPEG, GIF, and PNG images in Web design. Additionally, Web graphics use a lower resolution and may require digital protection.
Best Graphics File Formats: http://alturl.com/d86k


Color:
 
Commercial printing processes are typically done in CMYK or uses Pantone spot colors or other print-friendly color specifications. On the Web, color is RGB. And then you'll also need to contend with browser-safe color schemes -- maybe. The use of color in typography also differs, in part because of readability differences on-screen.
Web Color: http://alturl.com/n4kf
 
Navigation:
 
Although Web pages may use some navigational elements derived from print, such as table of contents, navigating through the interconnected pages of a Web site isn't the same as the usually linear navigation of the pages of a book.
Effective Web Navigation: http://alturl.com/quii
 
Page Composition:
 
In print design, page layouts are static designs. Once it is printed, everyone viewing the page sees the graphics in the same place, the text columns in the same size, and the piece of paper it's printed on doesn't change size or shape each time someone picks up the paper. Web pages are more fluid, more dynamic.
Fixed Width vs. Liquid Layouts: http://alturl.com/cvrq
 



 
 
 
 
 

No comments: