Your SlideShare is downloading. ×
Composition Tools for Web Typography
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×

Saving this for later?

Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime - even offline.

Text the download link to your phone

Standard text messaging rates apply

Composition Tools for Web Typography

2,268
views

Published on

Composition Tools for Web Typography …

Composition Tools for Web Typography

Have 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.

Published in: Design, Business

0 Comments
4 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
2,268
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
52
Comments
0
Likes
4
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. Web Typography Kimberly Elam, Ringling College of Art and Design WebVisions, 2009
  • 2. 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
  • 3. Ready?
  • 4. Let’s start by dispelling some myths.
  • 5. First, typography is not font selection.
  • 6. Second, content does not exist to serve typography.
  • 7. 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.
  • 8. Good typography is almost invisible because it functions so well. It’s a lot tougher to do than it looks.
  • 9. So what exactly is typography?
  • 10. Typography is what language looks like.
  • 11. Design & type gently collaborate to: serve the reader and author enhance understanding organize thoughts and actions acknowledge visual culture
  • 12. Any job can be typographically sound. Even yours! You will need to: think more, read more, edit more, and design less.
  • 13. But first, you have to master the five methods of organizing information.
  • 14. Information can be almost infinite... Fortunately, there are only 5 ways to organize it:
  • 15. Organizing Information 1. Category 2. Time 3. Location 4. Alphabet 5. Hierarchy
  • 16. Category 1. Category 2. Time 3. Location 4. Alphabet 5. Hierarchy
  • 17. Time 1. Category 1896 1908 1920s 1930s 2. Time 3. Location 4. Alphabet 5. Hierarchy 1940s 1950s 1960s 1970s 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.
  • 18. Location 1. Category 2. Time 3. Location 4. Alphabet 5. Hierarchy
  • 19. Alphabet E-Series Escape Hybrid 1. Category Edge 2. Time Expedition 3. Location Explorer F-150 4. Alphabet Focus 5. Hierarchy Fusion Mustang Ranger Sport Trac Super Duty 250 Super Duty 350 Super Duty 450 Taurus Taurus X
  • 20. Hierarchy 1. Category 2. Time 3. Location 4. Alphabet 5. Hierarchy
  • 21. Hierarchy 1. Category 2. Time 3. Location 4. Alphabet 5. Hierarchy
  • 22. Hierarchy 1. Category 2. Time 3. Location 4. Alphabet 5. Hierarchy
  • 23. Once information is understood, and content is organized, it can become visual.
  • 24. Macro-Typography Grid Structures Lessons from graphic design
  • 25. The grid is the most vivid manifestation of the will to order in graphic design.
  • 26. Before Redesign
  • 27. After Redesign
  • 28. After Redesign 2 Major Columns
  • 29. After Redesign 2 Major Columns Subdivide into 8 columns All text aligns on columns
  • 30. After Redesign 2 Major Columns Subdivided into 8 columns All text aligns on columns Page is divided into 12 rows of visual fields
  • 31. Web Grids
  • 32. Before Redesign
  • 33. Bad Typography Disorganized Unstructured Unreadable Unclear
  • 34. Good Typography Disorganized Unstructured Unreadable Unclear
  • 35. Graphic Arts Exchange
  • 36. All Text from Graphic Arts Exchange GRAPHIC ARTS EXCHANGE PACKAGING & CONVERTING BIG BINDER FEATURES ON A COMPACT BINDERY & FINISHING HAND FED PERFECT BINDER DEALERS: SELL YOUR EQUIPMENT! EQUIPMENT PARTS DISTRIBUTED EXCLUSIVELY BY: ADTECH CLICK FOR MORE INFORMATION... SUPPLIES & CONSUMABLES GRAPHIC SERVICE CLICK HERE AVAILABLE ADVERTISEMENT WELCOME TO GAX... FOR MORE INFORMATION CALL PAPER HANDLING EQUIPMENT RICH Looking for something? The Graphic KNORR SYSTEME AT 1-888-396-5104 Arts Exchange is the premier internet CLICK HERE destination for finding used printing HOME equipment, used bindery equipment, FKB SERIES OF FOLDING & GLUING EQUIP- EQUIPMENT used pre-press equipment, graphic arts MENT DEALERS related supplies, consumables, parts, ADTECH GRAPHIC SERVICE SERVICE and more! CLICK HERE LOGIN And the Equipment Listings are the BOTTCHER ROLLERS PRINTERS: SELECT A CATEGORY OF most important things here! Intended NEW! EASY ONLINE ORDERING EQUIPMENT for browsing, you can select a category FORM BLUE, FORM RED, FORM WHITE, from the list to your left and begin FORM YELLOW, DISTRIBUTOR BLUE, BOOKMARK US drilling down to find that perfect piece DISTRIBUTOR RED, DISTRIBUTOR WHITE, MY ACCOUNT of equipment, the best deal on that DISTRIBUTOR YELLOW, DUCTOR BLUE TELL SOMEONE part you needed yesterday, and more… CLICK HERE PRE-PRESS EQUIPMENT DEALERS: SELL YOUR EQUIPMENT! HEIDELBERG DIGITAL PRINTING EQUIPMENT CLICK FOR MORE INFORMATION... REMARKETED EQUIPMENT FLEXOGRAPHIC EQUIPMENT CLICK HERE XEROGRAPHIC EQUIPMENT SCREEN PRINTING EQUIPMENT TECHNOTRANS MAILING & INSERTING EQUIPMENT FEATURED PARTNER... DAMPENING SOLUTION, CIRCULATORS, SHEET FED OFFSET PRESSES SUPERBINDER 200X AND INK ROLLER TEMPERATURE CONTROL WEB FED OFFSET PRESSES UNITS CLICK HERE
  • 37. Organized Text by Category Business Name Descriptive Text Advertisers Graphic Arts Exchange Looking for something? The Graphic Featured Partners Arts Exchange is the premier internet Superbinder 200X Navigation destination for finding used printing Big Binder Features on a Compact Hand Home equipment, used bindery equipment, Fed Perfect Binder Equipment used pre-press equipment, graphic arts Distributed Exclusively by: Adtech Graph- Dealers related supplies, consumables, parts, ic Service Service and more! Click Here Login Bookmark Us And the Equipment Listings are the Paper Handling Equipment My Account most important things here! Intended Knorr Systeme Tell Someone for browsing, you can select a category Click Here from the list to your left and begin Equipment Categories drilling down to find that perfect piece FKB Series of Folding & Gluing Equipment Pre-Press Equipment of equipment, the best deal on that Adtech Graphic Service Digital Printing Equipment part you needed yesterday, and more… Click Here Flexographic Equipment Xerographic Equipment Sales of Space Bottcher Rollers Screen Printing Equipment Dealers: Sell Your Equipment! New! Easy Online Ordering Mailing & Inserting Equipment Click for more information. Form Blue, Form Red, Form White, Form Sheet Fed Offset Presses Yellow, Distributor Blue, Distributor Red, Web Fed Offset Presses Available Advertisement Distributor White, Distributor Yellow, Duc- Packaging & Converting For More Information Call Rich at tor Blue Bindery & Finishing 1-888-396-5104 Click Here Equipment Parts Supplies & Consumables Heidelberg Remarketed Equipment Click Here Technotrans Dampening Solution, Circulators, and Ink Roller Temperature Control Units Click Here
  • 38. Organized Text Categories Business Name Descriptive Text Advertisers Graphic Arts Exchange Looking for something? The Graphic Featured Partners Arts Exchange is the premier internet Superbinder 200X Navigation destination for finding used printing Big Binder Features on a Compact Hand Home equipment, used bindery equipment, Fed Perfect Binder Equipment used pre-press equipment, graphic arts Distributed Exclusively by: Adtech Graph- Dealers related supplies, consumables, parts, ic Service Service Organized by hierarchy and more! Click Here Login Grouped by function My Account And the Equipment Listings are the Paper Handling Equipment Bookmark Us most important things here! Intended Knorr Systeme Tell Someone for browsing, you can select a category Click Here from the list to your left and begin Equipment Categories drilling down to find that perfect piece FKB Series of Folding & Gluing Equipment Pre-Press Equipment of equipment, the best deal on that Adtech Graphic Service Digital Printing Equipment part you needed yesterday, and more… Click Here Flexographic Equipment Xerographic Equipment Sales of Space Bottcher Rollers Screen Printing Equipment Dealers: Sell Your Equipment! New! Easy Online Ordering Mailing & Inserting Equipment Click for more information. Form Blue, Form Red, Form White, Form Sheet Fed Offset Presses Yellow, Distributor Blue, Distributor Red, Web Fed Offset Presses Available Advertisement Distributor White, Distributor Yellow, Duc- Packaging & Converting For More Information Call Rich at tor Blue Bindery & Finishing 1-888-396-5104 Click Here Equipment Parts Supplies & Consumables Heidelberg Remarketed Equipment Click Here Technotrans Dampening Solution, Circulators, and Ink Roller Temperature Control Units Click Here
  • 39. Organized Text Categories Business Name Descriptive Text Advertisers Graphic Arts Exchange Looking for something? The Graphic Featured Partners Arts Exchange is the premier internet Superbinder 200X Navigation destination for finding used printing Big Binder Features on a Compact Hand Home equipment, used bindery equipment, Fed Perfect Binder Equipment used pre-press equipment, graphic arts Distributed Exclusively by: Adtech Graph- Dealers related supplies, consumables, parts, ic Service Service and more! Click Here Login My Account And the Equipment Listings are the Paper Handling Equipment Bookmark Us most important things here! Intended Knorr Systeme Tell Someone for browsing, you can select a category Click Here from the list to your left and begin Equipment Categories drilling down to find that perfect piece FKB Series of Folding & Gluing Equipment Bindery & Finishing of equipment, the best deal on that Adtech Graphic Service Digital Printing Equipment part you needed yesterday, and more… Click Here Equipment Parts Flexographic Equipment Sales of Space Bottcher Rollers Mailing & Inserting Equipment Dealers: Sell Your Equipment! New! Easy Online Ordering Packaging & Converting Click for more information. Form Blue, Form Red, Form White, Form Pre-Press Equipment Yellow, Distributor Blue, Distributor Red, Screen Printing Equipment Organized Advertisement Available by alphabet Distributor White, Distributor Yellow, Duc- Sheet Fed Offset Presses For More Information Call Rich at tor Blue Supplies & Consumables 1-888-396-5104 Click Here Web Fed Offset Presses Xerographic Equipment Heidelberg Remarketed Equipment Click Here Technotrans Dampening Solution, Circulators, and Ink Roller Temperature Control Units Click Here
  • 40. Organized Text Categories Business Name Descriptive Text Advertisers Graphic Arts Exchange Looking for something? The Graphic Featured Partners Arts Exchange is the premier internet Superbinder 200X Navigation destination for finding used printing Big Binder Features on a Compact Hand Fed Home equipment, used bindery equipment, Perfect Binder Equipment used pre-press equipment, graphic arts Distributed Exclusively by: Adtech Graphic Dealers related supplies, consumables, parts, Service Service and more! Click Here Login Bookmark Us And the Equipment Listings are the Paper Handling Equipment My Account most important things here! Intended Knorr Systeme Tell Someone for browsing, you can select a category Click Here from the list to your left and begin Equipment Categories drilling down to find that perfect piece FKB Series of Folding & Gluing Equipment Bindery & Finishing of equipment, the best deal on that Adtech Graphic Service Digital Printing Equipment part you needed yesterday, and more… Click Here Equipment Parts Flexographic Equipment Sales of Space Bottcher Rollers Mailing & Inserting Equipment Dealers: Sell Your Equipment! New! Easy Online Ordering Packaging & Converting Click for more information. Form Blue, Form Red, Form White, Form Pre-Press Equipment Yellow, Distributor Blue, Distributor Red, Screen Printing Equipment Available Advertisement Distributor White, Distributor Yellow, Ductor Sheet Fed Offset Presses For More Information Call Rich at Blue Supplies & Consumables 1-888-396-5104 Click Here Web Fed Offset Presses Xerographic Equipment Heidelberg Remarketed Equipment Click Here Technotrans Dampening Solution, Circulators, and Ink Roller Temperature Control Units Click Here
  • 41. Graphic Arts Home Dealers Login Bookmark Us Equipment Service My Account Tell Someone Exchange Looking for something? The Graphic Arts Exchange is something? The Graphic Arts Exchange is the pre- Looking for the premier internet destina- tion for finding used printing equipment, printing equipment, mier internet destination for finding used Search used bindery equipment, used pre-press equipment, graphic arts equipment, graphic arts relatedparts, and more! related supplies, consumables, supplies, Bindery & Finishing consumables, parts, and more! Digital Printing Equipment Available Advertisement Dealers: Sell Your Equipment! Click for more info For More Information Call Rich at 1-888-396-5104 Flexographic Equipment F e a t u r e d Pa r t n e r s : Mailing & Inserting Equipment Perfect Binder Rollers Packaging & Converting Superbinder 200X Bottcher Rollers Big Binder Features on a Compact Hand Fed Perfect Form Blue, Form Red, Form White, Form Yellow, Distribu- Parts Binder tor Blue, Distributor Red, Distributor White, Distributor Distributed Exclusively by: Adtech Graphic Service Yellow, Ductor Blue New! Easy Online Ordering Pre-Press Equipment Click Here Click Here Screen Printing Equipment Paper Handling Equipment Heidelberg Sheet Fed Offset Presses Knorr Systeme Remarketed Equipment Click Here Click Here Supplies & Consumables Web Fed Offset Presses Folding & Gluing Equipment Technotrans FKB Series, Adtech Graphic Service Dampening Solution, Circulators, and Ink Rollers Xerographic Equipment Click Here Click Here
  • 42. Graphic Arts Home Dealers Login Bookmark Us Equipment Service My Account Tell Someone Exchange Looking for something? The Graphic Arts Exchange is something? The Graphic Arts Exchange is the pre- Looking for the premier internet destina- Search tion for finding used printing equipment, printing equipment, mier internet destination for finding used used bindery equipment, used pre-press equipment, graphic arts Bindery & Finishing equipment, graphic arts relatedparts, and more! related supplies, consumables, supplies, consumables, parts, and more! Digital Printing Equipment Available Advertisement Dealers: Sell Your Equipment! Click for more info Flexographic Equipment For More Information Call Rich at 1-888-396-5104 Mailing & Inserting Equipment F e a t u r e d Pa r t n e r s : Packaging & Converting Perfect Binder Bottcher Rollers Form Blue, Form Red, Form White, Form Yellow, Distribu- Superbinder 200X Parts Big Binder Features on a Compact Hand Fed Perfect tor Blue, Distributor Red, Distributor White, Distributor Yellow, Ductor Blue New! Easy Online Ordering Binder Pre-Press Equipment Distributed Exclusively by: Adtech Graphic Service Click Here Click Here Screen Printing Equipment Remarketed Equipment Sheet Fed Offset Presses Paper Handling Equipment Click Here Knorr Systeme Supplies & Consumables Click Here Dampening Solution, Circulators, and Ink Rollers Web Fed Offset Presses Click Here Folding & Gluing Equipment Xerographic Equipment FKB Series, Adtech Graphic Service Click Here
  • 43. Graphic Arts Home Dealers Login Bookmark Us Equipment Service My Account Tell Someone Exchange Looking for something? The Graphic Arts Exchange is the pre- Search mier internet destination for finding used printing equipment, used bindery equipment, used pre-press equipment, graphic arts related supplies, consumables, parts, and more! Bindery & Finishing Digital Printing Equipment Available Advertisement Dealers: Sell Your Equipment! Click for more info For More Information Call Rich at 1-888-396-5104 Flexographic Equipment F e a t u r e d Pa r t n e r s : Mailing & Inserting Equipment Perfect Binder Bottcher Rollers Packaging & Converting Superbinder 200X Form Blue, Form Red, Form White, Form Yellow, Distribu- Big Binder Features on a Compact Hand Fed Perfect tor Blue, Distributor Red, Distributor White, Distributor Parts Binder Yellow, Ductor Blue New! Easy Online Ordering Distributed Exclusively by: Adtech Graphic Service Click Here Pre-Press Equipment Click Here Screen Printing Equipment Paper Handling Equipment Remarketed Equipment Sheet Fed Offset Presses Knorr Systeme Click Here Click Here Supplies & Consumables Web Fed Offset Presses Folding & Gluing Equipment Technotrans Dampening Solution, Circulators, and Ink Rollers FKB Series, Adtech Graphic Service Xerographic Equipment Click Here Click Here
  • 44. Graphic Arts Home Dealers Login Bookmark Us Equipment Service My Account Tell Someone Exchange Looking for something? The Graphic Arts Exchange is the pre- Search mier internet destination for finding used printing equipment, used bindery equipment, used pre-press equipment, graphic arts related supplies, consumables, parts, and more! Bindery & Finishing Digital Printing Equipment Available Advertisement Dealers: Sell Your Equipment! Click for more info For More Information Call Rich at 1-888-396-5104 Flexographic Equipment F e a t u r e d Pa r t n e r s : Mailing & Inserting Equipment Perfect Binder Bottcher Rollers Packaging & Converting Superbinder 200X Form Blue, Form Red, Form White, Form Yellow, Distribu- Big Binder Features on a Compact Hand Fed Perfect tor Blue, Distributor Red, Distributor White, Distributor Parts Binder Yellow, Ductor Blue New! Easy Online Ordering Distributed Exclusively by: Adtech Graphic Service Click Here Pre-Press Equipment Click Here Screen Printing Equipment Paper Handling Equipment Remarketed Equipment Sheet Fed Offset Presses Knorr Systeme Click Here Click Here Supplies & Consumables Web Fed Offset Presses Folding & Gluing Equipment Technotrans Dampening Solution, Circulators, and Ink Rollers FKB Series, Adtech Graphic Service Xerographic Equipment Click Here Click Here
  • 45. Graphic Arts Home Equipment Dealers Service Login My Account Bookmark Us Tell Someone Exchange Looking for something? The Graphic Arts Looking for something? The Graphic Arts Exchange Exchange is the premier internet destina- is the premier internet destination for finding used Search tion for finding used printing equipment, printing equipment, used bindery equipment, used used bindery equipment, used pre-press pre-press equipment, graphic arts related supplies, equipment, graphic arts related supplies, Bindery & Finishing parts, and more! consumables, parts, and more! Digital Printing Equipment Available Advertisement Dealers: Sell Your Equipment! Click for more info For More Information Call Rich at 1-888-396-5104 Flexographic Equipment F e a t u r e d Pa r t n e r s : Mailing & Inserting Equipment Perfect Binder Bottcher Rollers Packaging & Converting Superbinder 200X Form Blue, Form Red, Form White, Form Yellow, Distribu- Big Binder Features on a Compact Hand Fed Perfect tor Blue, Distributor Red, Distributor White, Distributor Parts Binder Yellow, Ductor Blue New! Easy Online Ordering Distributed Exclusively by: Adtech Graphic Service Click Here Pre-Press Equipment Click Here Screen Printing Equipment Paper Handling Equipment Remarketed Equipment Sheet Fed Offset Presses Knorr Systeme Click Here Click Here Supplies & Consumables Folding & Gluing Equipment Technotrans Web Fed Offset Presses Dampening Solution, Circulators, and Ink Rollers FKB Series, Adtech Graphic Service Click Here Xerographic Equipment Click Here
  • 46. Graphic Arts Home Dealers Login Bookmark Us Equipment Service My Account Tell Someone Exchange Looking for something? The Graphic Arts Exchange is the premier internet destination for finding used Search printing equipment, used bindery equipment, used pre-press equipment, graphic arts related supplies, Bindery & Finishing consumables, parts, and more! Digital Printing Equipment Available Advertisement Dealers: Sell Your Equipment! Click for more info For More Information Call Rich at 1-888-396-5104 Flexographic Equipment F e a t u r e d Pa r t n e r s : Mailing & Inserting Equipment Superbinder 200X Rollers Packaging & Converting Big Binder Features on a Compact Hand Fed Perfect Bottcher Rollers Binder Form Blue, Form Red, Form White, Form Yellow, Distribu- Parts Distributed Exclusively by: Adtech Graphic Service tor Blue, Distributor Red, Distributor White, Distributor Click Here Yellow, Ductor Blue New! Easy Online Ordering Pre-Press Equipment Click Here Screen Printing Equipment Knorr Systeme Heidelberg Sheet Fed Offset Presses Click Here Remarketed Equipment Click Here Supplies & Consumables Web Fed Offset Presses FKB Series, Adtech Graphic Service Technotrans Dampening Solution, Circulators, and Ink Rollers Xerographic Equipment Click Here Click Here
  • 47. Graphic Arts Home Dealers Login Bookmark Us Equipment Service My Account Tell Someone Exchange Looking for something? The Graphic Arts Exchange is the premier Search internet destination for finding used printing equipment, used bindery equipment, used pre-press equipment, graphic arts related supplies, consumables, parts, and more! Bindery & Finishing Digital Printing Equipment Available Advertisement Dealers: Sell Your Equipment! Click for more info For More Information Call Rich at 1-888-396-5104 Flexographic Equipment F e a t u r e d Pa r t n e r s : Mailing & Inserting Equipment Perfect Binder Bottcher Rollers Packaging & Converting Superbinder 200X Form Blue, Form Red, Form White, Form Yellow, Distribu- Big Binder Features on a Compact Hand Fed Perfect tor Blue, Distributor Red, Distributor White, Distributor Parts Binder Yellow, Ductor Blue New! Easy Online Ordering Distributed Exclusively by: Adtech Graphic Service Click Here Pre-Press Equipment Click Here Screen Printing Equipment Paper Handling Equipment Remarketed Equipment Sheet Fed Offset Presses Knorr Systeme Click Here Click Here Supplies & Consumables Web Fed Offset Presses Folding & Gluing Equipment Technotrans Dampening Solution, Circulators, and Ink Rollers FKB Series, Adtech Graphic Service Xerographic Equipment Click Here Click Here
  • 48. What does success look like?
  • 49. What’s so great about that?
  • 50. Organization Navigation White Space Grid System Rules Restraint Key Words Line Lengths
  • 51. Organization Navigation White Space Grid System Rules Restraint Key Words Line Lengths
  • 52. Complex Visual Structure TED Technology, Entertainment, Design
  • 53. 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 >>
  • 54. Image Grid 12 columns
  • 55. Image Grid 12 columns 12 visual fields
  • 56. Image Grid 12 columns 12 visual fields proportion 3:4
  • 57. Image Grid 12 columns 12 visual fields
  • 58. Image Grid 12 columns 12 visual fields Proportion of 3:4 (1) 8 X 8 large
  • 59. Image Grid Structure 12 columns 12 visual fields Proportion (1) 8 X 8 large (2) 4 X 4 medium
  • 60. Image Grid Structure 12 columns 12 visual fields Proportion (1) 8 X 8 large (2) 4 X 4 medium (4) 2 X 2 small
  • 61. 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
  • 62. 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
  • 63. Image Grid
  • 64. Image Grid
  • 65. Image Grid (0) 8 X 8 largest (4) 4 X 4 medium (5) 2 X 2 small (4) 1 smallest
  • 66. Image Grid (0) 8 X 8 largest (4) 4 X 4 medium (5) 2 X 2 small (4) 1 smallest
  • 67. Image Grid (0) 8 X 8 largest (4) 4 X 4 medium (5) 2 X 2 small (4) 1 smallest
  • 68. Micro-Typography
  • 69. The Typographic Pledge Setting the tone for good typographic practice. (Place your hand over your heart)
  • 70. Typography The Typographic Pledge “I will not stretch or squish type. Typography Typography Typography
  • 71. Typography The Typographic Pledge “I will not stretch or squish type. I will not outline type.
  • 72. T M The Typographic Pledge Typography MOBY DICK y O p B “I will not stretch or squish type. o Y I will not outline type. g D I will not stack type. r I a C p K h y
  • 73. 5' 11quot; The Typographic Pledge 27º33' N “I will not stretch or squish type. prime marks I will not outline type. I will not stack type. “I’m smart.” I will use prime marks and quotation marks quotation marks appropriately. quot;I’m dumb.quot;
  • 74. Typo- The Typographic Pledge graphy “I will not stretch or squish type. hyphen I will not outline type. I will not stack type. well–being I will use prime marks and 1985–1997 quotation marks appropriately. en dash I will appropriately use hyphens, en dashes, and em dashes. No one—not even… em dash
  • 75. Baskerville The Typographic Pledge Bodoni “I will not stretch or squish type. I will not outline type. Helvetica Times I will not stack type. I will use prime marks and Caslon quotation marks appropriately. Century I will appropriately use hyphens, en dashes, and em dashes. Serifa I will honor the classic families of type. Garamond
  • 76. 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.”
  • 77. Back to Grid Structures
  • 78. Longscycle Bringing order to chaos.
  • 79. Home Page
  • 80. Home Page (scroll down)
  • 81. Home Page (scroll down more)
  • 82. Home Page (scroll down still more)
  • 83. All Longscycle Text Blow-Out Sale CYCLING KIDS APPAREL CYCLING WOOL - JERSEYS, PRESTIGIOUS CYCLING RUN- IN A NEW CYCLING JER- FOR ALL YOU DO....TREAT Have some fun go shopping click CYCLING LEG + KNEE TIGHTS NING COOLMAX SOCKS SEYS!!! YOURSELF! here WARMERS CYCLING WOOL SOCKS YOU’LL GET MOTIVATED TO You Deserve the Best ! Enjoy GET SOME NEW CYCLING Half price sale click here CYCLING LIGHTS CYCLING - CYCLING KIDS CYCLE AP- EXERCISE TOO Every Ride in Comfort! APPAREL SAVE 50% STAY WARM AP- SAVE 35% PAREL WEARING CYCLING RUN- Prestigious Brand Name Quality ....YOU DESERVE IT! PAREL CYCLING LIVE STRONG CYCLING WOMEN’S AP- NING COOLMAX SOCKS AND Longcycle.com SAVE 50% CYCLING SOCKS BRACELETS PAREL YOU WILL LOOSE WEIGHT! Solar Power www.aiso.net YOU PICK CYCLING PERSONALIZE Blow-Out Sale Subscribe to the LongCycle.com ALL YOUR CYCLING AP- SAVE 87% CYCLING TODAY’S YOUR BIKE Click Here -DO SOMETHING FOR YOUR- newsletter PAREL NEEDS SPECIAL CYCLING SAMPLES SALE! Save 50% SELF- 100% Satisfaction Guaranteed Cycling jerseys, Cycling shorts, SAVE 68% CYCLING COOL- YOU SAVE! For all the times you work too -GET YOURSELF SOME Returns/Customer Service Cycling Bib-Shorts, Cycling arm MAX SOCKS CYCLING SHORTS-BIB- much and play too little. For COOLMAX SOCKS- About LongsCycle warmers, SAVE 65% SUNGLASSES SHORTS every reason. For no reason. Customer Comments Cycling Gloves, Cycling Cool- XPD® SERIES CYCLING SHORTS-KNICKERS Indulge your passion for Cycling. You Work Hard...Treat Yourself Shipping Information max Socks, SAVE 50% CYCLING SHORTS CYCLING SHORTS-PREMIUM You Deserve LongsCycle Cycling You Deserve It! PayPal International— Cycling Jackets, Cycling Vests, SALE CYCLING SKINSUITS PRES- Brand-Name Apparel and Presti- FANTASTIC SALE LongsCycle’s service to make Cycling Gloves, SAVE 60% CYCLING TIGHTS TIGE gious Coolmax Socks since 1979. Have some fun go shopping click fast, easy, and secure payments Cycling Leg Warmers, Cycling SALE CYCLING SKULLCAPS BAN- LONGCYCLE here for LongsCycle.com purchases! Headbands, SAVE 35% CYCLING LIGHTS DANAS 100% Satisfaction Guaranteed Have some fun! All Rights Reserved 2006© Cycling facemasks, Cycling Skull CYCLING CYCLING SOCKS GRABBAG Largest Retailer of Discount WE WANT TO MAKE YOU A LongsCycle Caps, SAVE 35% CYCLING KIDS COOLMAX Brand-Name Cycling Apparel CUSTOMER FOR LIFE! Any Questions Please Call Long- Cycling Tights, Cycling Sun- APPAREL CYCLING SOCKS-BLAZE Pro Quality Cycling Apparel BECOME PART OF LONGSCY- sCycle at glasses, SAVE 25% CYCLING JERSEYS HIKING Experience the extreme comfort CLE’S FAMILY OF CUSTOM- 1-800-737-6129 Cycling Bib-Shorts, Cycling CYCLING DAILY SPECIAL CYCLING SOCKS-CUSH of wearing prestige coolmax ERS AND BE TREATED LIKE or E-Mail Your Questions to: Knickers CYCLING ARM WARMERS COOLMAX socks FAMILY! Longscycle@LongsCycle.com ALL CYCLING APPAREL IS ROUBAIX CYCLING SOCKS PEDS Save 50% 100% SATISFACTION GUAR- LongsCycle.com HERE FOR YOU! CYCLING BAGS LANCE COOLMAX You choose your own design. ANTEE 185 Thomas P. Clapp Road Join Specail Offeres Delivered By ARMSTRONG Red Tag TODAY $2.97 to $5.97 BRAND-NAME QUALITY Scituate, MA 02066 Email- Join Today! CYCLING BOOTIES SHOE CYCLING SOCKS-PEDS (Retail $10) PRESTIGE CYCLING AP- Have Some Fun Go Shopping Save Big at Longcycle.com COVERS CYCLING SOCKS PICK YOUR (Retail $60) PAREL Click Here Closeouts Shop Now CYCLING CAPS CYCLING OWN UNTIL YOU HAVE TRIED CY- ANY QUESTIONS PLEASE “Tamper Proof” Uline S-9926 Biggest Sale of them All! CYCLING CHILDREN’S AP- CYCLING SOCKS-WOOL CLING RUNNING COOLMAX CALL 1-800-737-6129 Security Tape Weekend Sale $16.99 PAREL CYCLING SUN-CATCHERS SOCKS Quality Cycling Jerseys and Ap- Tamper Proof Tape available at Cool max Grabbag Socks CYCLING COOLMAX UNDER- CYCLING IT IS IMPOSSIBLE TO UN- parel for Long Rides check-out FREE OF CHARGE Six Pairs SHIRTS CYCLING SUNGLASSES DERSTAND HOW COMFORT- Boston, Massachusetts Impossible to realign Tape once Blow-Out Sale CYCLING COUPON CYCLING ABLE Treasure the Outdoors! your box has been opened. Blow-Out Sale CYCLING GREETING CARDS CYCLING SUNGLASSES AND LUXURIANT COOLMAX Have some fun go shopping click Tamper Proof Tape is 22 lbs. CLICK HERE CYCLING GIFT CERTIFI- XPD® SERIES SOCKS REALLY FEEL AND here Strong (Retail $60) CATES CYCLING SUNGLASSES HOW GOOD THEY MAKE Get Out and Ride! LongCycle.com CYCLING GLOVES CYCLING XPD® SERIES 2 YOU FEEL. Read Cycle Tips From Our Cus- Our 28th Year in Business CYCLING JACKETS CYCLING CYCLING TIES LOGO THAT IS WHY PEOPLE PAY UP tomers CLICK HERE LongCycle.com CYCLING JERSEYS CYCLING TIGHTS CYCLING/ TO $16 A PAIR EXPERIENCE THE POWER WISH WE SHOPPED AT LONG- CYCLING JERSEYS LONG- RUNNING FOR CYCLING RUNNING OF RIDING WEARING A CY- CYCLE.COM SLEEVE CYCLING TOOLS for CY- COOLMAX SOCKS. CLING JERSEY Have Some Fun Go Shopping CYCLING JERSEYS-SLEEVE- CLING THIS IS AN INCREDIBLE SAV- YOU’LL ALSO LOOK AND Click Here LESS CYCLING VESTS CYCLING INGS FOR FEEL GREAT YOU DESERVE A THANK YOU
  • 84. Organizing Longscycle Text Blow-Out Sale CYCLING KIDS APPAREL CYCLING WOOL - JERSEYS, PRESTIGIOUS CYCLING RUN- IN A NEW CYCLING JER- FOR ALL YOU DO....TREAT Have some fun go shopping click CYCLING LEG + KNEE TIGHTS NING COOLMAX SOCKS SEYS!!! YOURSELF! here WARMERS CYCLING WOOL SOCKS YOU’LL GET MOTIVATED TO You Deserve the Best ! Enjoy GET SOME NEW CYCLING Half price sale click here CYCLING LIGHTS CYCLING - CYCLING KIDS CYCLE AP- EXERCISE TOO Every Ride in Comfort! APPAREL SAVE 50% STAY WARM AP- SAVE 35% PAREL WEARING CYCLING RUN- Prestigious Brand Name Quality ....YOU DESERVE IT! PAREL CYCLING LIVE STRONG CYCLING WOMEN’S AP- NING COOLMAX SOCKS AND Longcycle.com SAVE 50% CYCLING SOCKS BRACELETS PAREL YOU WILL LOOSE WEIGHT! Solar Power www.aiso.net YOU PICK CYCLING PERSONALIZE Blow-Out Sale Subscribe to the LongCycle.com ALL YOUR CYCLING AP- SAVE 87% CYCLING TODAY’S YOUR BIKE Click Here -DO SOMETHING FOR YOUR- newsletter PAREL NEEDS SPECIAL CYCLING SAMPLES SALE! Save 50% SELF- 100% Satisfaction Guaranteed Cycling jerseys, Cycling shorts, SAVE 68% CYCLING COOL- YOU SAVE! For all the times you work too -GET YOURSELF SOME Returns/Customer Service Cycling Bib-Shorts, Cycling arm MAX SOCKS CYCLING SHORTS-BIB- much and play too little. For COOLMAX SOCKS- About LongsCycle warmers, SAVE 65% SUNGLASSES SHORTS every reason. For no reason. Customer Comments Cycling Gloves, Cycling Cool- XPD® SERIES CYCLING SHORTS-KNICKERS Indulge your passion for Cycling. You Work Hard...Treat Yourself Shipping Information max Socks, SAVE 50% CYCLING SHORTS CYCLING SHORTS-PREMIUM You Deserve LongsCycle Cycling You Deserve It! PayPal International— Cycling Jackets, Cycling Vests, SALE CYCLING SKINSUITS PRES- Brand-Name Apparel and Presti- FANTASTIC SALE LongsCycle’s service to make Cycling Gloves, SAVE 60% CYCLING TIGHTS TIGE gious Coolmax Socks since 1979. Have some fun go shopping click fast, easy, and secure payments Cycling Leg Warmers, Cycling SALE CYCLING SKULLCAPS BAN- LONGCYCLE here for LongsCycle.com purchases! Headbands, SAVE 35% CYCLING LIGHTS DANAS 100% Satisfaction Guaranteed Have some fun! All Rights Reserved 2006© Cycling facemasks, Cycling Skull CYCLING CYCLING SOCKS GRABBAG Largest Retailer of Discount WE WANT TO MAKE YOU A LongsCycle Caps, SAVE 35% CYCLING KIDS COOLMAX Brand-Name Cycling Apparel CUSTOMER FOR LIFE! Any Questions Please Call Long- Cycling Tights, Cycling Sun- APPAREL CYCLING SOCKS-BLAZE Pro Quality Cycling Apparel BECOME PART OF LONGSCY- sCycle at glasses, SAVE 25% CYCLING JERSEYS HIKING Experience the extreme comfort CLE’S FAMILY OF CUSTOM- 1-800-737-6129 Cycling Bib-Shorts, Cycling CYCLING DAILY SPECIAL CYCLING SOCKS-CUSH of wearing prestige coolmax ERS AND BE TREATED LIKE or E-Mail Your Questions to: Knickers CYCLING ARM WARMERS COOLMAX socks FAMILY! Longscycle@LongsCycle.com ALL CYCLING APPAREL IS ROUBAIX CYCLING SOCKS PEDS Save 50% 100% SATISFACTION GUAR- LongsCycle.com HERE FOR YOU! CYCLING BAGS LANCE COOLMAX You choose your own design. ANTEE 185 Thomas P. Clapp Road Join Specail Offeres Delivered By ARMSTRONG Red Tag TODAY $2.97 to $5.97 BRAND-NAME QUALITY Scituate, MA 02066 Email- Join Today! CYCLING BOOTIES SHOE CYCLING SOCKS-PEDS (Retail $10) PRESTIGE CYCLING AP- Have Some Fun Go Shopping Save Big at Longcycle.com COVERS CYCLING SOCKS PICK YOUR (Retail $60) PAREL Click Here Closeouts Shop Now CYCLING CAPS CYCLING OWN UNTIL YOU HAVE TRIED CY- ANY QUESTIONS PLEASE “Tamper Proof” Uline S-9926 Biggest Sale of them All! CYCLING CHILDREN’S AP- CYCLING SOCKS-WOOL CLING RUNNING COOLMAX CALL 1-800-737-6129 Security Tape Weekend Sale $16.99 PAREL CYCLING SUN-CATCHERS SOCKS Quality Cycling Jerseys and Ap- Tamper Proof Tape available at Cool max Grabbag Socks CYCLING COOLMAX UNDER- CYCLING IT IS IMPOSSIBLE TO UN- parel for Long Rides check-out FREE OF CHARGE Six Pairs SHIRTS CYCLING SUNGLASSES DERSTAND HOW COMFORT- Boston, Massachusetts Impossible to realign Tape once Blow-Out Sale CYCLING COUPON CYCLING ABLE Treasure the Outdoors! your box has been opened. Blow-Out Sale CYCLING GREETING CARDS CYCLING SUNGLASSES AND LUXURIANT COOLMAX Have some fun go shopping click Tamper Proof Tape is 22 lbs. CLICK HERE CYCLING GIFT CERTIFI- XPD® SERIES SOCKS REALLY FEEL AND here Strong (Retail $60) CATES CYCLING SUNGLASSES HOW GOOD THEY MAKE Get Out and Ride! LongCycle.com CYCLING GLOVES CYCLING XPD® SERIES 2 YOU FEEL. Read Cycle Tips From Our Cus- Our 28th Year in Business CYCLING JACKETS CYCLING CYCLING TIES LOGO THAT IS WHY PEOPLE PAY UP tomers CLICK HERE LongCycle.com CYCLING JERSEYS CYCLING TIGHTS CYCLING/ TO $16 A PAIR EXPERIENCE THE POWER WISH WE SHOPPED AT LONG- CYCLING JERSEYS LONG- RUNNING FOR CYCLING RUNNING OF RIDING WEARING A CY- CYCLE.COM SLEEVE CYCLING TOOLS for CY- COOLMAX SOCKS. CLING JERSEY Have Some Fun Go Shopping CYCLING JERSEYS-SLEEVE- CLING THIS IS AN INCREDIBLE SAV- YOU’LL ALSO LOOK AND Click Here LESS CYCLING VESTS CYCLING INGS FOR FEEL GREAT YOU DESERVE A THANK YOU
  • 85. Organizing Longscycle Text Blow-Out Sale CYCLING KIDS APPAREL CYCLING WOMEN’S AP- NING COOLMAX SOCKS AND Longcycle.com Have some fun go shopping click CYCLING LEG + KNEE PAREL YOU WILL LOOSE WEIGHT! Solar Power www.aiso.net here WARMERS Blow-Out Sale Subscribe to the LongCycle.com ALL YOUR CYCLING AP- Half price sale click here CYCLING LIGHTS CYCLING - Click Here -DO SOMETHING FOR YOUR- newsletter PAREL NEEDS SAVE 50% STAY WARM AP- SAVE 35% Save 50% SELF- 100% Satisfaction Guaranteed Cycling jerseys, Cycling shorts, PAREL CYCLING LIVE STRONG For all the times you work too -GET YOURSELF SOME Returns/Customer Service Cycling Bib-Shorts, Cycling arm BRACELETS much and play too little. For COOLMAX SOCKS- About LongsCycle warmers, YOU PICK CYCLING PERSONALIZE every reason. For no reason. Customer Comments Cycling Gloves, SAVE 87% CYCLING TODAY’S YOUR BIKE Indulge your passion for Cycling. You Work Hard...Treat Yourself Shipping Information SPECIAL CYCLING SAMPLES SALE! You Deserve LongsCycle Cycling You Deserve It! PayPal International— ets, Cycling Vests, Cycling YOU SAVE! Brand-Name Apparel and Presti- FANTASTIC SALE LongsCycle’s service to make Gloves, CYCLING SHORTS-BIB- gious Coolmax Socks since 1979. Have some fun go shopping click fast, easy, and secure payments Cycling Leg Warmers, Cycling SAVE 65% SUNGLASSES SHORTS LONGCYCLE here for LongsCycle.com purchases! Headbands, XPD® SERIES CYCLING SHORTS-KNICKERS 100% Satisfaction Guaranteed Have some fun! All Rights Reserved 2006© Cycling facemasks, Cycling Skull SAVE 50% CYCLING SHORTS CYCLING SHORTS-PREMIUM Largest Retailer of Discount WE WANT TO MAKE YOU A LongsCycle Caps, SALE CYCLING SKINSUITS PRES- Brand-Name Cycling Apparel CUSTOMER FOR LIFE! Any Questions Please Call Long- Cycling Tights, Cycling Sun- SAVE 60% CYCLING TIGHTS TIGE Pro Quality Cycling Apparel BECOME PART OF LONGSCY- sCycle at glasses, SALE CYCLING SKULLCAPS BAN- Experience the extreme comfort CLE’S FAMILY OF CUSTOM- 1-800-737-6129 Cycling Bib-Shorts, Cycling SAVE 35% CYCLING LIGHTS DANAS of wearing prestige coolmax ERS AND BE TREATED LIKE or E-Mail Your Questions to: Knickers CYCLING CYCLING SOCKS GRABBAG socks FAMILY! Longscycle@LongsCycle.com ALL CYCLING APPAREL IS SAVE 35% CYCLING KIDS COOLMAX Save 50% 100% SATISFACTION GUAR- LongsCycle.com HERE FOR YOU! APPAREL You choose your own design. ANTEE 185 Thomas P. Clapp Road Join Specail Offeres Delivered By SAVE 25% CYCLING JERSEYS $2.97 to $5.97 BRAND-NAME QUALITY Scituate, MA 02066 Email- Join Today! CYCLING DAILY SPECIAL (Retail $10) PRESTIGE CYCLING AP- Have Some Fun Go Shopping Save Big at Longcycle.com CYCLING ARM WARMERS Red Tag TODAY (Retail $60) PAREL Click Here Closeouts Shop Now ROUBAIX UNTIL YOU HAVE TRIED CY- ANY QUESTIONS PLEASE “Tamper Proof” Uline S-9926 Biggest Sale of them All! CYCLING BAGS LANCE CLING RUNNING COOLMAX CALL 1-800-737-6129 Security Tape Weekend Sale $16.99 ARMSTRONG CYCLING SUN-CATCHERS SOCKS Quality Cycling Jerseys and Ap- Tamper Proof Tape available at CYCLING BOOTIES SHOE CYCLING IT IS IMPOSSIBLE TO UN- parel for Long Rides check-out FREE OF CHARGE COVERS CYCLING SUNGLASSES DERSTAND HOW COMFORT- Boston, Massachusetts Impossible to realign Tape once Blow-Out Sale CYCLING CAPS CYCLING CYCLING ABLE Treasure the Outdoors! your box has been opened. Blow-Out Sale CYCLING CHILDREN’S AP- CYCLING SUNGLASSES AND LUXURIANT COOLMAX Have some fun go shopping click Tamper Proof Tape is 22 lbs. CLICK HERE PAREL XPD® SERIES SOCKS REALLY FEEL AND here Strong (Retail $60) CYCLING COOLMAX UNDER- CYCLING SUNGLASSES HOW GOOD THEY MAKE Get Out and Ride! LongCycle.com SHIRTS XPD® SERIES 2 YOU FEEL. Read Cycle Tips From Our Cus- Our 28th Year in Business CYCLING COUPON CYCLING TIES LOGO THAT IS WHY PEOPLE PAY UP tomers CLICK HERE LongCycle.com CYCLING GREETING CARDS CYCLING TIGHTS CYCLING/ TO $16 A PAIR EXPERIENCE THE POWER WISH WE SHOPPED AT LONG- CYCLING GIFT CERTIFI- RUNNING FOR CYCLING RUNNING OF RIDING WEARING A CY- CYCLE.COM CATES CYCLING TOOLS for CY- COOLMAX SOCKS. CLING JERSEY Have Some Fun Go Shopping CYCLING GLOVES CYCLING CLING THIS IS AN INCREDIBLE SAV- YOU’LL ALSO LOOK AND Click Here CYCLING JACKETS CYCLING CYCLING VESTS CYCLING INGS FOR FEEL GREAT YOU DESERVE A THANK YOU CYCLING JERSEYS CYCLING WOOL - JERSEYS, PRESTIGIOUS CYCLING RUN- IN A NEW CYCLING JER- FOR ALL YOU DO....TREAT CYCLING JERSEYS LONG- TIGHTS NING COOLMAX SOCKS SEYS!!! YOURSELF! SLEEVE CYCLING WOOL SOCKS YOU’LL GET MOTIVATED TO You Deserve the Best ! Enjoy GET SOME NEW CYCLING CYCLING JERSEYS-SLEEVE- CYCLING KIDS CYCLE AP- EXERCISE TOO Every Ride in Comfort! APPAREL LESS PAREL WEARING CYCLING RUN- Prestigious Brand Name Quality ....YOU DESERVE IT!
  • 86. Organizing Longscycle Text Blow-Out Sale CYCLING KIDS APPAREL CYCLING WOMEN’S AP- NING COOLMAX SOCKS AND Longcycle.com Have some fun go shopping click CYCLING LEG + KNEE PAREL YOU WILL LOOSE WEIGHT! Solar Power www.aiso.net here WARMERS Blow-Out Sale Subscribe to the LongCycle.com ALL YOUR CYCLING AP- Half price sale click here CYCLING LIGHTS CYCLING - Click Here -DO SOMETHING FOR YOUR- newsletter PAREL NEEDS SAVE 50% STAY WARM AP- SAVE 35% Save 50% SELF- 100% Satisfaction Guaranteed Cycling jerseys, Cycling shorts, PAREL CYCLING LIVE STRONG For all the times you work too -GET YOURSELF SOME Returns/Customer Service Cycling Bib-Shorts, Cycling arm BRACELETS much and play too little. For COOLMAX SOCKS- About LongsCycle warmers, YOU PICK CYCLING PERSONALIZE every reason. For no reason. Customer Comments Cycling Gloves, SAVE 87% CYCLING TODAY’S YOUR BIKE Indulge your passion for Cycling. You Work Hard...Treat Yourself Shipping Information SPECIAL CYCLING SAMPLES SALE! You Deserve LongsCycle Cycling You Deserve It! PayPal International— ets, Cycling Vests, Cycling YOU SAVE! Brand-Name Apparel and Presti- FANTASTIC SALE LongsCycle’s service to make Gloves, CYCLING SHORTS-BIB- gious Coolmax Socks since 1979. Have some fun go shopping click fast, easy, and secure payments Cycling Leg Warmers, Cycling SAVE 65% SUNGLASSES SHORTS LONGCYCLE here for LongsCycle.com purchases! Headbands, XPD® SERIES CYCLING SHORTS-KNICKERS 100% Satisfaction Guaranteed Have some fun! All Rights Reserved 2006© Cycling facemasks, Cycling Skull SAVE 50% CYCLING SHORTS CYCLING SHORTS-PREMIUM Largest Retailer of Discount WE WANT TO MAKE YOU A LongsCycle Caps, SALE CYCLING SKINSUITS PRES- Brand-Name Cycling Apparel CUSTOMER FOR LIFE! Any Questions Please Call Long- Cycling Tights, Cycling Sun- SAVE 60% CYCLING TIGHTS TIGE Pro Quality Cycling Apparel BECOME PART OF LONGSCY- sCycle at glasses, SALE CYCLING SKULLCAPS BAN- Experience the extreme comfort CLE’S FAMILY OF CUSTOM- 1-800-737-6129 Cycling Bib-Shorts, Cycling SAVE 35% CYCLING LIGHTS DANAS of wearing prestige coolmax ERS AND BE TREATED LIKE or E-Mail Your Questions to: Knickers CYCLING CYCLING SOCKS GRABBAG socks FAMILY! Longscycle@LongsCycle.com ALL CYCLING APPAREL IS SAVE 35% CYCLING KIDS COOLMAX Save 50% 100% SATISFACTION GUAR- LongsCycle.com HERE FOR YOU! APPAREL You choose your own design. ANTEE 185 Thomas P. Clapp Road Join Specail Offeres Delivered By SAVE 25% CYCLING JERSEYS $2.97 to $5.97 BRAND-NAME QUALITY Scituate, MA 02066 Email- Join Today! CYCLING DAILY SPECIAL (Retail $10) PRESTIGE CYCLING AP- Have Some Fun Go Shopping Save Big at Longcycle.com CYCLING ARM WARMERS Red Tag TODAY (Retail $60) PAREL Click Here Closeouts Shop Now ROUBAIX UNTIL YOU HAVE TRIED CY- ANY QUESTIONS PLEASE “Tamper Proof” Uline S-9926 Biggest Sale of them All! CYCLING BAGS LANCE CLING RUNNING COOLMAX CALL 1-800-737-6129 Security Tape Weekend Sale $16.99 ARMSTRONG CYCLING SUN-CATCHERS SOCKS Quality Cycling Jerseys and Ap- Tamper Proof Tape available at CYCLING BOOTIES SHOE CYCLING IT IS IMPOSSIBLE TO UN- parel for Long Rides check-out FREE OF CHARGE COVERS CYCLING SUNGLASSES DERSTAND HOW COMFORT- Boston, Massachusetts Impossible to realign Tape once Blow-Out Sale CYCLING CAPS CYCLING CYCLING ABLE Treasure the Outdoors! your box has been opened. Blow-Out Sale CYCLING CHILDREN’S AP- CYCLING SUNGLASSES AND LUXURIANT COOLMAX Have some fun go shopping click Tamper Proof Tape is 22 lbs. CLICK HERE PAREL XPD® SERIES SOCKS REALLY FEEL AND here Strong (Retail $60) CYCLING COOLMAX UNDER- CYCLING SUNGLASSES HOW GOOD THEY MAKE Get Out and Ride! LongCycle.com SHIRTS XPD® SERIES 2 YOU FEEL. Read Cycle Tips From Our Cus- Our 28th Year in Business CYCLING COUPON CYCLING TIES LOGO THAT IS WHY PEOPLE PAY UP tomers CLICK HERE LongCycle.com CYCLING GREETING CARDS CYCLING TIGHTS CYCLING/ TO $16 A PAIR EXPERIENCE THE POWER WISH WE SHOPPED AT LONG- CYCLING GIFT CERTIFI- RUNNING FOR CYCLING RUNNING OF RIDING WEARING A CY- CYCLE.COM CATES CYCLING TOOLS for CY- COOLMAX SOCKS. CLING JERSEY Have Some Fun Go Shopping CYCLING GLOVES CYCLING CLING THIS IS AN INCREDIBLE SAV- YOU’LL ALSO LOOK AND Click Here CYCLING JACKETS CYCLING CYCLING VESTS CYCLING INGS FOR FEEL GREAT YOU DESERVE A THANK YOU CYCLING JERSEYS CYCLING WOOL - JERSEYS, PRESTIGIOUS CYCLING RUN- IN A NEW CYCLING JER- FOR ALL YOU DO....TREAT CYCLING JERSEYS LONG- TIGHTS NING COOLMAX SOCKS SEYS!!! YOURSELF! SLEEVE CYCLING WOOL SOCKS YOU’LL GET MOTIVATED TO You Deserve the Best ! Enjoy GET SOME NEW CYCLING CYCLING JERSEYS-SLEEVE- CYCLING KIDS CYCLE AP- EXERCISE TOO Every Ride in Comfort! APPAREL LESS PAREL WEARING CYCLING RUN- Prestigious Brand Name Quality ....YOU DESERVE IT!
  • 87. Organized and Edited Text About LongsCycle • Men’s Wear Whole Body • Women’s Wear Skinsuits Prestige LONGCYCLE • Kid’s Wear 100% Satisfaction Guaranteed Bike Equipment, Etc. Largest Retailer of Discount Head Wear Tools Brand-Name Pro Quality Cycling Sale & Specials Lights Apparel Caps Personalize Your Bike Sunglasses Bags, Armstrong Returns/Customer Service Skullcaps Greeting Cards Customer Comments Bandanas Live Strong Bracelets Headbands Sun-Catchers, Cycling Shipping Information Face masks Ties, Logo PayPal International Tops Greeting Cards Sale & Specials All Rights Reserved 2006© Undershirts LongsCycle Jerseys - Long-Sleeve Jerseys - Sleeveless Any Questions Please Call Long- Jerseys - Wool sCycle at 1-800-737-6129 Arm Warmers Roubaix or E-Mail Your Questions to: Jackets Longscycle@LongsCycle.com Vests Hands 185 Thomas P. Clapp Road Sale & Specials Scituate, MA 02066 Gloves Cycling Bottoms Sale & Specials Leg & Knee Warmers Bib-Shorts Knickers Premium Tights Cycling/Running Wool Tights Feet, Socks Sale & Specials Grabbag Coolmax Blaze Hiking Cush Coolmax Peds Coolmax Peds Pick Your Own Wool
  • 88. Let’s see what some soph typography students did with Longscycle.
  • 89. Shopping Cart Men Women Kids Bike Equlpment 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 About Longcycle Shipping Information Contact Us All Rights Reserved 2006© LONGSCYCLE
  • 90. LongsCycles.com | My Account | My Cart Search LONGSCYCLE 100% SATISFACTION GUARANTEE Men’s Apparel My Cart Head Wear Tops Bottoms Sale & Specials Sale & Specials Sale & Specials Largest Retailer of Discount Brand Women’s Apparel Bandanas Arm Warmers Roubaix Bib-Shorts Name Quality Cycling Apparel Caps Jackets Knickers Face masks Jerseys - Long-Sleeve Leg & Knee Warmers Kid’s Apparel Helmets Jerseys - Sleeveless Premium Skullcaps Jerseys - Wool Tights Cycling/Running Sunglasses Undershirts Wool Tights Bike Equipment Vests Hands Feet, Socks Whole Body Sale & Specials Sale & Specials Skinsuits Prestige Gloves Cycling Blaze Hiking Cush Coolmax Grabbag Coolmax Peds Peds Coolmax Pick Your Own
  • 91. LongsCycle home about contact (4) men For all the times you work too hard and play too little. women kids
  • 92. Longscycle Men’s Wear Women’s Wear Largest Retailer of Discount 100% Satisfaction Gauranteed Brand-Name Pro Quality Cycling Kid’s Wear M y Account Shopping Bag [ 0 ] Bike Equipment, etc SALE SALE SALE $17.99 $39.99 $54.99 7 pack Louis Garneao Pilotta Castelli Nano Leg Brabbag Coolmax Gloves Warmer Returns/Customer Service Shipping Information Paypal International Contact All Rights Reserved 2006© Longscycle
  • 93. Customer Service / Shipping Information / About Us / Shopping Cart Search Largest retailer of discount brand name, pro-quality cycling apparel Shop for: Featured Items: Men’s Wear Tights Cycling/Running Women’s Wear Wool Tights Kid’s Wear Hands Head Wear Sale & Specials Sale & Specials Gloves Cycling Caps Feet, Socks Sunglasses Sale & Specials Skullcaps Grabbag Coolmax Bandanas Blaze Hiking Headbands Cush Coolmax Face masks Peds Coolmax Giro Atmos Helmet $175.00 Coolmax Cycling Socks $3.99/pr Tops Peds Superior technology and Tour de France-proven performance. General purpose, One size fits all. The best in comfort! Sale & Specials Pick Your Own Undershirts Wool Jerseys - Long-Sleeve Whole Body Jerseys - Sleeveless Skinsuits Prestige Jerseys - Wool Equipment, etc. Arm Warmers Roubaix Tools Jackets Lights Vests Personalize Your Bike Bottoms Bags, Armstrong Sale & Specials Greeting Cards Leg & Knee Warmers Live Strong Bracelets Bib-Shorts Sun-Catchers Pearl Izumi UltraSensor Shorts $99.99 Novara Rivet Biking Gloves $30.99 Knickers Greeting Cards Men’s. Pearl combines excellent technical function, durability Men’s. Choose from 3 sizes. Water resistant. Premium and fit in the race-ready UltraSensor bike shorts. Questions? 1-800-737-6129 or Longscycle@Longscycle.com 185 Thomas P. Clapp Road, Scituate, MA 02066 All Rights Reserved 2006© LongsCycle
  • 94. 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
  • 95. 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.
  • 96. The larger role of graphic design
  • 97. What about graphic design? (and why should I care)
  • 98. What is Graphic Design? “A little pizazz and color.” (and why should I care)
  • 99. What is Graphic Design? “A little pizazz and color.” “After-the-fact some added edgy stuff.” (and why should I care)
  • 100. 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)
  • 101. 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)
  • 102. Remember the 2000 presidential election?
  • 103. How about the 2008 election?
  • 104. What are the odds that the RNC is working on their 2012 web presence right now?
  • 105. Design is in a state of rapid evolution
  • 106. 1984 Cell Phone 4 Lbs. $3,995.
  • 107. 2008 Cell Phone 4.7 oz. $200. phone media player clock calculator gps system computer camera notebook maps etc., etc., etc.
  • 108. Graphic Design is Evolving Too
  • 109. We Have More Tools http://www.commoncraft.com/store-item/web-search-strategies
  • 110. Communications Can Become Richer http://www.nytimes.com/interactive/2008/07/12/arts/20080712_BEIJING_ GRAPHIC.html?scp=10&sq=andrew%20devigal&st=cse
  • 111. More Meaningful http://www.nytimes.com/2007/04/19/arts/20070419_ MET_GRAPHIC.html?_r=3&oref=slogin&oref=slogin
  • 112. Re-envisioned https://www.cicatriz.se/SS07/
  • 113. Web Environments (entertainment, gaming, & music industries) http://billyharvey.com/
  • 114. Make A Statement http://sendables.jibjab.com/originals/time_for_some_campaignin
  • 115. Finally: Make Typography & Design Purposeful
  • 116. Make Typography & Design Purposeful 1. Content Organization & Editing Location Alphabet Time Category Hierarchy
  • 117. Make Typography & Design Purposeful 1. Content Organization & Editing 2. Visual Structures Grids: Columns & Visual Fields
  • 118. Make Typography & Design Purposeful 1. Content Organization & Editing 2. Visual Structures 3. New Media
  • 119. Make Typography & Design Purposeful 1. Content Organization & Editing 2. Visual Structures 3. New Media 4. Appropriate–
  • 120. Designing Web Usability, Jakob Nielsen 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).
  • 121. 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.
  • 122. 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.
  • 123. Maybe even better 1996 Nebraska State Parks Visitors Total: 751,212 Bu alo Bill Ranch State Historical Park Stuhr Museum Prairie Pioneer Carhenge State Park Arbor Lodge State Park & Museum Scotts Blu Natl. Monument Fort Robinson State Park Number of Visitors 0 50,000 100,000 150,000 200,000 250,000 300,000 350,000
  • 124. 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....
  • 125. 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....
  • 126. Our goal is to make awesome websites, give great service to our clients, and be good people.
  • 127. Ringling College Mission Ringling College of Art and Design ulty consists of professionally active In addition to its degree program, recognizes that artists and designers and teaching-oriented artists, design- Ringling College offers courses, lec- play a significant role in society. The ers and scholars. tures, exhibitions and other art-relat- School’s primary mission is to pro- ed services to the local and regional vide programs leading to a Bachelor Ringling College of Art and Design community through its gallery, li- of Fine Arts degree that prepare stu- strives to enroll both full- and part- brary, continuing education and com- dents to be discerning visual think- time students from diverse back- munity service programs. ers and ethical practitioners in their grounds who intend to become pro- chosen area of art and design. fessionals in the visual arts. Through Through the efforts of its Board of its policies and practices, the School Trustees, administrators, faculty, Visual arts professionals must un- supports excellence in teaching and staff, alumni and friends, Ringling derstand diverse aspects of past and fosters the aesthetic, intellectual, College endeavors to provide the present cultures, and develop their professional, personal and social de- necessary resources, services and capacity for creative expression and velopment of its students. Academic environment to fulfill its institutional effective communication. Ringling programs and advising, career ser- mission. College of Art and Design’s curricu- vices, and an extensive cocurricular lum, therefore, balances the teaching student life program prepare stu- Founded in 1931, Ringling College of technical knowledge and skills dents for an art or design profession, of Art and Design is a private, inde- with the development of critical, or when appropriate, for continued pendent, nonprofit, four-year college. conceptual and creative abilities and studies on the graduate level. supports courses that provide histor- ical, multicultural, global and future perspectives. Ringling College fac-
  • 128. Ringling College Mission Ringling College of Art and Design College faculty consists of profes- In addition to its degree program, recognizes that artists and designers sionally active and teaching-oriented Ringling College offers courses, lec- artists, designers and scholars. play a significant role in society. The tures, exhibitions and other art-relat- School’s primary mission is to pro- ed services to the local and regional vide programs leading to a Bachelor Ringling College of Art and Design community through its gallery, li- of Fine Arts degree that prepare stu- strives to enroll both full- and part- brary, continuing education and com- dents to be discerning visual think- time students from diverse back- munity service programs. ers and ethical practitioners in grounds who intend to become pro- their chosen area of art and design. fessionals in the visual arts. Through Through the efforts of its Board of its policies and practices, the School Trustees, administrators, faculty, Visual arts professionals must un- supports excellence in teaching and staff, alumni and friends, Ringling derstand diverse aspects of past and fosters the aesthetic, intellectual, College endeavors to provide the present cultures, and develop their professional, personal and social necessary resources, services and capacity for creative expression and development of its students. Aca- environment to fulfill its institutional effective communication. Ringling demic programs and advising, career mission. College of Art and Design’s curricu- services, and an extensive cocurricu- lum, therefore, balances the teaching lar student life program prepare stu- Founded in 1931, Ringling College of technical knowledge and skills dents for an art or design profession, of Art and Design is a private, inde- with the development of critical, or when appropriate, for continued pendent, nonprofit, four-year college. conceptual and creative abilities studies on the graduate level. and supports courses that provide historical, multicultural, global and future perspectives. Ringling
  • 129. 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.
  • 130. Thank you.