spacer

Webref WebRef   Sitemap · Experts · Tools · Services · Newsletters · About i.com

Logo

HOME | EXPERTS | GRAPHICS| Greats 8

Graphic Greats: Text on Display

Integrated Text and Art Text

   

Examples of integrated graphic and plain text. In the top sample, the navigation bar at the top is graphic text, but the location is stated in text. In the lower sample here, the subtitle is text, but because it is so similar to the graphic text headlines, the mind treats it as art. Each example saves only a small amount of download time, but over the full site, it adds up. These are very fast loading pages. Plus, it is much faster to type a subhead than to prepare a graphic.

Oxygen
I really admire the text use on this site. The designer has used every text trick in the limited Web arsenal to deliver a look that seems heavily laden with graphic text. In reality, most of the text on this page is ... well, text. You will have to take a trip to the site to appreciate this design fully.

On the front page, shown here, there is also a great example of parenthesis used correctly. Note how the word is perfectly balanced vertically within the parentheses. You can learn how to create this effect in the tutorial, Type Right for a Pro Look.

 

 


 

Although plain text does not offer antialiasing, the tradeoff in production time and download savings are significant for constantly changing content.

Flirt
I like this site for two reasons. The first is the whacky and creative text, which is very well done. The splash page, shown below, is an example of the text work that adds fun and life to the site.

When you leave the splash page, graphic text is handed out in much smaller doses. Subheadings are large, but not graphics, as shown in the example at the left. There is a tradeoff in antialiasing when you use HTML text as opposed to images, but when you have many subheads on an information site, I think the tradeoff is worthwhile for both production time and visitor download time. This is especially important if the subheadings are going to be changing on a regular basis.

   

 

Next page

Graphic Greats Index

Text on Display Start
Plain Text with Style
Integrated Text and Art Text
Using Text Case for Style

Front page234

Developer News
OpenOffice 3.2 Lands Amid Critical Changes
Red Hat, IBM Firmly in KVM Virtualization Camp
Red Hat Talks Up Open Source Cloud Plans



The Network for Technology Professionals

Search:

About Internet.com

Legal Notices, Licensing, Permissions, Privacy Policy.
Advertise | Newsletters | E-mail Offers

webref The latest from WebReference.com Browse >
Search Engine Optimization: Selecting and Embedding Keywords · Are Google's Language Translation Web Services Ready for Prime Time? · Installing and Using Meeplace, the Business Review CMS
Sitemap · Experts · Tools · Services · Email a Colleague · Contact FREE Newsletters 
 The latest from internet.com
IBM DB2 10 for z/OS: Justifying the Upgrade · Living La Vida Colo: Choosing the Right Colocation Facility · FTC Concerns over Social Media Privacy Linger


URL: http://www.webreference.com/graphics/
Created: June 15, 2000
Revised: June 15, 2000