composition tools for web typography

147
Web Typography Kimberly Elam, Ringling College of Art and Design WebVisions, 2009

Upload: guestc33f6d

Post on 06-May-2015

2.305 views

Category:

Design


5 download

DESCRIPTION

Composition Tools for Web TypographyHave you ever seen a web site so clear, logical, and exquisitely composed it made you stop in your tracks? Have you wondered how the designer achieved such a stunning and cohesive design?In this presentation, Kimberly Elam, designer and author of the best-selling “Geometry of Design” and “Typographic Systems” will reveal the mysterious relationships between proportion, visual systems, composition and aesthetics.Too often excellent conceptual ideas suffer during the process of realization, in large part because the designer did not understand the essential visual principles. This presentation explores these elements and how they work by examining how the use of visual principles informs, even creates, beauty in typographic design, but, more importantly, how you can use these techniques to create cohesiveness in your own design. The wide range of visual examples are both informative and insightful, and any designer can benefit from learning or revisiting the rules governing the basics of typographic design.

TRANSCRIPT

Page 1: Composition Tools for Web Typography

Web Typography

Kimberly Elam, Ringling College of Art and Design

WebVisions, 2009

Page 2: Composition Tools for Web Typography

What you’ll learn about:

1. Macro-typography, the overall structure and visual organization of typography

2. Micro-typography, the details and nuances of type

Page 3: Composition Tools for Web Typography

Ready?

Page 4: Composition Tools for Web Typography

Let’s start by dispelling some myths.

Page 5: Composition Tools for Web Typography

First, typography is not font selection.

Page 6: Composition Tools for Web Typography
Page 7: Composition Tools for Web Typography

Second, content does not exist to serve typography.

Page 8: Composition Tools for Web Typography
Page 9: Composition Tools for Web Typography

Typography exists to serve the content.

Many desperate acts of design such as novelty fonts, drop shadows, wild colors, backgrounds, outlines, and gradients are done in lieu of a strong concept in a vain attempt at creativity.

“Creative” aesthetics are secondary issues where legibility is concerned.

Page 10: Composition Tools for Web Typography

Good typography is almost invisible because it functions so well.

It’s a lot tougher to do than it looks.

Page 11: Composition Tools for Web Typography

So what exactly is typography?

Page 12: Composition Tools for Web Typography

Typography is what language looks like.

Page 13: Composition Tools for Web Typography

Design & type gently collaborate to:

serve the reader and author

enhance understanding

organize thoughts and actions

acknowledge visual culture

Page 14: Composition Tools for Web Typography

Any job can be typographically sound.

Even yours!

You will need to:

think more,

read more,

edit more,

and design less.

Page 15: Composition Tools for Web Typography

But first, you have to master the five methods of organizing information.

Page 16: Composition Tools for Web Typography

Information can be almost infinite...

Fortunately, there are only 5 ways to organize it:

Page 17: Composition Tools for Web Typography

Organizing Information

1. Category2. Time3. Location4. Alphabet5. Hierarchy

Page 18: Composition Tools for Web Typography

1. Category2. Time3. Location4. Alphabet5. Hierarchy

Category

Page 19: Composition Tools for Web Typography

1. Category2. Time3. Location4. Alphabet5. Hierarchy

Time

Styles and trends could be identified.Changes in technology and manufacturing could be revealed.We could plot the emergence of the car as a cultural icon.

*The cars don’t change but meaning does.

1930s1920s1896

1940s

1908

1950s 1960s 1970s

Page 20: Composition Tools for Web Typography

1. Category2. Time3. Location4. Alphabet5. Hierarchy

Location

Page 21: Composition Tools for Web Typography

1. Category2. Time3. Location4. Alphabet5. Hierarchy

Alphabet

E-SeriesEscape HybridEdgeExpeditionExplorerF-150Focus FusionMustangRangerSport TracSuper Duty 250Super Duty 350Super Duty 450TaurusTaurus X

Page 22: Composition Tools for Web Typography

1. Category2. Time3. Location4. Alphabet5. Hierarchy

Hierarchy

Page 23: Composition Tools for Web Typography

1. Category2. Time3. Location4. Alphabet5. Hierarchy

Hierarchy

Page 24: Composition Tools for Web Typography

1. Category2. Time3. Location4. Alphabet5. Hierarchy

Hierarchy

Page 25: Composition Tools for Web Typography

Once information is understood, and content is organized, it can become visual.

Page 26: Composition Tools for Web Typography

Macro-TypographyGrid Structures

Lessons from graphic design

Page 27: Composition Tools for Web Typography

The grid is the most vivid manifestation of the will to order in graphic design.

Page 28: Composition Tools for Web Typography

Before Redesign

Page 29: Composition Tools for Web Typography

After Redesign

Page 30: Composition Tools for Web Typography

After Redesign

2 Major Columns

Page 31: Composition Tools for Web Typography

After Redesign

2 Major Columns

Subdivide into 8 columns

All text aligns on columns

Page 32: Composition Tools for Web Typography

After Redesign

2 Major Columns

Subdivided into 8 columns

All text aligns on columns

Page is divided into 12 rows of visual fields

Page 33: Composition Tools for Web Typography
Page 34: Composition Tools for Web Typography

Web Grids

Page 35: Composition Tools for Web Typography

Before Redesign

Page 36: Composition Tools for Web Typography

Bad Typography

Disorganized

Unstructured

Unreadable

Unclear

Page 37: Composition Tools for Web Typography

Good Typography

Disorganized

Unstructured

Unreadable

Unclear

Page 38: Composition Tools for Web Typography

Graphic Arts Exchange

Page 39: Composition Tools for Web Typography

GRAPHIC ARTS EXCHANGE

DEALERS: SELL YOUR EQUIPMENT!CLICK FOR MORE INFORMATION...

AVAILABLE ADVERTISEMENTFOR MORE INFORMATION CALL RICH AT 1-888-396-5104

HOMEEQUIPMENT DEALERSSERVICELOGIN

PRINTERS: SELECT A CATEGORY OF EQUIPMENT

BOOKMARK USMY ACCOUNTTELL SOMEONE

PRE-PRESS EQUIPMENTDIGITAL PRINTING EQUIPMENTFLEXOGRAPHIC EQUIPMENTXEROGRAPHIC EQUIPMENTSCREEN PRINTING EQUIPMENTMAILING & INSERTING EQUIPMENTSHEET FED OFFSET PRESSESWEB FED OFFSET PRESSES

PACKAGING & CONVERTINGBINDERY & FINISHINGEQUIPMENT PARTSSUPPLIES & CONSUMABLES

WELCOME TO GAX...

Looking for something? The Graphic Arts Exchange is the premier internet destination for finding used printing equipment, used bindery equipment, used pre-press equipment, graphic arts related supplies, consumables, parts, and more!

And the Equipment Listings are the most important things here! Intended for browsing, you can select a category from the list to your left and begin drilling down to find that perfect piece of equipment, the best deal on that part you needed yesterday, and more…

DEALERS: SELL YOUR EQUIPMENT!CLICK FOR MORE INFORMATION...

FEATURED PARTNER...SUPERBINDER 200X

BIG BINDER FEATURES ON A COMPACT HAND FED PERFECT BINDERDISTRIBUTED EXCLUSIVELY BY: ADTECH GRAPHIC SERVICECLICK HERE

PAPER HANDLING EQUIPMENTKNORR SYSTEMECLICK HERE

FKB SERIES OF FOLDING & GLUING EQUIP-MENTADTECH GRAPHIC SERVICECLICK HERE

BOTTCHER ROLLERSNEW! EASY ONLINE ORDERINGFORM BLUE, FORM RED, FORM WHITE, FORM YELLOW, DISTRIBUTOR BLUE, DISTRIBUTOR RED, DISTRIBUTOR WHITE, DISTRIBUTOR YELLOW, DUCTOR BLUECLICK HERE

HEIDELBERGREMARKETED EQUIPMENTCLICK HERE

TECHNOTRANSDAMPENING SOLUTION, CIRCULATORS, AND INK ROLLER TEMPERATURE CONTROL UNITSCLICK HERE

All Text from Graphic Arts Exchange

Page 40: Composition Tools for Web Typography

Business NameGraphic Arts Exchange

NavigationHomeEquipment DealersServiceLoginBookmark UsMy AccountTell Someone

Equipment CategoriesPre-Press EquipmentDigital Printing EquipmentFlexographic EquipmentXerographic EquipmentScreen Printing EquipmentMailing & Inserting EquipmentSheet Fed Offset PressesWeb Fed Offset PressesPackaging & ConvertingBindery & FinishingEquipment PartsSupplies & Consumables

Descriptive TextLooking for something? The Graphic Arts Exchange is the premier internet destination for finding used printing equipment, used bindery equipment, used pre-press equipment, graphic arts related supplies, consumables, parts, and more!

And the Equipment Listings are the most important things here! Intended for browsing, you can select a category from the list to your left and begin drilling down to find that perfect piece of equipment, the best deal on that part you needed yesterday, and more…

Sales of SpaceDealers: Sell Your Equipment!Click for more information.

Available AdvertisementFor More Information Call Rich at 1-888-396-5104

AdvertisersFeatured PartnersSuperbinder 200XBig Binder Features on a Compact Hand Fed Perfect BinderDistributed Exclusively by: Adtech Graph-ic ServiceClick Here

Paper Handling EquipmentKnorr SystemeClick Here

FKB Series of Folding & Gluing EquipmentAdtech Graphic ServiceClick Here

Bottcher RollersNew! Easy Online OrderingForm Blue, Form Red, Form White, Form Yellow, Distributor Blue, Distributor Red, Distributor White, Distributor Yellow, Duc-tor BlueClick Here

HeidelbergRemarketed EquipmentClick Here

TechnotransDampening Solution, Circulators, and Ink Roller Temperature Control UnitsClick Here

Organized Text by Category

Page 41: Composition Tools for Web Typography

Business NameGraphic Arts Exchange

NavigationHomeEquipment DealersServiceLoginMy AccountBookmark UsTell Someone

Equipment CategoriesPre-Press EquipmentDigital Printing EquipmentFlexographic EquipmentXerographic EquipmentScreen Printing EquipmentMailing & Inserting EquipmentSheet Fed Offset PressesWeb Fed Offset PressesPackaging & ConvertingBindery & FinishingEquipment PartsSupplies & Consumables

Descriptive TextLooking for something? The Graphic Arts Exchange is the premier internet destination for finding used printing equipment, used bindery equipment, used pre-press equipment, graphic arts related supplies, consumables, parts, and more!

And the Equipment Listings are the most important things here! Intended for browsing, you can select a category from the list to your left and begin drilling down to find that perfect piece of equipment, the best deal on that part you needed yesterday, and more…

Sales of SpaceDealers: Sell Your Equipment!Click for more information.

Available AdvertisementFor More Information Call Rich at 1-888-396-5104

AdvertisersFeatured PartnersSuperbinder 200XBig Binder Features on a Compact Hand Fed Perfect BinderDistributed Exclusively by: Adtech Graph-ic ServiceClick Here

Paper Handling EquipmentKnorr SystemeClick Here

FKB Series of Folding & Gluing EquipmentAdtech Graphic ServiceClick Here

Bottcher RollersNew! Easy Online OrderingForm Blue, Form Red, Form White, Form Yellow, Distributor Blue, Distributor Red, Distributor White, Distributor Yellow, Duc-tor BlueClick Here

HeidelbergRemarketed EquipmentClick Here

TechnotransDampening Solution, Circulators, and Ink Roller Temperature Control UnitsClick Here

Organized Text Categories

Organized by hierarchyGrouped by function

Page 42: Composition Tools for Web Typography

Business NameGraphic Arts Exchange

NavigationHomeEquipment DealersServiceLoginMy AccountBookmark UsTell Someone

Equipment CategoriesBindery & FinishingDigital Printing EquipmentEquipment PartsFlexographic EquipmentMailing & Inserting EquipmentPackaging & ConvertingPre-Press EquipmentScreen Printing EquipmentSheet Fed Offset PressesSupplies & ConsumablesWeb Fed Offset PressesXerographic Equipment

Descriptive TextLooking for something? The Graphic Arts Exchange is the premier internet destination for finding used printing equipment, used bindery equipment, used pre-press equipment, graphic arts related supplies, consumables, parts, and more!

And the Equipment Listings are the most important things here! Intended for browsing, you can select a category from the list to your left and begin drilling down to find that perfect piece of equipment, the best deal on that part you needed yesterday, and more…

Sales of SpaceDealers: Sell Your Equipment!Click for more information.

Available AdvertisementFor More Information Call Rich at 1-888-396-5104

AdvertisersFeatured PartnersSuperbinder 200XBig Binder Features on a Compact Hand Fed Perfect BinderDistributed Exclusively by: Adtech Graph-ic ServiceClick Here

Paper Handling EquipmentKnorr SystemeClick Here

FKB Series of Folding & Gluing EquipmentAdtech Graphic ServiceClick Here

Bottcher RollersNew! Easy Online OrderingForm Blue, Form Red, Form White, Form Yellow, Distributor Blue, Distributor Red, Distributor White, Distributor Yellow, Duc-tor BlueClick Here

HeidelbergRemarketed EquipmentClick Here

TechnotransDampening Solution, Circulators, and Ink Roller Temperature Control UnitsClick Here

Organized Text Categories

Organized by alphabet

Page 43: Composition Tools for Web Typography

Business NameGraphic Arts Exchange

NavigationHomeEquipment DealersServiceLoginBookmark UsMy AccountTell Someone

Equipment CategoriesBindery & FinishingDigital Printing EquipmentEquipment PartsFlexographic EquipmentMailing & Inserting EquipmentPackaging & ConvertingPre-Press EquipmentScreen Printing EquipmentSheet Fed Offset PressesSupplies & ConsumablesWeb Fed Offset PressesXerographic Equipment

Descriptive TextLooking for something? The Graphic Arts Exchange is the premier internet destination for finding used printing equipment, used bindery equipment, used pre-press equipment, graphic arts related supplies, consumables, parts, and more!

And the Equipment Listings are the most important things here! Intended for browsing, you can select a category from the list to your left and begin drilling down to find that perfect piece of equipment, the best deal on that part you needed yesterday, and more…

Sales of SpaceDealers: Sell Your Equipment!Click for more information.

Available AdvertisementFor More Information Call Rich at 1-888-396-5104

AdvertisersFeatured PartnersSuperbinder 200XBig Binder Features on a Compact Hand Fed Perfect BinderDistributed Exclusively by: Adtech Graphic ServiceClick Here

Paper Handling EquipmentKnorr SystemeClick Here

FKB Series of Folding & Gluing EquipmentAdtech Graphic ServiceClick Here

Bottcher RollersNew! Easy Online OrderingForm Blue, Form Red, Form White, Form Yellow, Distributor Blue, Distributor Red, Distributor White, Distributor Yellow, Ductor BlueClick Here

HeidelbergRemarketed EquipmentClick Here

TechnotransDampening Solution, Circulators, and Ink Roller Temperature Control UnitsClick Here

Organized Text Categories

Page 44: Composition Tools for Web Typography

Graphic Arts Exchange

Search

Bindery & Finishing

Digital Printing Equipment

Flexographic Equipment

Mailing & Inserting Equipment

Packaging & Converting

Parts

Pre-Press Equipment

Screen Printing Equipment

Sheet Fed Offset Presses

Supplies & Consumables

Web Fed Offset Presses

Xerographic Equipment

HomeEquipment

DealersService

LoginMy Account

Bookmark UsTell Someone

Looking for something? The Graphic Arts Exchange is the premier internet destina-tion for finding used printing equipment, used bindery equipment, used pre-press equipment, graphic arts related supplies, consumables, parts, and more!

F e a t u r e d Pa r t n e r s :

Perfect Binder

Superbinder 200X Big Binder Features on a Compact Hand Fed Perfect Binder

Distributed Exclusively by: Adtech Graphic Service

Click Here

Paper Handling Equipment

Knorr SystemeClick Here

Folding & Gluing Equipment

FKB Series, Adtech Graphic ServiceClick Here

Rollers

Bottcher RollersForm Blue, Form Red, Form White, Form Yellow, Distribu-tor Blue, Distributor Red, Distributor White, Distributor Yellow, Ductor Blue New! Easy Online Ordering

Click Here

Heidelberg

Remarketed EquipmentClick Here

Technotrans

Dampening Solution, Circulators, and Ink Rollers

Click Here

Available AdvertisementFor More Information Call Rich at 1-888-396-5104

Dealers: Sell Your Equipment! Click for more info

Looking for something? The Graphic Arts Exchange is the pre-mier internet destination for finding used printing equipment, used bindery equipment, used pre-press equipment, graphic arts related supplies, consumables, parts, and more!

Page 45: Composition Tools for Web Typography

Looking for something? The Graphic Arts Exchange is the premier internet destina-tion for finding used printing equipment, used bindery equipment, used pre-press equipment, graphic arts related supplies, consumables, parts, and more!

F e a t u r e d Pa r t n e r s :

Perfect Binder

Superbinder 200X Big Binder Features on a Compact Hand Fed Perfect Binder

Distributed Exclusively by: Adtech Graphic Service

Click Here

Paper Handling Equipment

Knorr SystemeClick Here

Folding & Gluing Equipment

FKB Series, Adtech Graphic ServiceClick Here

Bottcher RollersForm Blue, Form Red, Form White, Form Yellow, Distribu-tor Blue, Distributor Red, Distributor White, Distributor Yellow, Ductor Blue New! Easy Online Ordering

Click Here

Remarketed EquipmentClick Here

Dampening Solution, Circulators, and Ink Rollers

Click Here

Available AdvertisementFor More Information Call Rich at 1-888-396-5104

Dealers: Sell Your Equipment! Click for more info

Looking for something? The Graphic Arts Exchange is the pre-mier internet destination for finding used printing equipment, used bindery equipment, used pre-press equipment, graphic arts related supplies, consumables, parts, and more!

Graphic Arts ExchangeSearch

Bindery & Finishing

Digital Printing Equipment

Flexographic Equipment

Mailing & Inserting Equipment

Packaging & Converting

Parts

Pre-Press Equipment

Screen Printing Equipment

Sheet Fed Offset Presses

Supplies & Consumables

Web Fed Offset Presses

Xerographic Equipment

HomeEquipment

DealersService

LoginMy Account

Bookmark UsTell Someone

Page 46: Composition Tools for Web Typography

Graphic Arts ExchangeSearch

Bindery & Finishing

Digital Printing Equipment

Flexographic Equipment

Mailing & Inserting Equipment

Packaging & Converting

Parts

Pre-Press Equipment

Screen Printing Equipment

Sheet Fed Offset Presses

Supplies & Consumables

Web Fed Offset Presses

Xerographic Equipment

HomeEquipment

DealersService

LoginMy Account

Bookmark UsTell Someone

Bottcher Rollers

Form Blue, Form Red, Form White, Form Yellow, Distribu-tor Blue, Distributor Red, Distributor White, Distributor Yellow, Ductor Blue New! Easy Online Ordering

Click Here

Remarketed Equipment

Click Here

TechnotransDampening Solution, Circulators, and Ink Rollers

Click Here

Available AdvertisementFor More Information Call Rich at 1-888-396-5104

Dealers: Sell Your Equipment! Click for more info

Looking for something? The Graphic Arts Exchange is the pre-mier internet destination for finding used printing equipment, used bindery equipment, used pre-press equipment, graphic arts related supplies, consumables, parts, and more!

F e a t u r e d Pa r t n e r s :

Perfect Binder

Superbinder 200X Big Binder Features on a Compact Hand Fed Perfect Binder

Distributed Exclusively by: Adtech Graphic Service

Click Here

Paper Handling Equipment

Knorr SystemeClick Here

Folding & Gluing Equipment

FKB Series, Adtech Graphic ServiceClick Here

Page 47: Composition Tools for Web Typography

Graphic Arts ExchangeSearch

Bindery & Finishing

Digital Printing Equipment

Flexographic Equipment

Mailing & Inserting Equipment

Packaging & Converting

Parts

Pre-Press Equipment

Screen Printing Equipment

Sheet Fed Offset Presses

Supplies & Consumables

Web Fed Offset Presses

Xerographic Equipment

HomeEquipment

DealersService

LoginMy Account

Bookmark UsTell Someone

Bottcher Rollers

Form Blue, Form Red, Form White, Form Yellow, Distribu-tor Blue, Distributor Red, Distributor White, Distributor Yellow, Ductor Blue New! Easy Online Ordering

Click Here

Remarketed Equipment

Click Here

TechnotransDampening Solution, Circulators, and Ink Rollers

Click Here

Available AdvertisementFor More Information Call Rich at 1-888-396-5104

Dealers: Sell Your Equipment! Click for more info

Looking for something? The Graphic Arts Exchange is the pre-mier internet destination for finding used printing equipment, used bindery equipment, used pre-press equipment, graphic arts related supplies, consumables, parts, and more!

F e a t u r e d Pa r t n e r s :

Perfect Binder

Superbinder 200X Big Binder Features on a Compact Hand Fed Perfect Binder

Distributed Exclusively by: Adtech Graphic Service

Click Here

Paper Handling Equipment

Knorr SystemeClick Here

Folding & Gluing Equipment

FKB Series, Adtech Graphic ServiceClick Here

Page 48: Composition Tools for Web Typography

HomeEquipment

DealersService

LoginMy Account

Bookmark UsTell Someone

Looking for something? The Graphic Arts Exchange is the premier internet destina-tion for finding used printing equipment, used bindery equipment, used pre-press equipment, graphic arts related supplies, parts, and more!

F e a t u r e d Pa r t n e r s :

Perfect Binder

Superbinder 200X Big Binder Features on a Compact Hand Fed Perfect Binder

Distributed Exclusively by: Adtech Graphic Service

Click Here

Paper Handling Equipment

Knorr SystemeClick Here

Folding & Gluing Equipment

FKB Series, Adtech Graphic ServiceClick Here

Bottcher Rollers

Form Blue, Form Red, Form White, Form Yellow, Distribu-tor Blue, Distributor Red, Distributor White, Distributor Yellow, Ductor Blue New! Easy Online Ordering

Click Here

Remarketed Equipment

Click Here

TechnotransDampening Solution, Circulators, and Ink Rollers

Click Here

Available AdvertisementFor More Information Call Rich at 1-888-396-5104

Dealers: Sell Your Equipment! Click for more info

Looking for something? The Graphic Arts Exchange

is the premier internet destination for finding used

printing equipment, used bindery equipment, used

pre-press equipment, graphic arts related supplies,

consumables, parts, and more!

Graphic Arts ExchangeSearch

Bindery & Finishing

Digital Printing Equipment

Flexographic Equipment

Mailing & Inserting Equipment

Packaging & Converting

Parts

Pre-Press Equipment

Screen Printing Equipment

Sheet Fed Offset Presses

Supplies & Consumables

Web Fed Offset Presses

Xerographic Equipment

Page 49: Composition Tools for Web Typography

Graphic Arts Exchange Search

Bindery & Finishing

Digital Printing Equipment

Flexographic Equipment

Mailing & Inserting Equipment

Packaging & Converting

Parts

Pre-Press Equipment

Screen Printing Equipment

Sheet Fed Offset Presses

Supplies & Consumables

Web Fed Offset Presses

Xerographic Equipment

HomeEquipment

DealersService

LoginMy Account

Bookmark UsTell Someone

F e a t u r e d Pa r t n e r s :

Superbinder 200X Big Binder Features on a Compact Hand Fed Perfect Binder

Distributed Exclusively by: Adtech Graphic Service

Click Here

Knorr Systeme

Click Here

FKB Series, Adtech Graphic Service

Click Here

Rollers

Bottcher RollersForm Blue, Form Red, Form White, Form Yellow, Distribu-tor Blue, Distributor Red, Distributor White, Distributor Yellow, Ductor Blue New! Easy Online Ordering

Click Here

Heidelberg

Remarketed EquipmentClick Here

Technotrans

Dampening Solution, Circulators, and Ink Rollers

Click Here

Available AdvertisementFor More Information Call Rich at 1-888-396-5104

Dealers: Sell Your Equipment! Click for more info

Looking for something? The Graphic Arts Exchange

is the premier internet destination for finding used

printing equipment, used bindery equipment, used

pre-press equipment, graphic arts related supplies,

consumables, parts, and more!

Page 50: Composition Tools for Web Typography

Graphic Arts ExchangeSearch

Bindery & Finishing

Digital Printing Equipment

Flexographic Equipment

Mailing & Inserting Equipment

Packaging & Converting

Parts

Pre-Press Equipment

Screen Printing Equipment

Sheet Fed Offset Presses

Supplies & Consumables

Web Fed Offset Presses

Xerographic Equipment

HomeEquipment

DealersService

LoginMy Account

Bookmark UsTell Someone

Bottcher Rollers

Form Blue, Form Red, Form White, Form Yellow, Distribu-tor Blue, Distributor Red, Distributor White, Distributor Yellow, Ductor Blue New! Easy Online Ordering

Click Here

Remarketed Equipment

Click Here

TechnotransDampening Solution, Circulators, and Ink Rollers

Click Here

Available AdvertisementFor More Information Call Rich at 1-888-396-5104

Dealers: Sell Your Equipment! Click for more info

Looking for something? The Graphic Arts Exchange is the premier internet destination for finding used printing equipment, used bindery equipment, used pre-press equipment, graphic arts related supplies, consumables, parts, and more!

F e a t u r e d Pa r t n e r s :

Perfect Binder

Superbinder 200X Big Binder Features on a Compact Hand Fed Perfect Binder

Distributed Exclusively by: Adtech Graphic Service

Click Here

Paper Handling Equipment

Knorr SystemeClick Here

Folding & Gluing Equipment

FKB Series, Adtech Graphic ServiceClick Here

Page 51: Composition Tools for Web Typography

What does success look like?

Page 52: Composition Tools for Web Typography
Page 53: Composition Tools for Web Typography
Page 54: Composition Tools for Web Typography
Page 55: Composition Tools for Web Typography

What’s so great about that?

Page 56: Composition Tools for Web Typography

Organization

Navigation

White Space

Grid System

Rules

Restraint

Key Words

Line Lengths

Page 57: Composition Tools for Web Typography

Organization

Navigation

White Space

Grid System

Rules

Restraint

Key Words

Line Lengths

Page 58: Composition Tools for Web Typography

Complex Visual Structure

TED Technology, Entertainment, Design

Page 59: Composition Tools for Web Typography
Page 60: Composition Tools for Web Typography

View as:

Visualization

List

Show themes related to:

Technology

Entertainment

Design

Business

Science

Culture

Arts

Global Issues

Featured

All

Resize by:

Most talks

Most emailed

Most discussed

Recently updated

Themes A-Z >>

Page 61: Composition Tools for Web Typography
Page 62: Composition Tools for Web Typography
Page 63: Composition Tools for Web Typography
Page 64: Composition Tools for Web Typography
Page 65: Composition Tools for Web Typography

Image Grid 12 columns

Page 66: Composition Tools for Web Typography

Image Grid 12 columns 12 visual fields

Page 67: Composition Tools for Web Typography

Image Grid 12 columns 12 visual fields proportion 3:4

Page 68: Composition Tools for Web Typography

Image Grid 12 columns 12 visual fields

Page 69: Composition Tools for Web Typography

Image Grid 12 columns 12 visual fields

Proportion of 3:4 (1) 8 X 8 large

Page 70: Composition Tools for Web Typography

Image Grid

Structure 12 columns 12 visual fields

Proportion (1) 8 X 8 large (2) 4 X 4 medium

Page 71: Composition Tools for Web Typography

Image Grid

Structure 12 columns 12 visual fields

Proportion (1) 8 X 8 large (2) 4 X 4 medium (4) 2 X 2 small

Page 72: Composition Tools for Web Typography

Image Grid

Structure 12 columns 12 visual fields

Proportion (1) 8 X 8 large (2) 4 X 4 medium (4) 2 X 2 small (12) 1 smallest

Page 73: Composition Tools for Web Typography

Image Grid

Structure 12 columns 12 visual fields

Proportion (1) 8 X 8 large (2) 4 X 4 medium (4) 2 X 2 small (12) 1 smallest

Page 74: Composition Tools for Web Typography

Image Grid

Page 75: Composition Tools for Web Typography

Image Grid

Page 76: Composition Tools for Web Typography

Image Grid

(0) 8 X 8 largest (4) 4 X 4 medium (5) 2 X 2 small (4) 1 smallest

Page 77: Composition Tools for Web Typography

Image Grid

(0) 8 X 8 largest (4) 4 X 4 medium (5) 2 X 2 small (4) 1 smallest

Page 78: Composition Tools for Web Typography

Image Grid

(0) 8 X 8 largest (4) 4 X 4 medium (5) 2 X 2 small (4) 1 smallest

Page 79: Composition Tools for Web Typography

Micro-Typography

Page 80: Composition Tools for Web Typography

The Typographic Pledge

Setting the tone for good typographic practice.

(Place your hand over your heart)

Page 81: Composition Tools for Web Typography

The Typographic Pledge

“I will not stretch or squish type.

Typography

Typography

Typography

Typography

Page 82: Composition Tools for Web Typography

The Typographic Pledge

“I will not stretch or squish type.

I will not outline type.

Typography

Page 83: Composition Tools for Web Typography

The Typographic Pledge

“I will not stretch or squish type.

I will not outline type.

I will not stack type.

Typography

MO

BY DIC

K

Typography

MO B Y D I C K

Page 84: Composition Tools for Web Typography

The Typographic Pledge

“I will not stretch or squish type.

I will not outline type.

I will not stack type.

I will use prime marks and quotation marks appropriately.

5' 11"27º33' Nprime marks

“I’m smart.”quotation marks

"I’m dumb."

Page 85: Composition Tools for Web Typography

The Typographic Pledge

“I will not stretch or squish type.

I will not outline type.

I will not stack type.

I will use prime marks and quotation marks appropriately.

I will appropriately use hyphens, en dashes, and em dashes.

Typo-graphyhyphen

well–being1985–1997en dash

No one—not even…em dash

Page 86: Composition Tools for Web Typography

The Typographic Pledge

“I will not stretch or squish type.

I will not outline type.

I will not stack type.

I will use prime marks and quotation marks appropriately.

I will appropriately use hyphens, en dashes, and em dashes.

I will honor the classic families of type.

Baskerville

Bodoni

Helvetica

TimesCaslonCenturySerifa

Garamond

Page 87: Composition Tools for Web Typography

The Typographic Pledge

“I will not stretch or squish type.

I will not outline type.

I will not stack type.

I will use prime marks and quotation marks appropriately.

I will appropriately use hyphens, en dashes, and em dashes.

I will honor the classic families of type.

I pledge not to commit crimes against typography.”

Page 88: Composition Tools for Web Typography

Back to Grid Structures

Page 89: Composition Tools for Web Typography

LongscycleBringing order to chaos.

Page 90: Composition Tools for Web Typography

Home Page

Page 91: Composition Tools for Web Typography

Home Page (scroll down)

Page 92: Composition Tools for Web Typography

Home Page (scroll down more)

Page 93: Composition Tools for Web Typography

Home Page (scroll down still more)

Page 94: Composition Tools for Web Typography

All Longscycle TextBlow-Out SaleHave some fun go shopping click hereHalf price sale click hereSAVE 50% STAY WARM AP-PARELSAVE 50% CYCLING SOCKS YOU PICKSAVE 87% CYCLING TODAY’S SPECIALSAVE 68% CYCLING COOL-MAX SOCKSSAVE 65% SUNGLASSES XPD® SERIESSAVE 50% CYCLING SHORTS SALESAVE 60% CYCLING TIGHTS SALESAVE 35% CYCLING LIGHTS CYCLINGSAVE 35% CYCLING KIDS APPARELSAVE 25% CYCLING JERSEYSCYCLING DAILY SPECIALCYCLING ARM WARMERS ROUBAIXCYCLING BAGS LANCE ARMSTRONGCYCLING BOOTIES SHOE COVERSCYCLING CAPS CYCLINGCYCLING CHILDREN’S AP-PARELCYCLING COOLMAX UNDER-SHIRTSCYCLING COUPONCYCLING GREETING CARDSCYCLING GIFT CERTIFI-CATESCYCLING GLOVES CYCLINGCYCLING JACKETS CYCLINGCYCLING JERSEYSCYCLING JERSEYS LONG-SLEEVECYCLING JERSEYS-SLEEVE-LESS

CYCLING KIDS APPARELCYCLING LEG + KNEE WARMERSCYCLING LIGHTS CYCLING - SAVE 35%CYCLING LIVE STRONG BRACELETSCYCLING PERSONALIZE YOUR BIKECYCLING SAMPLES SALE! YOU SAVE!CYCLING SHORTS-BIB-SHORTSCYCLING SHORTS-KNICKERSCYCLING SHORTS-PREMIUMCYCLING SKINSUITS PRES-TIGECYCLING SKULLCAPS BAN-DANASCYCLING SOCKS GRABBAG COOLMAXCYCLING SOCKS-BLAZE HIKINGCYCLING SOCKS-CUSH COOLMAXCYCLING SOCKS PEDS COOLMAX Red Tag TODAYCYCLING SOCKS-PEDSCYCLING SOCKS PICK YOUR OWNCYCLING SOCKS-WOOLCYCLING SUN-CATCHERS CYCLINGCYCLING SUNGLASSES CYCLINGCYCLING SUNGLASSES XPD® SERIESCYCLING SUNGLASSES XPD® SERIES 2CYCLING TIES LOGOCYCLING TIGHTS CYCLING/RUNNINGCYCLING TOOLS for CY-CLINGCYCLING VESTS CYCLING

CYCLING WOOL - JERSEYS, TIGHTSCYCLING WOOL SOCKSCYCLING KIDS CYCLE AP-PAREL CYCLING WOMEN’S AP-PARELBlow-Out SaleClick HereSave 50%For all the times you work too much and play too little. For every reason. For no reason. Indulge your passion for Cycling. You Deserve LongsCycle Cycling Brand-Name Apparel and Presti-gious Coolmax Socks since 1979.LONGCYCLE100% Satisfaction GuaranteedLargest Retailer of Discount Brand-Name Cycling ApparelPro Quality Cycling ApparelExperience the extreme comfort of wearing prestige coolmax socksSave 50% You choose your own design.$2.97 to $5.97(Retail $10)(Retail $60)UNTIL YOU HAVE TRIED CY-CLING RUNNING COOLMAX SOCKS IT IS IMPOSSIBLE TO UN-DERSTAND HOW COMFORT-ABLE AND LUXURIANT COOLMAX SOCKS REALLY FEEL AND HOW GOOD THEY MAKE YOU FEEL. THAT IS WHY PEOPLE PAY UP TO $16 A PAIR FOR CYCLING RUNNING COOLMAX SOCKS. THIS IS AN INCREDIBLE SAV-INGS FOR

PRESTIGIOUS CYCLING RUN-NING COOLMAX SOCKSYOU’LL GET MOTIVATED TO EXERCISE TOO WEARING CYCLING RUN-NING COOLMAX SOCKS AND YOU WILL LOOSE WEIGHT! -DO SOMETHING FOR YOUR-SELF--GET YOURSELF SOME COOLMAX SOCKS-

You Work Hard...Treat YourselfYou Deserve It! FANTASTIC SALEHave some fun go shopping click hereHave some fun! WE WANT TO MAKE YOU A CUSTOMER FOR LIFE!BECOME PART OF LONGSCY-CLE’S FAMILY OF CUSTOM-ERS AND BE TREATED LIKE FAMILY!100% SATISFACTION GUAR-ANTEE BRAND-NAME QUALITY PRESTIGE CYCLING AP-PAREL ANY QUESTIONS PLEASE CALL 1-800-737-6129 Quality Cycling Jerseys and Ap-parel for Long RidesBoston, MassachusettsTreasure the Outdoors!Have some fun go shopping click hereGet Out and Ride!Read Cycle Tips From Our Cus-tomers CLICK HEREEXPERIENCE THE POWER OF RIDING WEARING A CY-CLING JERSEYYOU’LL ALSO LOOK AND FEEL GREAT

IN A NEW CYCLING JER-SEYS!!!You Deserve the Best ! Enjoy Every Ride in Comfort!Prestigious Brand Name QualityLongcycle.comSolar Power www.aiso.netSubscribe to the LongCycle.com newsletter100% Satisfaction Guaranteed Returns/Customer Service About LongsCycle Customer Comments Shipping InformationPayPal International—LongsCycle’s service to make fast, easy, and secure payments for LongsCycle.com purchases!All Rights Reserved 2006© LongsCycle Any Questions Please Call Long-sCycle at 1-800-737-6129or E-Mail Your Questions to: [email protected] Thomas P. Clapp RoadScituate, MA 02066Have Some Fun Go Shopping Click Here“Tamper Proof” Uline S-9926 Security TapeTamper Proof Tape available at check-out FREE OF CHARGEImpossible to realign Tape once your box has been opened.Tamper Proof Tape is 22 lbs. Strong LongCycle.comOur 28th Year in BusinessLongCycle.comWISH WE SHOPPED AT LONG-CYCLE.COMHave Some Fun Go Shopping Click HereYOU DESERVE A THANK YOU

FOR ALL YOU DO....TREAT YOURSELF! GET SOME NEW CYCLING APPAREL....YOU DESERVE IT!

ALL YOUR CYCLING AP-PAREL NEEDSCycling jerseys, Cycling shorts, Cycling Bib-Shorts, Cycling arm warmers,Cycling Gloves, Cycling Cool-max Socks,Cycling Jackets, Cycling Vests, Cycling Gloves,Cycling Leg Warmers, Cycling Headbands,Cycling facemasks, Cycling Skull Caps,Cycling Tights, Cycling Sun-glasses,Cycling Bib-Shorts, Cycling Knickers ALL CYCLING APPAREL IS HERE FOR YOU!Join Specail Offeres Delivered By Email- Join Today!Save Big at Longcycle.comCloseouts Shop NowBiggest Sale of them All!Weekend Sale $16.99Cool max Grabbag Socks Six Pairs Blow-Out SaleBlow-Out SaleCLICK HERE(Retail $60)

Page 95: Composition Tools for Web Typography

Organizing Longscycle TextBlow-Out SaleHave some fun go shopping click hereHalf price sale click hereSAVE 50% STAY WARM AP-PARELSAVE 50% CYCLING SOCKS YOU PICKSAVE 87% CYCLING TODAY’S SPECIALSAVE 68% CYCLING COOL-MAX SOCKSSAVE 65% SUNGLASSES XPD® SERIESSAVE 50% CYCLING SHORTS SALESAVE 60% CYCLING TIGHTS SALESAVE 35% CYCLING LIGHTS CYCLINGSAVE 35% CYCLING KIDS APPARELSAVE 25% CYCLING JERSEYSCYCLING DAILY SPECIALCYCLING ARM WARMERS ROUBAIXCYCLING BAGS LANCE ARMSTRONGCYCLING BOOTIES SHOE COVERSCYCLING CAPS CYCLINGCYCLING CHILDREN’S AP-PARELCYCLING COOLMAX UNDER-SHIRTSCYCLING COUPONCYCLING GREETING CARDSCYCLING GIFT CERTIFI-CATESCYCLING GLOVES CYCLINGCYCLING JACKETS CYCLINGCYCLING JERSEYSCYCLING JERSEYS LONG-SLEEVECYCLING JERSEYS-SLEEVE-LESS

CYCLING KIDS APPARELCYCLING LEG + KNEE WARMERSCYCLING LIGHTS CYCLING - SAVE 35%CYCLING LIVE STRONG BRACELETSCYCLING PERSONALIZE YOUR BIKECYCLING SAMPLES SALE! YOU SAVE!CYCLING SHORTS-BIB-SHORTSCYCLING SHORTS-KNICKERSCYCLING SHORTS-PREMIUMCYCLING SKINSUITS PRES-TIGECYCLING SKULLCAPS BAN-DANASCYCLING SOCKS GRABBAG COOLMAXCYCLING SOCKS-BLAZE HIKINGCYCLING SOCKS-CUSH COOLMAXCYCLING SOCKS PEDS COOLMAX Red Tag TODAYCYCLING SOCKS-PEDSCYCLING SOCKS PICK YOUR OWNCYCLING SOCKS-WOOLCYCLING SUN-CATCHERS CYCLINGCYCLING SUNGLASSES CYCLINGCYCLING SUNGLASSES XPD® SERIESCYCLING SUNGLASSES XPD® SERIES 2CYCLING TIES LOGOCYCLING TIGHTS CYCLING/RUNNINGCYCLING TOOLS for CY-CLINGCYCLING VESTS CYCLING

CYCLING WOOL - JERSEYS, TIGHTSCYCLING WOOL SOCKSCYCLING KIDS CYCLE AP-PAREL CYCLING WOMEN’S AP-PARELBlow-Out SaleClick HereSave 50%For all the times you work too much and play too little. For every reason. For no reason. Indulge your passion for Cycling. You Deserve LongsCycle Cycling Brand-Name Apparel and Presti-gious Coolmax Socks since 1979.LONGCYCLE100% Satisfaction GuaranteedLargest Retailer of Discount Brand-Name Cycling ApparelPro Quality Cycling ApparelExperience the extreme comfort of wearing prestige coolmax socksSave 50% You choose your own design.$2.97 to $5.97(Retail $10)(Retail $60)UNTIL YOU HAVE TRIED CY-CLING RUNNING COOLMAX SOCKS IT IS IMPOSSIBLE TO UN-DERSTAND HOW COMFORT-ABLE AND LUXURIANT COOLMAX SOCKS REALLY FEEL AND HOW GOOD THEY MAKE YOU FEEL. THAT IS WHY PEOPLE PAY UP TO $16 A PAIR FOR CYCLING RUNNING COOLMAX SOCKS. THIS IS AN INCREDIBLE SAV-INGS FOR

PRESTIGIOUS CYCLING RUN-NING COOLMAX SOCKSYOU’LL GET MOTIVATED TO EXERCISE TOO WEARING CYCLING RUN-NING COOLMAX SOCKS AND YOU WILL LOOSE WEIGHT! -DO SOMETHING FOR YOUR-SELF--GET YOURSELF SOME COOLMAX SOCKS-

You Work Hard...Treat YourselfYou Deserve It! FANTASTIC SALEHave some fun go shopping click hereHave some fun! WE WANT TO MAKE YOU A CUSTOMER FOR LIFE!BECOME PART OF LONGSCY-CLE’S FAMILY OF CUSTOM-ERS AND BE TREATED LIKE FAMILY!100% SATISFACTION GUAR-ANTEE BRAND-NAME QUALITY PRESTIGE CYCLING AP-PAREL ANY QUESTIONS PLEASE CALL 1-800-737-6129 Quality Cycling Jerseys and Ap-parel for Long RidesBoston, MassachusettsTreasure the Outdoors!Have some fun go shopping click hereGet Out and Ride!Read Cycle Tips From Our Cus-tomers CLICK HEREEXPERIENCE THE POWER OF RIDING WEARING A CY-CLING JERSEYYOU’LL ALSO LOOK AND FEEL GREAT

IN A NEW CYCLING JER-SEYS!!!You Deserve the Best ! Enjoy Every Ride in Comfort!Prestigious Brand Name QualityLongcycle.comSolar Power www.aiso.netSubscribe to the LongCycle.com newsletter100% Satisfaction Guaranteed Returns/Customer Service About LongsCycle Customer Comments Shipping InformationPayPal International—LongsCycle’s service to make fast, easy, and secure payments for LongsCycle.com purchases!All Rights Reserved 2006© LongsCycle Any Questions Please Call Long-sCycle at 1-800-737-6129or E-Mail Your Questions to: [email protected] Thomas P. Clapp RoadScituate, MA 02066Have Some Fun Go Shopping Click Here“Tamper Proof” Uline S-9926 Security TapeTamper Proof Tape available at check-out FREE OF CHARGEImpossible to realign Tape once your box has been opened.Tamper Proof Tape is 22 lbs. Strong LongCycle.comOur 28th Year in BusinessLongCycle.comWISH WE SHOPPED AT LONG-CYCLE.COMHave Some Fun Go Shopping Click HereYOU DESERVE A THANK YOU

FOR ALL YOU DO....TREAT YOURSELF! GET SOME NEW CYCLING APPAREL....YOU DESERVE IT!

ALL YOUR CYCLING AP-PAREL NEEDSCycling jerseys, Cycling shorts, Cycling Bib-Shorts, Cycling arm warmers,Cycling Gloves, Cycling Cool-max Socks,Cycling Jackets, Cycling Vests, Cycling Gloves,Cycling Leg Warmers, Cycling Headbands,Cycling facemasks, Cycling Skull Caps,Cycling Tights, Cycling Sun-glasses,Cycling Bib-Shorts, Cycling Knickers ALL CYCLING APPAREL IS HERE FOR YOU!Join Specail Offeres Delivered By Email- Join Today!Save Big at Longcycle.comCloseouts Shop NowBiggest Sale of them All!Weekend Sale $16.99Cool max Grabbag Socks Six Pairs Blow-Out SaleBlow-Out SaleCLICK HERE(Retail $60)

Page 96: Composition Tools for Web Typography

Organizing Longscycle TextBlow-Out SaleHave some fun go shopping click hereHalf price sale click hereSAVE 50% STAY WARM AP-PAREL

YOU PICKSAVE 87% CYCLING TODAY’S SPECIAL

SAVE 65% SUNGLASSES XPD® SERIESSAVE 50% CYCLING SHORTS SALESAVE 60% CYCLING TIGHTS SALESAVE 35% CYCLING LIGHTS CYCLINGSAVE 35% CYCLING KIDS APPARELSAVE 25% CYCLING JERSEYSCYCLING DAILY SPECIALCYCLING ARM WARMERS ROUBAIXCYCLING BAGS LANCE ARMSTRONGCYCLING BOOTIES SHOE COVERSCYCLING CAPS CYCLINGCYCLING CHILDREN’S AP-PARELCYCLING COOLMAX UNDER-SHIRTSCYCLING COUPONCYCLING GREETING CARDSCYCLING GIFT CERTIFI-CATESCYCLING GLOVES CYCLINGCYCLING JACKETS CYCLINGCYCLING JERSEYSCYCLING JERSEYS LONG-SLEEVECYCLING JERSEYS-SLEEVE-LESS

CYCLING KIDS APPARELCYCLING LEG + KNEE WARMERSCYCLING LIGHTS CYCLING - SAVE 35%CYCLING LIVE STRONG BRACELETSCYCLING PERSONALIZE YOUR BIKECYCLING SAMPLES SALE! YOU SAVE!CYCLING SHORTS-BIB-SHORTSCYCLING SHORTS-KNICKERSCYCLING SHORTS-PREMIUMCYCLING SKINSUITS PRES-TIGECYCLING SKULLCAPS BAN-DANASCYCLING SOCKS GRABBAG COOLMAX

Red Tag TODAY

CYCLING SUN-CATCHERS CYCLINGCYCLING SUNGLASSES CYCLINGCYCLING SUNGLASSES XPD® SERIESCYCLING SUNGLASSES XPD® SERIES 2CYCLING TIES LOGOCYCLING TIGHTS CYCLING/RUNNINGCYCLING TOOLS for CY-CLINGCYCLING VESTS CYCLINGCYCLING WOOL - JERSEYS, TIGHTSCYCLING WOOL SOCKSCYCLING KIDS CYCLE AP-PAREL

CYCLING WOMEN’S AP-PARELBlow-Out SaleClick HereSave 50%For all the times you work too much and play too little. For every reason. For no reason. Indulge your passion for Cycling. You Deserve LongsCycle Cycling Brand-Name Apparel and Presti-gious Coolmax Socks since 1979.LONGCYCLE100% Satisfaction GuaranteedLargest Retailer of Discount Brand-Name Cycling ApparelPro Quality Cycling ApparelExperience the extreme comfort of wearing prestige coolmax socksSave 50% You choose your own design.$2.97 to $5.97(Retail $10)(Retail $60)UNTIL YOU HAVE TRIED CY-CLING RUNNING COOLMAX SOCKS IT IS IMPOSSIBLE TO UN-DERSTAND HOW COMFORT-ABLE AND LUXURIANT COOLMAX SOCKS REALLY FEEL AND HOW GOOD THEY MAKE YOU FEEL. THAT IS WHY PEOPLE PAY UP TO $16 A PAIR FOR CYCLING RUNNING COOLMAX SOCKS. THIS IS AN INCREDIBLE SAV-INGS FOR PRESTIGIOUS CYCLING RUN-NING COOLMAX SOCKSYOU’LL GET MOTIVATED TO EXERCISE TOO WEARING CYCLING RUN-

NING COOLMAX SOCKS AND YOU WILL LOOSE WEIGHT! -DO SOMETHING FOR YOUR-SELF--GET YOURSELF SOME COOLMAX SOCKS-

You Work Hard...Treat YourselfYou Deserve It! FANTASTIC SALEHave some fun go shopping click hereHave some fun! WE WANT TO MAKE YOU A CUSTOMER FOR LIFE!BECOME PART OF LONGSCY-CLE’S FAMILY OF CUSTOM-ERS AND BE TREATED LIKE FAMILY!100% SATISFACTION GUAR-ANTEE BRAND-NAME QUALITY PRESTIGE CYCLING AP-PAREL ANY QUESTIONS PLEASE CALL 1-800-737-6129 Quality Cycling Jerseys and Ap-parel for Long RidesBoston, MassachusettsTreasure the Outdoors!Have some fun go shopping click hereGet Out and Ride!Read Cycle Tips From Our Cus-tomers CLICK HEREEXPERIENCE THE POWER OF RIDING WEARING A CY-CLING JERSEYYOU’LL ALSO LOOK AND FEEL GREAT IN A NEW CYCLING JER-SEYS!!!You Deserve the Best ! Enjoy Every Ride in Comfort!Prestigious Brand Name Quality

Longcycle.comSolar Power www.aiso.netSubscribe to the LongCycle.com newsletter100% Satisfaction Guaranteed Returns/Customer Service About LongsCycle Customer Comments Shipping InformationPayPal International—LongsCycle’s service to make fast, easy, and secure payments for LongsCycle.com purchases!All Rights Reserved 2006© LongsCycle Any Questions Please Call Long-sCycle at 1-800-737-6129or E-Mail Your Questions to: [email protected] Thomas P. Clapp RoadScituate, MA 02066Have Some Fun Go Shopping Click Here“Tamper Proof” Uline S-9926 Security TapeTamper Proof Tape available at check-out FREE OF CHARGEImpossible to realign Tape once your box has been opened.Tamper Proof Tape is 22 lbs. Strong LongCycle.comOur 28th Year in BusinessLongCycle.comWISH WE SHOPPED AT LONG-CYCLE.COMHave Some Fun Go Shopping Click HereYOU DESERVE A THANK YOU FOR ALL YOU DO....TREAT YOURSELF! GET SOME NEW CYCLING APPAREL....YOU DESERVE IT!

ALL YOUR CYCLING AP-PAREL NEEDSCycling jerseys, Cycling shorts, Cycling Bib-Shorts, Cycling arm warmers,Cycling Gloves,

ets, Cycling Vests, Cycling Gloves,Cycling Leg Warmers, Cycling Headbands,Cycling facemasks, Cycling Skull Caps,Cycling Tights, Cycling Sun-glasses,Cycling Bib-Shorts, Cycling Knickers ALL CYCLING APPAREL IS HERE FOR YOU!Join Specail Offeres Delivered By Email- Join Today!Save Big at Longcycle.comCloseouts Shop NowBiggest Sale of them All!Weekend Sale $16.99

Blow-Out SaleBlow-Out SaleCLICK HERE(Retail $60)

Page 97: Composition Tools for Web Typography

Organizing Longscycle TextBlow-Out SaleHave some fun go shopping click hereHalf price sale click hereSAVE 50% STAY WARM AP-PAREL

YOU PICKSAVE 87% CYCLING TODAY’S SPECIAL

SAVE 65% SUNGLASSES XPD® SERIESSAVE 50% CYCLING SHORTS SALESAVE 60% CYCLING TIGHTS SALESAVE 35% CYCLING LIGHTS CYCLINGSAVE 35% CYCLING KIDS APPARELSAVE 25% CYCLING JERSEYSCYCLING DAILY SPECIALCYCLING ARM WARMERS ROUBAIXCYCLING BAGS LANCE ARMSTRONGCYCLING BOOTIES SHOE COVERSCYCLING CAPS CYCLINGCYCLING CHILDREN’S AP-PARELCYCLING COOLMAX UNDER-SHIRTSCYCLING COUPONCYCLING GREETING CARDSCYCLING GIFT CERTIFI-CATESCYCLING GLOVES CYCLINGCYCLING JACKETS CYCLINGCYCLING JERSEYSCYCLING JERSEYS LONG-SLEEVECYCLING JERSEYS-SLEEVE-LESS

CYCLING KIDS APPARELCYCLING LEG + KNEE WARMERSCYCLING LIGHTS CYCLING - SAVE 35%CYCLING LIVE STRONG BRACELETSCYCLING PERSONALIZE YOUR BIKECYCLING SAMPLES SALE! YOU SAVE!CYCLING SHORTS-BIB-SHORTSCYCLING SHORTS-KNICKERSCYCLING SHORTS-PREMIUMCYCLING SKINSUITS PRES-TIGECYCLING SKULLCAPS BAN-DANASCYCLING SOCKS GRABBAG COOLMAX

Red Tag TODAY

CYCLING SUN-CATCHERS CYCLINGCYCLING SUNGLASSES CYCLINGCYCLING SUNGLASSES XPD® SERIESCYCLING SUNGLASSES XPD® SERIES 2CYCLING TIES LOGOCYCLING TIGHTS CYCLING/RUNNINGCYCLING TOOLS for CY-CLINGCYCLING VESTS CYCLINGCYCLING WOOL - JERSEYS, TIGHTSCYCLING WOOL SOCKSCYCLING KIDS CYCLE AP-PAREL

CYCLING WOMEN’S AP-PARELBlow-Out SaleClick HereSave 50%For all the times you work too much and play too little. For every reason. For no reason. Indulge your passion for Cycling. You Deserve LongsCycle Cycling Brand-Name Apparel and Presti-gious Coolmax Socks since 1979.LONGCYCLE100% Satisfaction GuaranteedLargest Retailer of Discount Brand-Name Cycling ApparelPro Quality Cycling ApparelExperience the extreme comfort of wearing prestige coolmax socksSave 50% You choose your own design.$2.97 to $5.97(Retail $10)(Retail $60)UNTIL YOU HAVE TRIED CY-CLING RUNNING COOLMAX SOCKS IT IS IMPOSSIBLE TO UN-DERSTAND HOW COMFORT-ABLE AND LUXURIANT COOLMAX SOCKS REALLY FEEL AND HOW GOOD THEY MAKE YOU FEEL. THAT IS WHY PEOPLE PAY UP TO $16 A PAIR FOR CYCLING RUNNING COOLMAX SOCKS. THIS IS AN INCREDIBLE SAV-INGS FOR PRESTIGIOUS CYCLING RUN-NING COOLMAX SOCKSYOU’LL GET MOTIVATED TO EXERCISE TOO WEARING CYCLING RUN-

NING COOLMAX SOCKS AND YOU WILL LOOSE WEIGHT! -DO SOMETHING FOR YOUR-SELF--GET YOURSELF SOME COOLMAX SOCKS-

You Work Hard...Treat YourselfYou Deserve It! FANTASTIC SALEHave some fun go shopping click hereHave some fun! WE WANT TO MAKE YOU A CUSTOMER FOR LIFE!BECOME PART OF LONGSCY-CLE’S FAMILY OF CUSTOM-ERS AND BE TREATED LIKE FAMILY!100% SATISFACTION GUAR-ANTEE BRAND-NAME QUALITY PRESTIGE CYCLING AP-PAREL ANY QUESTIONS PLEASE CALL 1-800-737-6129 Quality Cycling Jerseys and Ap-parel for Long RidesBoston, MassachusettsTreasure the Outdoors!Have some fun go shopping click hereGet Out and Ride!Read Cycle Tips From Our Cus-tomers CLICK HEREEXPERIENCE THE POWER OF RIDING WEARING A CY-CLING JERSEYYOU’LL ALSO LOOK AND FEEL GREAT IN A NEW CYCLING JER-SEYS!!!You Deserve the Best ! Enjoy Every Ride in Comfort!Prestigious Brand Name Quality

Longcycle.comSolar Power www.aiso.netSubscribe to the LongCycle.com newsletter100% Satisfaction Guaranteed Returns/Customer Service About LongsCycle Customer Comments Shipping InformationPayPal International—LongsCycle’s service to make fast, easy, and secure payments for LongsCycle.com purchases!All Rights Reserved 2006© LongsCycle Any Questions Please Call Long-sCycle at 1-800-737-6129or E-Mail Your Questions to: [email protected] Thomas P. Clapp RoadScituate, MA 02066Have Some Fun Go Shopping Click Here“Tamper Proof” Uline S-9926 Security TapeTamper Proof Tape available at check-out FREE OF CHARGEImpossible to realign Tape once your box has been opened.Tamper Proof Tape is 22 lbs. Strong LongCycle.comOur 28th Year in BusinessLongCycle.comWISH WE SHOPPED AT LONG-CYCLE.COMHave Some Fun Go Shopping Click HereYOU DESERVE A THANK YOU FOR ALL YOU DO....TREAT YOURSELF! GET SOME NEW CYCLING APPAREL....YOU DESERVE IT!

ALL YOUR CYCLING AP-PAREL NEEDSCycling jerseys, Cycling shorts, Cycling Bib-Shorts, Cycling arm warmers,Cycling Gloves,

ets, Cycling Vests, Cycling Gloves,Cycling Leg Warmers, Cycling Headbands,Cycling facemasks, Cycling Skull Caps,Cycling Tights, Cycling Sun-glasses,Cycling Bib-Shorts, Cycling Knickers ALL CYCLING APPAREL IS HERE FOR YOU!Join Specail Offeres Delivered By Email- Join Today!Save Big at Longcycle.comCloseouts Shop NowBiggest Sale of them All!Weekend Sale $16.99

Blow-Out SaleBlow-Out SaleCLICK HERE(Retail $60)

Page 98: Composition Tools for Web Typography

Organized and Edited Text• Men’s Wear• Women’s Wear• Kid’s Wear

Head Wear Sale & Specials Caps Sunglasses Skullcaps Bandanas Headbands Face masksTops Sale & Specials Undershirts Jerseys - Long-Sleeve Jerseys - Sleeveless Jerseys - Wool Arm Warmers Roubaix Jackets VestsHands Sale & Specials Gloves CyclingBottoms Sale & Specials Leg & Knee Warmers Bib-Shorts Knickers Premium Tights Cycling/Running Wool TightsFeet, Socks Sale & Specials Grabbag Coolmax Blaze Hiking Cush Coolmax Peds Coolmax Peds Pick Your Own Wool

Whole Body Skinsuits Prestige

Bike Equipment, Etc. Tools Lights Personalize Your Bike Bags, Armstrong Greeting Cards Live Strong Bracelets Sun-Catchers, Cycling Ties, Logo Greeting Cards

About LongsCycle

LONGCYCLE100% Satisfaction GuaranteedLargest Retailer of Discount Brand-Name Pro Quality Cycling Apparel

Returns/Customer Service Customer Comments

Shipping InformationPayPal International All Rights Reserved 2006© LongsCycle

Any Questions Please Call Long-sCycle at 1-800-737-6129or E-Mail Your Questions to: [email protected]

185 Thomas P. Clapp RoadScituate, MA 02066

Page 99: Composition Tools for Web Typography

Let’s see what some soph typography students did with Longscycle.

Page 100: Composition Tools for Web Typography

Men Women Kids

TOPS Sale | Specials Undershirts Jerseys long-sleeve Jerseys sleeveless Jerseys wool Arm warmers roubaix Jackets Vests

HEAD WEAR Sale | Specials Caps Sunglasses Skullcaps Bandanas Headbands Face masks

HAND WEAR Sale | Specials Gloves Cycling

BOTTOMS Sale | Specials Leg | Knee Warmers Bib-Shorts Knickers Premium TightsCycling/Running Wool Tights

FEET | SOCKS Sale & Specials Grabbag Coolmax Blaze Hiking Cush Coolmax Peds Coolmax Peds Pick Your Own Wool

Bike Equlpment

Shopping Cart

About Longcycle Shipping Information Contact Us

All Rights Reserved 2006© LONGSCYCLE

Page 101: Composition Tools for Web Typography
Page 102: Composition Tools for Web Typography

LONGSCYCLE100% SATISFACTION GUARANTEE

Men’s Apparel

Women’s Apparel

Kid’s Apparel

Bike Equipment

Head WearSale & Specials

Bandanas

Caps

Face masks

Helmets

Skullcaps

Sunglasses

TopsSale & Specials

Arm Warmers Roubaix

Jackets

Jerseys - Long-Sleeve

Jerseys - Sleeveless

Jerseys - Wool

Undershirts

Vests

HandsSale & Specials

Gloves Cycling

BottomsSale & Specials

Bib-Shorts

Knickers

Leg & Knee Warmers

Premium

Tights Cycling/Running

Wool Tights

Feet, SocksSale & Specials

Blaze Hiking

Cush Coolmax

Grabbag Coolmax

Peds

Peds Coolmax

Pick Your Own

Wool

Whole BodySkinsuits Prestige

My Cart

Search

LongsCycles.com | My Account | My Cart

About | Shipping | Customer Service

Call LongsCycle at 1-800-737-6129

Largest Retailer of Discount Brand

Name Quality Cycling Apparel

Page 103: Composition Tools for Web Typography
Page 104: Composition Tools for Web Typography

LongsCycle home about contact (4)

For all the times you work too hard and play too little.

kids

women

men

Page 105: Composition Tools for Web Typography

Bike Equipment, etc

All Rights Reserved 2006© Longscycle

100% Satisfaction Gauranteed

Largest Retailer of Discount

Brand-Name Pro Quality Cycling

Men’s Wear Women’s WearWomen’s Wear Bike Equipment, etc

ContactReturns/Customer Service Shipping Information Paypal International

Kid’s WearKid’s Wear

My Account Shopping Bag [ 0 ]

Men’s Wear

$17.997 pack

Brabbag Coolmax

$39.99Louis Garneao Pilotta

Gloves

$54.99Castelli Nano Leg

Warmer

SALESALESALE

Longscycle

Page 106: Composition Tools for Web Typography

Customer Service / Shipping Information / About Us / Shopping Cart

Largest retailer of discount brand name, pro-quality cycling apparel

Men’s WearWomen’s WearKid’s WearHead Wear Sale & Specials

Caps

Sunglasses

Skullcaps

Bandanas

Headbands

Face masks

Tops Sale & Specials

Undershirts

Jerseys - Long-Sleeve

Jerseys - Sleeveless

Jerseys - Wool

Arm Warmers Roubaix

Jackets

Vests

Bottoms Sale & Specials

Leg & Knee Warmers

Bib-Shorts

Knickers

Premium

Tights Cycling/Running

Wool Tights

Hands Sale & Specials

Gloves Cycling

Feet, Socks Sale & Specials

Grabbag Coolmax

Blaze Hiking

Cush Coolmax

Peds Coolmax

Peds

Pick Your Own

Wool

Whole Body Skinsuits Prestige

Equipment, etc. Tools

Lights

Personalize Your Bike

Bags, Armstrong

Greeting Cards

Live Strong Bracelets

Sun-Catchers

Greeting Cards

Questions? 1-800-737-6129 or [email protected] 185 Thomas P. Clapp Road, Scituate, MA 02066 All Rights Reserved 2006© LongsCycle

Shop for: Featured Items:

Coolmax Cycling SocksGiro Atmos Helmet

Novara Rivet Biking GlovesPearl Izumi UltraSensor Shorts

General purpose, One size fits all. The best in comfort!Superior technology and Tour de France-proven performance.

Men’s. Choose from 3 sizes. Water resistant.Men’s. Pearl combines excellent technical function, durability

and fit in the race-ready UltraSensor bike shorts.

$175.00 $3.99/pr

$30.99$99.99

Search

Page 107: Composition Tools for Web Typography

Why is good typography so important?

People have too many choices and too little time

Most communications have a similar quality and features

We tend to base our focus choices on efficiency

Page 108: Composition Tools for Web Typography

Good typography can make the differ-ence between:

understanding or misunderstanding,

engaging with content or ignoring it,

delight or disappointment.

Typography will affect the way a reader sees, feels, and understands.

Page 109: Composition Tools for Web Typography

The larger role of graphic design

Page 110: Composition Tools for Web Typography

What about graphic design?

(and why should I care)

Page 111: Composition Tools for Web Typography

What is Graphic Design?

“A little pizazz and color.”

(and why should I care)

Page 112: Composition Tools for Web Typography

What is Graphic Design?

“A little pizazz and color.”“After-the-fact some added edgy stuff.”

(and why should I care)

Page 113: Composition Tools for Web Typography

What is Graphic Design?

“A little pizazz and color.”“After-the-fact some added edgy stuff.”“Surface styling so as to seem current.”

(and why should I care)

Page 114: Composition Tools for Web Typography

What is Graphic Design? “A little pizazz and color.”“After-the-fact some added edgy stuff.”“Surface styling so as to seem current.”

Design is a way of influencing life and changing the future.

(and that’s why I should care)

Page 115: Composition Tools for Web Typography

Remember the 2000 presidential election?

Page 116: Composition Tools for Web Typography
Page 117: Composition Tools for Web Typography

How about the 2008 election?

Page 118: Composition Tools for Web Typography
Page 119: Composition Tools for Web Typography
Page 120: Composition Tools for Web Typography
Page 121: Composition Tools for Web Typography

What are the odds that the RNC is working on their 2012 web presence right now?

Page 122: Composition Tools for Web Typography

Design is in a state of rapid evolution

Page 123: Composition Tools for Web Typography

1984 Cell Phone

4 Lbs.$3,995.

Page 124: Composition Tools for Web Typography

2008 Cell Phone

4.7 oz.$200.phonemedia playerclockcalculatorgps systemcomputercameranotebookmapsetc., etc., etc.

Page 125: Composition Tools for Web Typography

Graphic Design is Evolving Too

Page 126: Composition Tools for Web Typography

We Have More Tools

http://www.commoncraft.com/store-item/web-search-strategies

Page 127: Composition Tools for Web Typography

Communications Can Become Richer

http://www.nytimes.com/interactive/2008/07/12/arts/20080712_BEIJING_GRAPHIC.html?scp=10&sq=andrew%20devigal&st=cse

Page 128: Composition Tools for Web Typography

More Meaningful

http://www.nytimes.com/2007/04/19/arts/20070419_MET_GRAPHIC.html?_r=3&oref=slogin&oref=slogin

Page 129: Composition Tools for Web Typography

Re-envisioned

https://www.cicatriz.se/SS07/

Page 130: Composition Tools for Web Typography

Web Environments

(entertainment, gaming, & music industries)

http://billyharvey.com/

Page 131: Composition Tools for Web Typography

Make A Statement

http://sendables.jibjab.com/originals/time_for_some_campaignin

Page 132: Composition Tools for Web Typography

Finally:

Make Typography & Design Purposeful

Page 133: Composition Tools for Web Typography

Make Typography & Design Purposeful

1. Content Organization & Editing Location Alphabet Time Category Hierarchy

Page 134: Composition Tools for Web Typography

Make Typography & Design Purposeful

1. Content Organization & Editing

2. Visual Structures Grids: Columns & Visual Fields

Page 135: Composition Tools for Web Typography

Make Typography & Design Purposeful

1. Content Organization & Editing

2. Visual Structures

3. New Media

Page 136: Composition Tools for Web Typography

Make Typography & Design Purposeful

1. Content Organization & Editing

2. Visual Structures

3. New Media

4. Appropriate–

Page 137: Composition Tools for Web Typography

Original Text

Nebraska is filled with internationally recognized

attractions that draw large crowds of people every

year, without fail. In 1996, some of the most popular

paces were Fort Robinson State Park (344,000 visitors),

Scotts Bluff National Monument (132,166), Arbor Lodge

State Historical Park & Museum (100,000), Carhenge

(86,598), Stuhr Museum of the Prairie Pioneer (60,002),

and Buffalo Bill Ranch State Historical Park (28,446).

Designing Web Usability, Jakob Nielsen

Page 138: Composition Tools for Web Typography

Somewhat Better Text

In 1996, six of the best-attended attractions in

Nebraska were Fort Robinson State Park, Scotts Bluff

National Monument, Arbor Lodge State Historical Park

& Museum, Carhenge, Stuhr Museum of the Prairie

Pioneer, and Buffalo Bill Ranch State Historical Park.

Page 139: Composition Tools for Web Typography

Much Better Text

In 1996, six of the best-attended attractions in

Nebraska were:

• Fort Robinson State Park

• Scotts Bluff National Monument

• Arbor Lodge State Historical Park & Museum

• Carhenge

• Stuhr Museum of the Prairie Pioneer

• Buffalo Bill RanchState Historical Park.

Page 140: Composition Tools for Web Typography

Maybe even better

0 50,000 100,000 150,000 200,000 250,000 300,000 350,000

Fort RobinsonState Park

Number of Visitors

Scotts Blu�Natl. Monument

Arbor LodgeState Park & Museum

CarhengeState Park

Stuhr MuseumPrairie Pioneer

Bu�alo Bill RanchState Historical Park

1996 Nebraska State Parks VisitorsTotal: 751,212

Page 141: Composition Tools for Web Typography

KNI is a passionate and energetic design stu-

dio committed to exceeding expectations.

Our competencies include pre-production

project discovery, complete brand overhauls,

new identity development, full-service in-

teractive design and engineering, and web-

based content management utilities, blah

blah....

Page 142: Composition Tools for Web Typography

KNI is a passionate and energetic design stu-

dio committed to exceeding expectations.

Our competencies include pre-production

project discovery, complete brand overhauls,

new identity development, full-service in-

teractive design and engineering, and web-

based content management utilities, blah

blah....

Page 143: Composition Tools for Web Typography

Our goal is to make awesome websites, give great service to our clients, and be good people.

Page 144: Composition Tools for Web Typography

Ringling College Mission

Ringling College of Art and Design recognizes that artists and designers play a significant role in society. The School’s primary mission is to pro-vide programs leading to a Bachelor of Fine Arts degree that prepare stu-dents to be discerning visual think-ers and ethical practitioners in their chosen area of art and design.

Visual arts professionals must un-derstand diverse aspects of past and present cultures, and develop their capacity for creative expression and effective communication. Ringling College of Art and Design’s curricu-lum, therefore, balances the teaching of technical knowledge and skills with the development of critical, conceptual and creative abilities and supports courses that provide histor-ical, multicultural, global and future perspectives. Ringling College fac-

ulty consists of professionally active and teaching-oriented artists, design-ers and scholars.

Ringling College of Art and Design strives to enroll both full- and part-time students from diverse back-grounds who intend to become pro-fessionals in the visual arts. Through its policies and practices, the School supports excellence in teaching and fosters the aesthetic, intellectual, professional, personal and social de-velopment of its students. Academic programs and advising, career ser-vices, and an extensive cocurricular student life program prepare stu-dents for an art or design profession, or when appropriate, for continued studies on the graduate level.

In addition to its degree program, Ringling College offers courses, lec-tures, exhibitions and other art-relat-ed services to the local and regional community through its gallery, li-brary, continuing education and com-munity service programs.

Through the efforts of its Board of Trustees, administrators, faculty, staff, alumni and friends, Ringling College endeavors to provide the necessary resources, services and environment to fulfill its institutional mission.

Founded in 1931, Ringling College of Art and Design is a private, inde-pendent, nonprofit, four-year college.

Page 145: Composition Tools for Web Typography

Ringling College Mission

Ringling College of Art and Design recognizes that artists and designers play a significant role in society. The School’s primary mission is to pro-vide programs leading to a Bachelor of Fine Arts degree that prepare stu-dents to be discerning visual think-ers and ethical practitioners in their chosen area of art and design.

Visual arts professionals must un-derstand diverse aspects of past and present cultures, and develop their capacity for creative expression and effective communication. Ringling College of Art and Design’s curricu-lum, therefore, balances the teaching of technical knowledge and skills with the development of critical, conceptual and creative abilities and supports courses that provide historical, multicultural, global and future perspectives. Ringling

College faculty consists of profes-sionally active and teaching-oriented artists, designers and scholars.

Ringling College of Art and Design strives to enroll both full- and part-time students from diverse back-grounds who intend to become pro-fessionals in the visual arts. Through its policies and practices, the School supports excellence in teaching and fosters the aesthetic, intellectual, professional, personal and social development of its students. Aca-demic programs and advising, career services, and an extensive cocurricu-lar student life program prepare stu-dents for an art or design profession, or when appropriate, for continued studies on the graduate level.

In addition to its degree program, Ringling College offers courses, lec-tures, exhibitions and other art-relat-ed services to the local and regional community through its gallery, li-brary, continuing education and com-munity service programs.

Through the efforts of its Board of Trustees, administrators, faculty, staff, alumni and friends, Ringling College endeavors to provide the necessary resources, services and environment to fulfill its institutional mission.

Founded in 1931, Ringling College of Art and Design is a private, inde-pendent, nonprofit, four-year college.

Page 146: Composition Tools for Web Typography

My Mission (Inspired by Kurt Nobel)

My goal is to create awesome designers, give a great education to my students, and be a good person.

Page 147: Composition Tools for Web Typography

Thank you.