Publishing/Writing: Insights, News, Intrigue

11/07/2009

Desktop Publishing: Print Design vs. Web Design

Filed under: desktop publishing,web design — gator1965 @ 9:55 pm

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
 

 
 
 
 
 

Advertisements

Leave a Comment »

No comments yet.

RSS feed for comments on this post. TrackBack URI

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

Blog at WordPress.com.

%d bloggers like this: