83binder1200_justinaroberts

8/3/2019 83Binder1200_JustinaRoberts

1/172

Typography Binder

Justina RobertsFall 2011


2/172

Set 1 ASSIGNMENTS SCHEDULE & GRADES Typography & Layout 1The course has 8 Sets. Each Set is at 100 Points. Mid-Term & Finals are at extra 100 Points each. The Total Points for the course: 1000

All assignments require On-Going use of computer, scanner, printer, and graphic software to include the Adobe Suite, Microsoft Word & On-Going access to the Inte

Required Books: 1. Graphic Design Solutions, 4thEdition, Robin Landa. 2. Quickstart: InDesign forMac and Windows Peachpit Press.

Best to finish the Sets outside Bb, when done, re-enter Bb; Attach to the dedicated BoX & click on Submit- if you click on Save - the Instructor cannot enter your B

ASSIGNMENTS For lab assignments Student can use the TLC Computers as needed REFERENCE

01-04 Review

CourseInfo +

05SelfIntro

Part I: - Review: - Start this Assignment ASAP but no later than the Term 3rd day.A. ActivateBlackboardo > Course Info Tab & Review the following documents:

1. Syllabus: - Verify if all clear or in need for further info.

2. BOOKs & Supplies: - Purchase Supplies + both Books & review the chapters

3.The Project: - Designing & Creating Multi-Pg Layouts Publications.

4. Review # 05Intro & 10-12 & Verify if clear or if in need for further info.

B. Type a Comment in the Users Comment Box if all clear/ or a question & Send.

Part II: - SELF INTRO - Bio Personality/ Unique Style On your computer & Disk Create Folder: 1200_YourName & Sub-Folder: 01Self_YourName

1. Enter info into the attached doc + 3 Adjectives describing your Personality.

2. Save As05SelfIntro_YourName.doc - do not use docx -

Print, Proof, Revise as needed & include in your 3-Ring-Organized-Binder.

Attach the Word.doc - Not docx - Type a Comment & Submit - Do not click Save - Via Bb.

GD Book Intro + GD Basics

+ Typography

Quickstart: Preferences +Setting up a New Document.

Tools + Text

On your computer & Disk Create

& Save in Folder:01Self_YourName

Bb > Attach &

Send a Comment if clear

Notes: To enter the Assignments, go toBlackboard(Bb) & click onAssignments /Set& Followthe Assignments Sequentially.

When finishing an Assignment click on Submit- if you click the Save button - the Instructor cannot enter your BoX.

After you Submit you cannot re-enter that Assignment. Best to finish the Set outside Bb, than enter & Attach to Bb.

After you have Submitted the Assignment, the Instructor will Review, Enter Comments & suitable Points on your behalf.

Once done, you can read the feedback Comments from the Instructor by going to Blackboard & Activating the

Check Grades Tab. On that Page Site, click on the Points that you received & you can view the feedback Comments.

XtraBoX is provided in case you are encountering any Bb glitch &/or in need for re-entry of Assignments.

Call the DL Office for any Blackboard technical issues or problems with attaching files. Do not email any assignment.

To Download & Saving Attachments from Blackboard: PC Users: Right Click on Attachment Mac Users: Control Click on the Attachment.


3/172

Set 2 PRINCIPLES OF DESIGNING WITH TYPE Typography & Layout 120All assignments require On-Going use of computer, scanner, printer, and graphic software to include the Adobe Suite, Microsoft Word & On-Going access to the Inte

Course Focus is on exploration of ones own Creativity, Design Solutions, own Layouts & Grid & Typography No Clip Art, nor Stock Photos or IllustratioRequired Books: 1. Graphic Design Solutions, 4thEdition, Robin Landa. 2. Quickstart: InDesign forMac and Windows Peachpit Press.

Best to finish the Set outside Bb, when done, re-enter Bb; Attach to the dedicated BoX & click on Submit- if you click on Save - the Instructor cannot enter your BoX.


20Review +

201RsrchLayouts

PRINCIPLES OF DESIGN W/ TYPEFolder on your Computer: 01Self_YourName

Part I: - ReviewBoth 1 & 2: 1. Instructors Comments & 2. Books1. Activate Blackboard Check Grades for each prior entry from Set 1,

Read Instructors Comments & verify if in need for any further information.

2. Books: Typography & Text Tool

Review the components of Typography & working with the Text Tool.Verify for any question or if all clear & you are ready to continue.

Part II: - 201RESEARCH & COLLECT - Create a New Word.doc & collect the info.Margins: Left & Right 1 Top & Bot: 0.5 Font: Times New Roman 11pt >

Type Your Name, Date & Heading & Collect the Info w/ all Links & Sources.

Focus on Type/ Text-Flow/ Layouts & Grid not on Photos or Illustrations.

1. Collect into the doc ~16- 20 Samples of Type Layouts & Grid s> Include allLinks.

Search for Unique Layouts, Designs w/ Type & Grid System from Print & Web.

2. Highlight relevant Info, unique features, Trends & Styles.

3. Design a Cover page to Reflect the Content w/ Heading, YourName,Date eetc

4. Following the cover page, Insert Page 2 & enter your Summary Analysis

& your Observation of your findings. Print Proof & Revise as needed.

5. Resize/ scale down the placed images, refine & the layout for best Presentation.

6. Save As 201RsrchLayouts_YourName.doc > IntoYourFolder:03 Layouts Grids

Attach the Word.doc do not use docx - Type a Comment & Submit.

GD BOOK Typography +

Creativity + Visualizations +

Compositions

Quickstart: Doc Setup + Text Tool

+ Text Effects

Create Folder:03 Layouts_Grids

Research & collect Samples

Include all Sources & all Links

Note: This Research is geared to

Identify Layouts, Grid Systems, and

Design Trends towards developing

own unique concepts & Style.

Reminders: Printall Sets & file in your On-Going-Binder. Once done w/ assignment, enter Bb, Attach & click on Submit (not the Bb Save button).

Use Check Grades to view Points & Instructors Comments. Revise your work based on Comments or send reasoning for design choices.

XtraBoX is provided in case you are encountering any Bb glitch &/or in need for re-entry of Assignments.


4/172

Set 3 Type &Layout Typography & Layout 1All assignments require On-Going use of computer, scanner, printer, and graphic software to include the Adobe Suite, Microsoft Word & On-Going access to the Inte

Course Focus is on exploration of ones own Creativity, Design Solutions, own Layouts & Grid & Typography No Clip Art, nor Stock Photos or Illustration

Required Books: 1. Graphic Design Solutions, 4thEdition, Robin Landa. 2. Quickstart: InDesign forMac and Windows Peachpit Press.

Best to finish the Set outside Bb, when done, re-enter Bb; Attach to the dedicated BoX & click on Submit- if you click on Save - the Instructor cannot enter your BoX.


30ReV &

201RsrchLayouts

32Font11Grid16pg

TYPE & LAYOUT FORMAT & GRID > on your computer Folder: 03 Layouts_Grids

Part I: - ReviewBoth 1. Instructors Comments & 2. Books & References

1. Activate Check Grades/Instructors Comments & verify if all clear

2. Read Books: Typography -Layouts, Grid Systems + Fonts used in magazines

& web sites. Format, Selecting Fonts & Grids & utilizing InDesign Features.

Part II: - Refer to your Research 201RsrchLayoutsprior to starting the next Design.

Focus on Type/ Text-Flow/ The Copy, Layouts & Grid not on Photos or Illustrations.

Part III: - TYPOGRAPHY & LAYOUTS COLUMNS & GRIDS STUDYThis assignment is a Progressive Study & it will Continued in the next Set.

LAYOUTS & FONTS Studying Serif + Sans-Serifusing 11pt Size in a 16Pg Booklet >On Your computer & your Disk Create a Folder: 03Layouts_Grids

1. Create a new InDesign 8.5x11, Facing 16Pg. Margins: Left, Right: 0.75 /

Top & Bot: 0.5 & Design a Booklet to further study Type, Fonts & Layouts.

2. Design the following Pages in a Style that Express your Personality:

Page1: Cover Design w/ Grid &Title: Designing with Type & Grid YourName

Pg2-3:The Spread as a Book Opener design to reflect the content of the Book.

3. From the Fonts familiesSelect & choose 2 fonts: one Font w/ Serif& another

San-Seriffont, use 11 Point size for all the Pgs & for all the Booklet layouts.

4. Designing Text using 1Column on facing pages w/ Serif & Sans Serif font:

From the attached Loremipsum_WikiText.doc Copythe whole Text & Paste on

Pg4-5 > use 1Column on these 2Pgs, Paste the LoremipsumWikiText,

Format the Text w/ yourSerif font & Design the Spread. These two facing pages.

Pg6-7 > use 1Column on these 2Pgs, Paste Same Text into each of the 1Column,

BOOK Layout + Typography +

Creativity + Visualizations +

Compositions

QUICKSTARTDocument Setup +

Basic Text + Text Effects

Exporting/ Creating PDF Files

See Reference & Links

See: 201RsrchLayouts

See: Your research Findings +

Loremipsum_Wikipedia.pdfLoremipsum_WikiText.doc


5/172

Set 4 EXPLORATION OF TYPE & GRID TYPOGRAPHY & LAYOUT VC&D1200Course Focus is on creating own Designs, Drawings & Illustrations, use of Type/ Text, own Graphics, Layouts & Grid No Clip Art, Stock Photos or Illustra

Printall Sets & use as Ref. Once done w/ assignment, enter Bb, Attach & click Submit (not the Bb Save button). Check Grades to view Points & Commen

Contact the DL Office for any Blackboard technical issues w/ attaching files. Do not email any assignment.


40Rev +41RsrchGrid

EXPLORATION OF TYPE & GRID Beyond Column> Folder:03Layouts_GridsFurther Refer to Grid Structure& Fonts used in all range of Publications & web.

Additional Considerations, Selecting Fonts & Grids Exploring InDesign Features.

Part I: -ReviewBoth 1. Instructors Comments & 2. Books & References

1. Activate Check Grades/Instructors Comments & verify if all clear.

2. Read Books: Typography -Layouts, Grid Systems + Fonts used in magazines

& web sites. Format, Selecting Fonts & Grids & utilizing InDesign Features.

Part II: -RESEARCH & COLLECT - Create a New Word.doc & collect the info.Margins: Left & Right 1 Top & Bot: 0.5 Font: Times New Roman 11pt >

Type Your Name, Date & Heading & Collect the Info w/ all Links & Sources.

Focus on complex & unique Grid Systems Space Divisions Text Format & Flow1. Research & Collect ~16- 20 Samples of Unique Grid s from array of Publications i.e.

Newspapers, Bulletins, Brochures, Books, Calendars, Posters/ Flyers > Include allLinks.

2. Highlight relevant Info, unique features, Trends & resize images for best visual.

3. Design Cover to Reflect the Content w/ Heading, YourName,Date4. Insert Pg 2 for Summaries/ Analysis of your findings & Design the Information.

5. Save As 41RsrchGrid_YourName.doc > On your computer Folder: 03 Layouts_Grids

Print, Proof, Revise as needed & include in your 3-Ring-Organized Binder.

Attach the Word.doc do not use docx - Type a Comment & Submit for review.

BOOK Intro + Basics + Layouts +Typography + Creativity +

Visualizations + Compositions



Research & collect Samples

Include all Sources & all Links

Note: This Research is geared to

Further Identify unique Grid Systems,

& Trendsbeyond 31RsrchLayouts

towards developing own uniqueconcepts & Style.

42Font9Grid16pg

Progressive StudyBased on 32Font11

LAYOUTS & FONTS Serif + Sans-Serif9pt 16Pg Booklet > Folder: 03Layouts_Grids

1. Open 32Font11Grid16pg.indd & Change all 11 pt Fonts to 9pt on all pages.2. Use same Serif& San-Serif, Change Font Size to 9 Point & Modify the

Layouts to balance on all pages make sure to keep all text & equally flow it.

Page1: Cover Design w/ Grid &Title: Designing with Type & Grid YourNameEnterSubheading: Name of Fonts Used, Size of Font & The style of the Book.

Pg2-3: Spread for Book Opener Modify design to reflect content of Book.

Pg4-5/ Pg6-7 > 1Clmn Change 11pt to 9pt font & balance the Layouts on both pgs.

P 8 9/ P 10 11 > 2Cl t / th 9 t & b l th l t b th




33Font11Grid16pg_Yours.indd

Note: This Assignment is geared to

further study the use of Fonts & its


6/172

Set 5 LAYOUTS POSITIVE/ NEGATIVE SPACE 1200All assignments require On-Going use of computer, scanner, printer, and graphic software to include the Adobe Suite, Microsoft Word & On-Going access to the Inte

Course Focus is on creating own Designs, Drawings & Illustrations, use of Type/ Text, own Graphics, Layouts & Grid No Clip Art, Stock Photos or Illustr


50Rev +

51PosNeg

POSITIVE & NEGATIVE SPACE - your computer Folder: 05 SpreadsPositiveNegative

Focus: Layout Goals, Unity, Balance, Format & Manipulation of Graphic Space

Concentrate on designing w/ Positive/ Negative Spacefor successful visual impactSpace & Structure, Magazine Spreads InDesign Exploration of Pages & Layers.

Part I:ReviewBoth 1. Instructors Comments & 2. Books & References.Part II:Research & Collect - Create a New Word.doc & collect the info.

Word doc Margins: Left/Right 1 Top/Bot: 0.5 Font: TimesNewRoman 11

A. Positive/Negative Visuals & Images + Include the images & all the Links

1. Collect 10-15 Samples of Positive/ Negative visuals & images.

B. Positive/Negative Articles + Include all the info & all the Links

2. Collect 5-8 Articles about Positive/ Negative Design & Space.

C. Summary Analysis of your observation & Designing the research layout

3. Highlight your chosen features, resize images, add & design a Cover Pg forthe research reflecting Pos/Neg, Create Heading + YourName + Date + Titles.

4. Add Pg #2 after the Cover for your Summary, Analysis & your observations.


5. Save As 51RsrchPosNeg_YourName.doc> yourFolder05 SpreadsPositiveNegative.

Attach the Word.doc do not use docx - Type a Comment & Submit for review.

BOOKFund of GD/ GraphicSpace

+ Layout / Formats / Grids

Positive & Negative SpaceQUICKSTARTPages & Books

+ Layers

Research & collect SamplesInclude all Sources & all Links

Identify unique use of Posit/Negative

Space & Trendsbeyond 31+41Rsrchtowards developing own unique Style.

BOOK Review PROJECT 5-1Article Topic on Pos/Negative

52Font9Grid16pgProgressive Study >

LAYOUTS & FONTS Serif + Sans-Serif9pt 16Pg Booklet > Folder: 03Layouts_Grids

Revise your32Font11Grid & 42Font9Grid & Balance all the Spreads throughout.

1. Open 42Font9Grid16pg.indd& Change to anotherSerif& Sans-Serifon all pgs.

2. Modify Covers & Pgs reflecting New Fonts/ Designing w/ Type&GridName

Re-EnterSubheading: Name of Fonts Used, Size of Font & The style of the Book.Use your new Serif& Sans-Serif9 pt on all Pgs & Re-Balance all the Layouts.


3. Save As > 52Font9Grid16pg_YourName.indd & Export - Smallest File Size - PDF

Attachonly- Smallest -PDF, Type a Comment & Submit for review.

GD BOOKCOMPOSITION / GRID




Further study Fonts & its effect onGrid Systems & Layouts.

Compare the 11Pt w/ the 9pt & w/ theNew Fonts selection in this design

Set 5 Due: As posted on Blackboard Verify Date for Mid-Term & Finals Presentation Set 5 Total:


7/172

Set 7 PRODUCTION OUTPUT PRESENTATION 120All assignments require On-Going use of computer, scanner, printer, and graphic software to include the Adobe Suite, Microsoft Word & On-Going access to the Inte

ASSIGNMENTS Apply The Books Critique Guide on all your Designs REFERENCE

70Rev +

71DesCollection

PROJECT FINALIZATION & PRESENTATION See The Project document

CRITIQUE Apply Books CritiqueGuides, Design Suggestions & all Comments.Part I: ReviewBoth 1. Instructors Comments & 2. Books & References.

Part II: DESIGN-COLLECTION Portfolio Bklt - Putting together your best Designs.

1. Sketch, Design & Mockup 8.5x11 InDesign 16or20Pg Self Portfolio Booklet.

2. Select your best designs, create Covers, TOC, Intro+PgOpeners+Titles +

Resize images as needed & Design special packet for CD/DVD inclusion as

an integral part of the Bklt. Design spreads & use type to promote self Style.Print+Proof+Revise: Spelling, Balance, remove Hyphenations+Widows+Orphans, etc.

3. Select a Provider for your Output, choose Paper & NonCheapBinding & Print.

ATTACH SmallestPDF > 71DesCollect_YourName.pdf, Type Comment & Submit.

BOOK: Production + Execution

The Project + Paper SelectionCritique Guides & Design Tips

Portfolio + Self Promos

PaperTips Production +

Execution + The Project

QUICKSTARTPrint/ Booklet...

Output

Paper Selection

Collect your Designs & Layouts

72SelfBrochure SELF BROCHURE Design a folded Brochure for Self Promo1. Sketch, Design & Mockup in InDesign 11x8.5 3 Panels folded 2-side brochure.

2. Select, Copy/ Paste best designs, use guides, panels, design covers, Self Info.

Add Titles, resize images & design for best-folded brochure & the open layout.


Print your revised on high quality elegant paper for best Professional Presentation.

ATTACH SmallestPDF > 72SelfBrochure_Name.pdf, Type Comment & Submit.

BOOK Layout + BrochureDesign + Self Promos

Reference & Links on Brochure

Printing & Paper Selection

73XtraBoX If locked out from any AssignBox > Use XtraBoX to enter Memo &/or Attach Assignments. Points adjusted as per the AssignBox

Set 7 Due: As Posted on Bb Late entries are not accepted passed due dates Verify Date for Finals Set 7 Total:

Set 8 FINAL PRESENTATION On-Time; proficiency; Information Design, Skills & PerformanceAll assigned work must be neat, professionally displayed, printed &/or pdf, filed & submitted as per given deadline

Apply Books Critique Guide & Design Suggestions on all your Designs prior to Posting the Finals on BlackboardFor all Finals: When Exporting the InDesign to PDF / or Merging PDF - It is essential to use Smallest File SizePDF.

81DesCollect 81 DESIGN COLLECTION B kl t / Di k R 71D C ll f Th P d


8/172

05SelfIntro 1200

Type yourName here: Justina Roberts Date Created: 10/27/2011

Revision:

1. Type your name & Date into this Word document2. Enter the information directly into this word document.3. Save As 05SelfIntro_name.doc4. Attach the File to this Bb Assignment5. Enter a note in the Users Comment Box & submit

Save on Server, Print, proof Revise as needed & include in your 3Ring Binder

List the Courses you are currently taking:

Course: Campus: In-Class: Hybrid: DL/Web:

Course: Commercial Studio I W Yes

Course: Vector Graphics W Yes

Course: Film Appreciation W Yes

Course: Intro to Type W

Self-GoalsWhat Degree/ Certificate are you currently perusing?

Visual Communication and Design - Photography

Projected Graduation date: Not sure yet.


9/172

Set 1:

Review + A. Self-Intro. & B. Self-Monogram


10/172

Part I: -10RsrchMonograms & SAMPLE COLLECTION VC&D1200Typography&Layout

Part II: -11SelfMonoBW Designing your Monogram

Type yourName here: Justina Roberts Date Created: 10/27/2011

Revision:PART I: SAMPLE COLLECTION> Into this Word Document

1. Type your name & Date into this Word document2. Read & Review the Reference Documents3. Research the Topics & Enter the information into this word document.4. Collect 20-25 samples of existing monograms, resize & design the layout.5. Save As 10RsrchMono_YourName.doc do not use docx

PART II: DESIGN YOUR MONOGRAM> Utilizing InDesign

1.Refer to your Sample Collection of Step One.2.Create B/W thumbnail sketches for Self Initials of your name reflecting SELF.3.Choose your best 3 Alternatives and bring them to InDesign 8.5x11 file.4.In InDesign create the 3 Monograms into a 1.75X1.75 Boxes and type a page

Heading to read: Self-Monogram Design Your Name

5.Place the designs in a three columns & create 3 variations underneath each.

6.The page will now have 3 columns and 4 Rows. At the top of the Columns are the3 Alternatives & under each alternative there are 3 Variations for each.

See Portfolios & Samples for reference guide.

7.Save As > 11SelfMonoBW_YourName.indd8 Export & Save As - SmallestFileSize - PDF > 11SelfMonoBW YourName.pdf


11/172

Monograms are utilized for wedding decorations, invitations, and signs all the time. Its the first

thing that comes to mind when I think of monograms, other than fancy bathrobes!http://www.customweddingdetails.com/site/index.php/monograms/pre-designed-monograms


12/172

These are very simple monograms. They are clear to read and extremely effective.

http://www.periwinkleonline.com/shop/monogram.cfm


13/172

This is an example of an old monogram from a book. Old fashioned type is very desirable insome situations.http://www.fromoldbooks.org/DelamotteOrnamentalAlphabets/pages/53-Monograms-Crosses-etc.img29-IHS-

monogram/

S lf M * J ti R b t


14/172

Self-Monogram * Justina Roberts

Hardworking Energetic Proud

JR

J

R

J

R

JRJR

JR

Impact 60pt

Impact 60pt, First Bold

Chalkduster 60pt

Chalkduster 60pt, frst superscript

Bernard 60pt

Bernard 60pt, frst superscript


15/172

Set 2:

Review + A. Self Style & B. Expressive Typ


16/172

Identify Layouts,Grid Systems &Design Trends


17/172

Summary Analysis & Observation

Type is a bigger deal than I had originally imagined. Looking at advertisements, websites, and

even things that are not usually made up of type has given me the skill to identify it now. Interesting

layouts on websites usually are composed of grids and good looking text chunks. Theres nothing

interesting about line after line information, its good to break up information so the viewer really gets the

most out of it.

16- 20 Samples of Type Layouts & Grids:


18/172

http://leevidalsummerbrief.blogspot.com/2011_08_14_archive.

html


19/172


20/172


21/172

http://www.monster-munch.com/category/typography/


22/172

http://www.imgspark.com/image/view/type/1643092/


23/172

Designing With Type

Justina Roberts


24/172

DesigningWithType

gning

With

Type


25/172


26/172

JR


27/172


28/172n

ab

erts


29/172


30/172

Achievement Unlocked: Type Designed.


31/172

Set 3:

Creative Type, Layout & Grid Systems


32/172

In this document the Margins are 0.75 for Left & Right; and 0.5 for Top & Bottom. Headings are Helvetica &Copy/ Text is Times New Roman. All Fonts Size are set at 10 Points. The Word Count according to the title bar at the bottom

of Word is showing an entry of 1100 (see #at bottom)

Lorem ipsum From Wikipedia, the free encyclopediaFor the Wikipedia template, see lorem ipsumResource Link: http://en.wikipedia.org/wiki/Lorem_ipsum

Using lorem ipsum to focus attention on graphic elements in a website design proposal.

Inpublishing and graphic design, lorem ipsum is commonplaceholder text used to demonstrate the graphic elements of adocument or visual presentation, such as font, typography, and layout. It is a form of "greeking".

Even though using "lorem ipsum" often arouses curiosity due to its resemblance to classical Latin, it is not intended to have

meaning. Where text is visible in a document, people tend to focus on the textual content rather than upon overall

presentation, so publishers use lorem ipsum when displaying a typeface or design in order to direct the focus to presentation.

"Lorem ipsum" also approximates a typical distribution of letters in English.

The most common lorem ipsum text reads as follows:Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do

eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco

laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore

eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est

laborum. History and discovery The text is derived from Cicero'sDe finibus bonorum et malorum (On the Ends of Goodsand Evils, or alternatively [About] The Purposes of Good and Evil).[1] The original passage began:Neque porro quisquam

est qui dolorem ipsum quia dolor sit amet, consectetur, adipiscivelit(Translation: "Neither is there anyone who loves grief

itself since it is grief and thus wants to obtain it"). It is not known exactly when the text acquired its current standard form; it

may have been as late as the 1960s. The passage was discovered by Richard McClintock, a Latin scholar who is the

publications director at Hampden-Sydney College in Virginia, by searching for citings of the rarely used word 'consectetur' in

classical literature. The original version (with the excerpted items highlighted): [32] Sed ut perspiciatis, unde omnis iste

natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam eaque ipsa, quae ab illo inventore

veritatis et quasi architecto beatae vitae dicta sunt, explicabo. Nemo enim ipsam voluptatem, quia voluptas sit, aspernatur

aut odit aut fugit, sed quia consequuntur magni dolores eos, qui ratione voluptatem sequi nesciunt, neque porro quisquamest, qui dolorem ipsum, quia dolor sit, amet, consectetur, adipiscivelit, sedquia non numquam eius modi tempora incidunt,

ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam

corporis suscipitlaboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit, qui in ea

voluptate velit esse, quam nihil molestiae consequatur, velillum, qui dolorem eumfugiat, quo voluptas nulla pariatur? [33]

At vero eos et accusamus et iusto odio dignissimos ducimus, qui blanditiis praesentium voluptatum deleniti atque corrupti,


33/172

Designingwith Type

and GridJustina Robert


36/172

In publishing and graphic design, lorem ipsum is common placeholder text used to

demonstrate the graphic elements of a document or visual presentation, such as font,

typography, and layout. It is a form of greeking.

Even though using lorem ipsum often arouses curiosity due to its resemblance toclassical Latin, it is not intended to have meaning. Where text is visible in a document,

people tend to focus on the textual content rather than upon overall presentation, so

publishers use lorem ipsum when displaying a typeface or design in order to direct the

focus to presentation. Lorem ipsum also approximates a typical distribution of letters

in English.

The most common lorem ipsum text reads as follows: Lorem ipsum dolor sit amet,

consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna

quidem rerum facilis est et expedita distinctio. Nam libero tempore, c

l bi li di i ihil i di i id


37/172

soluta nobis est eligendi optio, cumque nihil impedit, quo minus id, qu

maxime placeat, facere possimus, omnis voluptas assumenda est, om

dolor repellendus. Temporibus autem quibusdam et aut ofciis debit

aut rerum necessitatibus saepe eveniet, ut et voluptates repudiandae s

et molestiae non recusandae. Itaque earum rerum hic tenetur a sapie

delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut p

ferendis doloribus asperiores repellat. English translation Ciceros orig

text: neque porro quisquam est, qui dolorem ipsum quia dolor s

amet, consectetur, adipisci velit, sed quia non numquam eius modi te

pora incidunt ut labore et dolore magnam aliquam quaerat voluptate

Ut enim ad minima veniam, quis nostrum exercitationem ullam corpo

suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Qu

autem vel eum iure reprehenderit qui in ea voluptate velit esse quam n

molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptanulla pariatur? H. Rackhams 1914 translation: Nor again is there a

one who loves or pursues or desires to obtain pain of itself, because i

pain, but because occasionally circumstances occur in which toil and p

can procure him some great pleasure. To take a trivial example, whic

of us ever undertakes laborious physical exercise, except to obtain som

advantage from it? But who has any right to nd fault with a man wh

chooses to enjoy a pleasure that has no annoying consequences, or o

who avoids a pain that produces no resultant pleasure? Variations Thare many variations of passages of Lorem Ipsum available, but the m

jority has been altered in some form, by injected humour, or randomi

words, which dont follow the conventions of common language. If on

going to use a passage of Lorem Ipsum, it is proper to be sure there is

Using lorem ipsum to focus attention on graphic elements in a website de-


38/172

sign proposal.

In publishing and graphic design, lorem ipsum is common placeholder text

used to demonstrate the graphic elements of a document or visual present

tion, such as font, typography, and layout. It is a form of greeking.

Even though using lorem ipsum often arouses curiosity due to its resem-blance to classical Latin, it is not intended to have meaning. Where text is

visible in a document, people tend to focus on the textual content rather

than upon overall presentation, so publishers use lorem ipsum when dis-

playing a typeface or design in order to direct the focus to presentation.

Lorem ipsum also approximates a typical distribution of letters in English

The most common lorem ipsum text reads as follows: Lorem ipsum dolor

sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut

labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud execitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aut

irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat

nulla pariatur.

Excepteur sint occaecat cupidatat non proident, sunt in culpa qui ofcia

deserunt mollit anim id est laborum. History and discovery The text is de-

rived from Ciceros De nibus bonorum et malorum (On the Ends of Goods

and Evils, or alternatively [About] The Purposes of Good and Evil ).[1] The

original passage began: Neque porro quisquam est qui dolorem ipsum

quia dolor sit amet, consectetur, adipisci velit (Translation: Neither is there

nobis est eligendi optio, cumque nihil impedit, quo minus id, quod


39/172

maxime placeat, facere possimus, omnis voluptas assumenda

est, omnis dolor repellendus. Temporibus autem quibusdam et aut

ofciis debitis aut rerum necessitatibus saepe eveniet, ut et volup-

tates repudiandae sint et molestiae non recusandae. Itaque earum

rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus

maiores alias consequatur aut perferendis doloribus asperioresrepellat. English translation Ciceros original text: neque porro

quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur,

adipisci velit, sed quia non numquam eius modi tempora incidunt

ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim

ad minima veniam, quis nostrum exercitationem ullam corporis

suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur?

Quis autem vel eum iure reprehenderit qui in ea voluptate velit

esse quam nihil molestiae consequatur, vel illum qui dolorem eumfugiat quo voluptas nulla pariatur? H. Rackhams 1914 transla-

tion: Nor again is there anyone who loves or pursues or desires to

obtain pain of itself, because it is pain, but because occasionally

circumstances occur in which toil and pain can procure him some

great pleasure. To take a trivial example, which of us ever under-

takes laborious physical exercise, except to obtain some advan-

tage from it? But who has any right to nd fault with a man who

chooses to enjoy a pleasure that has no annoying consequences,

or one who avoids a pain that produces no resultant pleasure?

Variations There are many variations of passages of Lorem Ipsum

available, but the majority has been altered in some form, by in-

jected humour, or randomized words, which dont follow the con-

Using lorem ipsum to focus attention on graphic elements

in a website design proposal

consequatur? Quis autem vel eum iure reprehenderit

in ea voluptate velit esse quam nihil molestiae conse


40/172

in a website design proposal.

In publishing and graphic design, lorem ipsum is common

placeholder text used to demonstrate the graphic elements

of a document or visual presentation, such as font, typog-

raphy, and layout. It is a form of greeking.

Even though using lorem ipsum often arouses curiosity

due to its resemblance to classical Latin, it is not intended

to have meaning. Where text is visible in a document, peo-

ple tend to focus on the textual content rather than upon

overall presentation, so publishers use lorem ipsum when

displaying a typeface or design in order to direct the focus

to presentation. Lorem ipsum also approximates a typi-

cal distribution of letters in English.

The most common lorem ipsum text reads as follows: Lor-em ipsum dolor sit amet, consectetur adipisicing elit, sed do

eiusmod tempor incididunt ut labore et dolore magna ali-

qua. Ut enim ad minim veniam, quis nostrud exercitation

ullamco laboris nisi ut aliquip ex ea commodo consequat.

Duis aute irure dolor in reprehenderit in voluptate velit

esse cillum dolore eu fugiat nulla pariatur. Excepteur sint

occaecat cupidatat non proident, sunt in culpa qui ofciadeserunt mollit anim id est laborum. History and discovery

The text is derived from Ciceros De nibus bonorum et

malorum (On the Ends of Goods and Evils, or alternatively

[About] The Purposes of Good and Evil ).[1] The original

b N i t i d l i

in ea voluptate velit esse, quam nihil molestiae conse

tur, vel illum, qui dolorem eum fugiat, quo voluptas

pariatur? [33] At vero eos et accusamus et iusto odio

nissimos ducimus, qui blanditiis praesentium volupta

deleniti atque corrupti, quos dolores et quas mole

excepturi sint, obcaecati cupiditate non provident,

lique sunt in culpa, qui ofcia deserunt mollitia anim

est laborum et dolorum fuga. Et harum quidem re

facilis est et expedita distinctio. Nam libero tempore,

soluta nobis est eligendi optio, cumque nihil impedit,

minus id, quod maxime placeat, facere possimus, o

voluptas assumenda est, omnis dolor repellendus. T

poribus autem quibusdam et aut ofciis debitis aut re

necessitatibus saepe eveniet, ut et voluptates repudiasint et molestiae non recusandae. Itaque earum re

hic tenetur a sapiente delectus, ut aut reiciendis volu

tibus maiores alias consequatur aut perferendis dolo

asperiores repellat. English translation Ciceros ori

text: neque porro quisquam est, qui dolorem ip

quia dolor sit amet, consectetur, adipisci velit, sed

non numquam eius modi tempora incidunt ut labodolore magnam aliquam quaerat voluptatem. Ut enim

minima veniam, quis nostrum exercitationem ullam

poris suscipit laboriosam, nisi ut aliquid ex ea comm

consequatur? Quis autem vel eum iure reprehenderi

i l t t lit ihil l ti

the original passage to achieve a distribution of letters that

more closely approximates English Ciceros rst Oration

when the text acquired its current standard form; it m

been as late as the 1960s The passage was disco


41/172

more closely approximates English. Cicero s rst Oration

against Catiline is sometimes used in type specimens: Quo

usque tandem abutere, Catilina, patientia nostra? Quam

diu etiam furor iste tus nos eludet? . . .

Todays popular version of lorem ipsum was rst created

for Aldus Corporations rst desktop publishing program

Aldus PageMaker in the mid-1980s for the Apple Macin-

tosh. Art director Laura Perry adapted older forms of the

lorem text from typography samples. The text was fre-

quently used in PageMaker templates.

Various pieces of software, including text editors (or plug-

in modules for same), can generate semi-random lorem

text that often has little or nothing in common with the

canonical variety, other than looking like (and often being) jumbled Latin. Apples Pages software uses this jumbled

text as a sample screenplay for their screenplay layout.



In publishing and graphic design, lorem ipsum is commonplaceholder text used to demonstrate the graphic elements

of a document or visual presentation, such as font, typog-

raphy, and layout. It is a form of greeking.

Even though using lorem ipsum often arouses curiosity

d t it bl t l i l L ti it i t i t d d

been as late as the 1960s. The passage was disco

Richard McClintock, a Latin scholar who is the pub

director at Hampden-Sydney College in Virginia, b

ing for citings of the rarely used word consectetur

cal literature. The original version (with the excerp

highlighted): [32] Sed ut perspiciatis, unde omnis i

error sit voluptatem accusantium doloremque lau

totam rem aperiam eaque ipsa, quae ab illo inventor

et quasi architecto beatae vitae dicta sunt, explicab

enim ipsam voluptatem, quia voluptas sit, aspernatu

aut fugit, sed quia consequuntur magni dolores eo

tione voluptatem sequi nesciunt, neque porro quisq

qui dolorem ipsum, quia dolor sit, amet, consectetur

velit, sed quia non numquam eius modi tempora inclabore et dolore magnam aliquam quaerat volupt

enim ad minima veniam, quis nostrum exercitatione

corporis suscipit laboriosam, nisi ut aliquid ex ea c

consequatur? Quis autem vel eum iure reprehender

ea voluptate velit esse, quam nihil molestiae consequ

illum, qui dolorem eum fugiat, quo voluptas nulla p

[33] At vero eos et accusamus et iusto odio dignissimmus, qui blanditiis praesentium voluptatum delen

corrupti, quos dolores et quas molestias excepturi

caecati cupiditate non provident, similique sunt in c

ofcia deserunt mollitia animi, id est laborum et

f Et h id f ili t t dit



dent, similique sunt in culpa, qui ofcia deserunt mo

animi, id est laborum et dolorum fuga. Et harum qu


42/172

g p pIn publishing and graphic design, lorem ipsum is commonplaceholder text used to demonstrate the graphic ele-ments of a document or visual presentation, such as font,

typography, and layout. It is a form of greeking.Even though using lorem ipsum often arouses curiosity

due to its resemblance to classical Latin, it is not intendedto have meaning. Where text is visible in a document, peo-

ple tend to focus on the textual content rather than uponoverall presentation, so publishers use lorem ipsum whendisplaying a typeface or design in order to direct the focus

to presentation. Lorem ipsum also approximates a typi-cal distribution of letters in English.

The most common lorem ipsum text reads as follows: Lor-

em ipsum dolor sit amet, consectetur adipisicing elit, seddo eiusmod tempor incididunt ut labore et dolore magnaaliqua. Ut enim ad minim veniam, quis nostrud exercitationullamco laboris nisi ut aliquip ex ea commodo consequat.Duis aute irure dolor in reprehenderit in voluptate velit

esse cillum dolore eu fugiat nulla pariatur. Excepteur sintoccaecat cupidatat non proident, sunt in culpa qui ofciadeserunt mollit anim id est laborum. History and discov-

ery The text is derived from Ciceros De nibus bonorumet malorum (On the Ends of Goods and Evils, or alterna-tively [About] The Purposes of Good and Evil ).[1] Theoriginal passage began: Neque porro quisquam est qui

dolorem ipsum quia dolor sit amet, consectetur, adipiscivelit (Translation: Neither is there anyone who loves grief

, g qrerum facilis est et expedita distinctio. Nam libero temcum soluta nobis est eligendi optio, cumque nihil impquo minus id, quod maxime placeat, facere possi

omnis voluptas assumenda est, omnis dolor repellenTemporibus autem quibusdam et aut ofciis debitis au

rum necessitatibus saepe eveniet, ut et voluptates diandae sint et molestiae non recusandae. Itaque ea

rerum hic tenetur a sapiente delectus, ut aut reicievoluptatibus maiores alias consequatur aut perferedoloribus asperiores repellat. English translation Cic

original text: neque porro quisquam est, qui dolipsum quia dolor sit amet, consectetur, adipisci velitquia non numquam eius modi tempora incidunt ut la

et dolore magnam aliquam quaerat voluptatem. Ut ad minima veniam, quis nostrum exercitationem ullamporis suscipit laboriosam, nisi ut aliquid ex ea comconsequatur? Quis autem vel eum iure reprehenderin ea voluptate velit esse quam nihil molestiae conse

tur, vel illum qui dolorem eum fugiat quo voluptas pariatur? H. Rackhams 1914 translation: Nor agathere anyone who loves or pursues or desires to o

pain of itself, because it is pain, but because occasiocircumstances occur in which toil and pain can prohim some great pleasure. To take a trivial example, wof us ever undertakes laborious physical exercise, ex

to obtain some advantage from it? But who has any rignd fault with a man who chooses to enjoy a pleasure

nonical variety, other than looking like (and often be-

ing) jumbled Latin. Apples Pages software uses this

sed quia non numquam eius modi tempora incidunt

labore et dolore magnam aliquam quaerat voluptate


43/172

g j gjumbled text as a sample screenplay for their screen-

play layout.

Using lorem ipsum to focus attention on graphic ele-

ments in a website design proposal.In publishing and graphic design, lorem ipsum is com-

mon placeholder text used to demonstrate the graphicelements of a document or visual presentation, suchas font, typography, and layout. It is a form of greek-

ing.Even though using lorem ipsum often arouses cu-riosity due to its resemblance to classical Latin, it isnot intended to have meaning. Where text is visible

in a document, people tend to focus on the textualcontent rather than upon overall presentation, so pub-lishers use lorem ipsum when displaying a typefaceor design in order to direct the focus to presentation.

Lorem ipsum also approximates a typical distribu-tion of letters in English.

The most common lorem ipsum text reads as follows:

Lorem ipsum dolor sit amet, consectetur adipisic-ing elit, sed do eiusmod tempor incididunt ut laboreet dolore magna aliqua. Ut enim ad minim veniam,quis nostrud exercitation ullamco laboris nisi ut aliquip

ex ea commodo consequat. Duis aute irure dolor inreprehenderit in voluptate velit esse cillum dolore eu

gUt enim ad minima veniam, quis nostrum exercitationullam corporis suscipit laboriosam, nisi ut aliquid excommodi consequatur? Quis autem vel eum iure rep

henderit, qui in ea voluptate velit esse, quam nihil motiae consequatur, vel illum, qui dolorem eum fugiat, q

voluptas nulla pariatur? [33] At vero eos et accusamuiusto odio dignissimos ducimus, qui blanditiis praes

tium voluptatum deleniti atque corrupti, quos doloresquas molestias excepturi sint, obcaecati cupiditate nprovident, similique sunt in culpa, qui ofcia deser

mollitia animi, id est laborum et dolorum fuga. Et harquidem rerum facilis est et expedita distinctio. Nam libtempore, cum soluta nobis est eligendi optio, cumquehil impedit, quo minus id, quod maxime placeat, fac

possimus, omnis voluptas assumenda est, omnis dorepellendus. Temporibus autem quibusdam et aut ofdebitis aut rerum necessitatibus saepe eveniet, ut et luptates repudiandae sint et molestiae non recusand

Itaque earum rerum hic tenetur a sapiente delectusaut reiciendis voluptatibus maiores alias consequatur perferendis doloribus asperiores repellat. English tra

lation Ciceros original text: neque porro quisquest, qui dolorem ipsum quia dolor sit amet, consecteadipisci velit, sed quia non numquam eius modi tempincidunt ut labore et dolore magnam aliquam quae

voluptatem. Ut enim ad minima veniam, quis nostrexercitationem ullam corporis suscipit laboriosam,

Using lorem ipsum to focus at- sectetur, adipisci velit (Translation: nus id, quod maxime placeat, facere


44/172

g p

tention on graphic elements in a

website design proposal.

In publishing and graphic de-

sign, lorem ipsum is common

placeholder text used to dem-

onstrate the graphic elements

of a document or visual pre-

sentation, such as font, typogra-

phy, and layout. It is a form of

greeking.

Even though using lorem ip-

sum often arouses curiosity

due to its resemblance to clas-sical Latin, it is not intended to

have meaning. Where text is vis-

ible in a document, people tend

to focus on the textual content

rather than upon overall presen-

tation, so publishers use lorem

ipsum when displaying a type-

face or design in order to direct

the focus to presentation. Lor-

em ipsum also approximates a

typical distribution of letters in

E li h

, p (

Neither is there anyone who loves

grief itself since it is grief and thus

wants to obtain it). It is not known

exactly when the text acquired its cur-

rent standard form; it may have been

as late as the 1960s. The passage was

discovered by Richard McClintock, a

Latin scholar who is the publications

director at Hampden-Sydney College

in Virginia, by searching for citings

of the rarely used word consecte-

tur in classical literature. The origi-

nal version (with the excerpted itemshighlighted): [32] Sed ut perspiciatis,

unde omnis iste natus error sit volup-

tatem accusantium doloremque lau-

dantium, totam rem aperiam eaque

ipsa, quae ab illo inventore veritatis

et quasi architecto beatae vitae dicta

sunt, explicabo. Nemo enim ipsam

voluptatem, quia voluptas sit, asper-

natur aut odit aut fugit, sed quia con-

sequuntur magni dolores eos, qui rati-

one voluptatem sequi nesciunt, neque

i t i d l i

, q p ,

simus, omnis voluptas assumenda est,

nis dolor repellendus. Temporibus au

quibusdam et aut ofciis debitis aut re

necessitatibus saepe eveniet, ut et vo

tates repudiandae sint et molestiae

recusandae. Itaque earum rerum hi

netur a sapiente delectus, ut aut reicie

voluptatibus maiores alias consequatu

perferendis doloribus asperiores rep

English translation Ciceros original

neque porro quisquam est, qui d

em ipsum quia dolor sit amet, consect

adipisci velit, sed quia non numquammodi tempora incidunt ut labore et do

magnam aliquam quaerat voluptatem

enim ad minima veniam, quis nost

exercitationem ullam corporis suscip

boriosam, nisi ut aliquid ex ea comm

consequatur? Quis autem vel eum

reprehenderit qui in ea voluptate velit

quam nihil molestiae consequatur, v

lum qui dolorem eum fugiat quo volu

nulla pariatur? H. Rackhams 1914 tr

lation: Nor again is there anyone

l d i t bt i

takimata, and gubergren added use lorem ipsum when displaying a quuntur magni dolores eos, qui rati


45/172

, g g

to the original passage to achieve

a distribution of letters that more

closely approximates English. Ci-

ceros rst Oration against Ca-

tiline is sometimes used in type

specimens: Quo usque tandem

abutere, Catilina, patientia nos-

tra? Quam diu etiam furor iste tus

nos eludet? . . .

Todays popular version of lorem

ipsum was rst created for Aldus

Corporations rst desktop pub-

lishing program Aldus PageMak-er in the mid-1980s for the Apple

Macintosh. Art director Laura

Perry adapted older forms of the

lorem text from typography sam-

ples. The text was frequently used

in PageMaker templates.

Various pieces of software, in-

cluding text editors (or plug-in

modules for same), can generate

semi-random lorem text that

often has little or nothing in com-

ith th i l i t

p p y g

typeface or design in order to direct

the focus to presentation. Lorem

ipsum also approximates a typical

distribution of letters in English.

The most common lorem ipsum text

reads as follows: Lorem ipsum dolor

sit amet, consectetur adipisicing elit,

sed do eiusmod tempor incididunt

ut labore et dolore magna aliqua. Ut

enim ad minim veniam, quis nostrud

exercitation ullamco laboris nisi ut

aliquip ex ea commodo consequat.

Duis aute irure dolor in reprehen-derit in voluptate velit esse cillum

dolore eu fugiat nulla pariatur. Ex-

cepteur sint occaecat cupidatat non

proident, sunt in culpa qui ofcia

deserunt mollit anim id est labo-

rum. History and discovery The text

is derived from Ciceros De nibus

bonorum et malorum (On the Ends

of Goods and Evils, or alternatively

[About] The Purposes of Good and

Evil ).[1] The original passage be-

: N i t i

q g , q

one voluptatem sequi nesciunt, neque

porro quisquam est, qui dolorem ip

sum, quia dolor sit, amet, consectetur

adipisci velit, sed quia non numquam

eius modi tempora incidunt, ut labore

et dolore magnam aliquam quaera

voluptatem. Ut enim ad minima ve

niam, quis nostrum exercitationem

ullam corporis suscipit laboriosam

nisi ut aliquid ex ea commodi con

sequatur? Quis autem vel eum iure

reprehenderit, qui in ea voluptate

velit esse, quam nihil molestiae consequatur, vel illum, qui dolorem eum

fugiat, quo voluptas nulla pariatur

[33] At vero eos et accusamus et iusto

odio dignissimos ducimus, qui blan

ditiis praesentium voluptatum delenit

atque corrupti, quos dolores et qua

molestias excepturi sint, obcaecat

cupiditate non provident, similique

sunt in culpa, qui ofcia deserun

mollitia animi, id est laborum et do

lorum fuga. Et harum quidem rerum

f ili t t dit di ti ti N

Using lorem ipsum to focus atten-

tion on graphic elements in a web-

lege in Virginia, by searching for citings

of the rarely used word consectetur in

niam, quis nostrum exercitat

ullam corporis suscipit labori


46/172

tion on graphic elements in a website design proposal.

In publishing and graphic design,lorem ipsum is common place-

holder text used to demonstrate thegraphic elements of a document or

visual presentation, such as font, ty-pography, and layout. It is a form of

greeking.Even though using lorem ipsumoften arouses curiosity due to its re-

semblance to classical Latin, it is notintended to have meaning. Wheretext is visible in a document, people

tend to focus on the textual contentrather than upon overall presenta-tion, so publishers use lorem ipsumwhen displaying a typeface or de-

sign in order to direct the focus topresentation. Lorem ipsum alsoapproximates a typical distribution

of letters in English.

The most common lorem ipsumtext reads as follows: Lorem ipsumdolor sit amet, consectetur adipisic-

ing elit, sed do eiusmod tempor in-cididunt ut labore et dolore magnaaliqua Ut enim ad minim veniam

of the rarely used word consectetur inclassical literature. The original version(with the excerpted items highlighted):[32] Sed ut perspiciatis, unde omnis

iste natus error sit voluptatem accus-antium doloremque laudantium, totam

rem aperiam eaque ipsa, quae ab illo in-ventore veritatis et quasi architecto bea-tae vitae dicta sunt, explicabo. Nemoenim ipsam voluptatem, quia voluptassit, aspernatur aut odit aut fugit, sed

quia consequuntur magni dolores eos,qui ratione voluptatem sequi nesciunt,neque porro quisquam est, qui dolorem

ipsum, quia dolor sit, amet, consectetur,adipisci velit, sed quia non numquameius modi tempora incidunt, ut labore etdolore magnam aliquam quaerat volup-

tatem. Ut enim ad minima veniam, quisnostrum exercitationem ullam corporissuscipit laboriosam, nisi ut aliquid exea commodi consequatur? Quis autem

vel eum iure reprehenderit, qui in eavoluptate velit esse, quam nihil moles-tiae consequatur, vel illum, qui dolorem

eum fugiat, quo voluptas nulla pariatur?[33] At vero eos et accusamus et iustoodio dignissimos ducimus qui blanditiis

ullam corporis suscipit laborinisi ut aliquid ex ea commodsequatur? Quis autem vel eureprehenderit qui in ea volupta

lit esse quam nihil molestiae cquatur, vel illum qui dolorem e

giat quo voluptas nulla pariatuRackhams 1914 translationagain is there anyone who lopursues or desires to obtain pitself, because it is pain, but be

occasionally circumstances in which toil and pain can phim some great pleasure. To

a trivial example, which of usundertakes laborious physicacise, except to obtain some atage from it? But who has an

to nd fault with a man who chto enjoy a pleasure that has nnoying consequences, or onavoids a pain that produces

sultant pleasure? Variations are many variations of passaLorem Ipsum available, but th

jority has been altered in someby injected humour, or randowords which dont follow the

older forms of the lorem text from

typography samples. The text

lit anim id est laborum. History and

discovery The text is derived from

rum fuga. Et harum quidem rerum

est et expedita distinctio. Nam libero


47/172

typography samples. The textwas frequently used in PageMak-

er templates.Various pieces of software, in-

cluding text editors (or plug-inmodules for same), can gener-

ate semi-random lorem text thatoften has little or nothing in com-mon with the canonical variety,other than looking like (and of-ten being) jumbled Latin. Apples

Pages software uses this jumbledtext as a sample screenplay for

their screenplay layout.

Using lorem ipsum to focus at-tention on graphic elements in a

website design proposal.In publishing and graphic design,lorem ipsum is common place-holder text used to demonstrate

the graphic elements of a docu-ment or visual presentation, suchas font, typography, and layout. It

is a form of greeking.Even though using lorem ipsumoften arouses curiosity due to its

discovery The text is derived fromCiceros De nibus bonorum et mal-orum (On the Ends of Goods andEvils, or alternatively [About] The

Purposes of Good and Evil ).[1] Theoriginal passage began: Neque porro

quisquam est qui dolorem ipsum quiadolor sit amet, consectetur, adipiscivelit (Translation: Neither is thereanyone who loves grief itself since itis grief and thus wants to obtain it).

It is not known exactly when the textacquired its current standard form; itmay have been as late as the 1960s.

The passage was discovered byRichard McClintock, a Latin scholarwho is the publications director atHampden-Sydney College in Virgin-

ia, by searching for citings of the rare-ly used word consectetur in classicalliterature. The original version (withthe excerpted items highlighted): [32]

Sed ut perspiciatis, unde omnis istenatus error sit voluptatem accusan-tium doloremque laudantium, totam

rem aperiam eaque ipsa, quae abillo inventore veritatis et quasi archi-tecto beatae vitae dicta sunt expli

est et expedita distinctio. Nam liberopore, cum soluta nobis est eligendi cumque nihil impedit, quo minus id, maxime placeat, facere possimus, o

voluptas assumenda est, omnis dolpellendus. Temporibus autem quibu

et aut ofciis debitis aut rerum nsitatibus saepe eveniet, ut et voluprepudiandae sint et molestiae non sandae. Itaque earum rerum hic tea sapiente delectus, ut aut reiciend

luptatibus maiores alias consequatuperferendis doloribus asperiores repEnglish translation Ciceros origina

neque porro quisquam est, qui dem ipsum quia dolor sit amet, constur, adipisci velit, sed quia non numeius modi tempora incidunt ut labo

dolore magnam aliquam quaerat vtatem. Ut enim ad minima veniamnostrum exercitationem ullam cosuscipit laboriosam, nisi ut aliquid e

commodi consequatur? Quis autemeum iure reprehenderit qui in ea voluvelit esse quam nihil molestiae conse

tur, vel illum qui dolorem eum fugiavoluptas nulla pariatur? H. Rackh1914 translation: Nor again is there

Using lorem ipsum to focus at grief itself since it is grief andj stina r b rts j stina r b rts j stina


48/172

Using lorem ipsum to focus at-

tention on graphic elements in a

website design proposal.

In publishing and graphic design,

lorem ipsum is common place-

holder text used to demonstratethe graphic elements of a docu-

ment or visual presentation, such

as font, typography, and layout. It

is a form of greeking.

Even though using lorem ipsum

often arouses curiosity due to its

resemblance to classical Latin, it

is not intended to have meaning.

Where text is visible in a docu-

ment, people tend to focus on the

textual content rather than upon

overall presentation, so publishers

use lorem ipsum when displaying

a typeface or design in order to

direct the focus to presentation.Lorem ipsum also approxi-

mates a typical distribution of let-

ters in English.

The most common lorem ipsum

grief itself since it is grief and

wants to obtain it). It is not k

exactly when the text acquired it

rent standard form; it may have

as late as the 1960s. The passag

discovered by Richard McClintoLatin scholar who is the publica

director at Hampden-Sydney Co

in Virginia, by searching for c

of the rarely used word con

tur in classical literature. The

nal version (with the excerpted

highlighted): [32] Sed ut perspi

unde omnis iste natus error sit v

tatem accusantium doloremque

dantium, totam rem aperiam e

ipsa, quae ab illo inventore ve

et quasi architecto beatae vitae

sunt, explicabo. Nemo enim i

voluptatem, quia voluptas sit, a

natur aut odit aut fugit, sed quiasequuntur magni dolores eos, qu

one voluptatem sequi nesciunt, n

porro quisquam est, qui dolore

sum, quia dolor sit, amet, consec

justina roberts justina roberts justina

roberts justina roberts justina roberts




roberts justina roberts justina robertsjustina roberts justina roberts justina














justina roberts justina roberts justinaroberts justina roberts justina roberts





49/172

Designingwith Type

and GridJustina Robert


52/172


In publishing and graphic design, lorem ipsum is common placehold-

er text used to demonstrate the graphic elements of a document or visu-

al presentation, such as font, typography, and layout. It is a form of greeking.

Even though using lorem ipsum often arouses curiosity due to its resemblance to classi-

cal Latin, it is not intended to have meaning. Where text is visible in a document, peopletend to focus on the textual content rather than upon overall presentation, so publishers

use lorem ipsum when displaying a typeface or design in order to direct the focus to pre-

sentation. Lorem ipsum also approximates a typical distribution of letters in English.

The most common lorem ipsum text reads as follows: Lorem ipsum dolor sit amet, consectetur

adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim

ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo

consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat

nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui ofcia dese -runt mollit anim id est laborum. History and discovery The text is derived from Ciceros De

nibus bonorum et malorum (On the Ends of Goods and Evils, or alternatively [About] The

Purposes of Good and Evil ).[1] The original passage began: Neque porro quisquam est qui

dolorem ipsum quia dolor sit amet, consectetur, adipisci velit (Translation: Neither is there

anyone who loves grief itself since it is grief and thus wants to obtain it). It is not known ex-

actly when the text acquired its current standard form; it may have been as late as the 1960s.

The passage was discovered by Richard McClintock, a Latin scholar who is the publications di-

rector at Hampden-Sydney College in Virginia, by searching for citings of the rarely used word

consectetur in classical literature. The original version (with the excerpted items highlighted):

[32] Sed ut perspiciatis, unde omnis iste natus error sit voluptatem accusantium doloremque

laudantium, totam rem aperiam eaque ipsa, quae ab illo inventore veritatis et quasi architecto

beatae vitae dicta sunt, explicabo. Nemo enim ipsam voluptatem, quia voluptas sit, asperna-

tur aut odit aut fugit sed quia consequuntur magni dolores eos qui ratione voluptatem sequi

injected humour, or randomized words, which dont follow the conven

common language. If one is going to use a passage of Lorem Ipsum, it

to be sure there is not anything hidden in the middle of text. Man


53/172

y g

tions on the standard lorem ipsum text exist, some with little resemblan

original. Other versions have additional letters such as k, w, and z

were uncommon or missing in the Latin, and nonsense words such a

takimata, and gubergren added to the original passage to achieve a

tion of letters that more closely approximates English. Ciceros rst

against Catiline is sometimes used in type specimens: Quo usque tan

utere, Catilina, patientia nostra? Quam diu etiam furor iste tus nos elu

Todays popular version of lorem ipsum was rst created for Aldus Corp

rst desktop publishing program Aldus PageMaker in the mid-1980s for

ple Macintosh. Art director Laura Perry adapted older forms of the lo

from typography samples. The text was frequently used in PageMaker te

Various pieces of software, including text editors (or plug-in

for same), can generate semi-random lorem text that often

tle or nothing in common with the canonical variety, other thaing like (and often being) jumbled Latin. Apples Pages softwa

this jumbled text as a sample screenplay for their screenplay

References ^ Description of the Lorem ipsum dolor sit amet t

appears in Word Help (HTML). Microsoft. Retrieved on 200

Lorem ipsum From Wikipedia, the free en

dia For the Wikipedia template, see lorem

Resource Link: http://en.wikipedia.org/wiki/LoremUsing lorem ipsum to focus attention on

ic elements in a website design p

In publishing and graphic design, lorem ipsum is common placeho

used to demonstrate the graphic elements of a document or visual

porro quisquam est, qui dolorem ipsum, quia dolor sit, amesectetur, adipisci velit, sed quia non numquam eius modi te

incidunt, ut labore et dolore magnam aliquam quaerat voluUt i d i i i i t it ti ll


54/172

Ut enim ad minima veniam, quis nostrum exercitationem ullporis suscipit laboriosam, nisi ut aliquid ex ea commodi con

tur? Quis autem vel eum iure reprehenderit, qui in ea vovelit esse, quam nihil molestiae consequatur, vel illum, qui deum fugiat, quo voluptas nulla pariatur? [33] At vero eos et a

mus et iusto odio dignissimos ducimus, qui blanditiis praesvoluptatum deleniti atque corrupti, quos dolores et quas moexcepturi sint, obcaecati cupiditate non provident, similiqueculpa, qui ofcia deserunt mollitia animi, id est laborum et dfuga. Et harum quidem rerum facilis est et expedita distincti

libero tempore, cum soluta nobis est eligendi optio, cumqimpedit, quo minus id, quod maxime placeat, facere possimnis voluptas assumenda est, omnis dolor repellendus. Tem

autem quibusdam et aut ofciis debitis aut rerum necesssaepe eveniet, ut et voluptates repudiandae sint et molestrecusandae. Itaque earum rerum hic tenetur a sapiente deut aut reiciendis voluptatibus maiores alias consequatur a

ferendis doloribus asperiores repellat. English translation Coriginal text: neque porro quisquam est, qui dolorem ipsudolor sit amet, consectetur, adipisci velit, sed quia non numeius modi tempora incidunt ut labore et dolore magnam a

quaerat voluptatem. Ut enim ad minima veniam, quis nostrercitationem ullam corporis suscipit laboriosam, nisi ut aliea commodi consequatur? Quis autem vel eum iure repreh

qui in ea voluptate velit esse quam nihil molestiae consevel illum qui dolorem eum fugiat quo voluptas nulla pariatRackhams 1914 translation: Nor again is there anyone wh

riety, other than looking like (and often being) jumbledLatin. Apples Pages software uses this jumbled textas a sample screenplay for their screenplay layout.

References ^ Description of the Lorem ipsum do-


55/172

References Description of the Lorem ipsum dolor sit amet text that appears in Word Help(HTML). Microsoft. Retrieved on 2007-03-22.

Lorem ipsum From Wikipedia, the free encyclope-

dia For the Wikipedia template, see lorem ipsumResource Link: http://en.wikipedia.org/wiki/Lorem_ipsumUsing lorem ipsum to focus attention on graph-

ic elements in a website design proposal.In publishing and graphic design, lorem ipsum is com-mon placeholder text used to demonstrate the graphic

elements of a document or visual presentation, such asfont, typography, and layout. It is a form of greeking.Even though using lorem ipsum often arouses curios-ity due to its resemblance to classical Latin, it is not in-

tended to have meaning. Where text is visible in a docu-ment, people tend to focus on the textual content ratherthan upon overall presentation, so publishers use lorem

ipsum when displaying a typeface or design in order todirect the focus to presentation. Lorem ipsum also ap-proximates a typical distribution of letters in English.The most common lorem ipsum text reads as follows: Lorem

ipsum dolor sit amet, consectetur adipisicing elit, sed do ei-usmod tempor incididunt ut labore et dolore magna aliqua.Ut enim ad minim veniam, quis nostrud exercitation ullamcolaboris nisi ut aliquip ex ea commodo consequat. Duis aute

irure dolor in reprehenderit in voluptate velit esse cillum dolo-

velit esse, quam nihil molestiae consequatur, vel illum, qui do-lorem eum fugiat, quo voluptas nulla pariatur? [33] At vero eos

et accusamus et iusto odio dignissimos ducimus, qui blanditiis

bled text as a sample screenplay for their screenplay

References ^ Description of the Lorem

sum dolor sit amet text that appears in Word


56/172

praesentium voluptatum deleniti atque corrupti, quos dolores

et quas molestias excepturi sint, obcaecati cupiditate non provi-

dent, similique sunt in culpa, qui ofcia deserunt mollitia animi,

id est laborum et dolorum fuga. Et harum quidem rerum facilis

est et expedita distinctio. Nam libero tempore, cum soluta no-

bis est eligendi optio, cumque nihil impedit, quo minus id, quodmaxime placeat, facere possimus, omnis voluptas assumenda est,

omnis dolor repellendus. Temporibus autem quibusdam et

aut ofciis debitis aut rerum necessitatibus saepe eveniet, ut etvoluptates repudiandae sint et molestiae non recusandae. Itaque

earum rerum hic tenetur a sapiente delectus, ut aut reiciendis

voluptatibus maiores alias consequatur aut perferendis dolori-

bus asperiores repellat. English translation Ciceros original text:

neque porro quisquam est, qui dolorem ipsum quia dolorsit amet, consectetur, adipisci velit, sed quia non numquam eius

modi tempora incidunt ut labore et dolore magnam aliquam

quaerat voluptatem. Ut enim ad minima veniam, quis nostrum

exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid

ex ea commodi consequatur? Quis autem vel eum iure repre-

henderit qui in ea voluptate velit esse quam nihil molestiae con-

sequatur, vel illum qui dolorem eum fugiat quo voluptas nulla

pariatur? H. Rackhams 1914 translation: Nor again is thereanyone who loves or pursues or desires to obtain pain of itself,

because it is pain, but because occasionally circumstances occur

in which toil and pain can procure him some great pleasure. To

take a trivial example, which of us ever undertakes laborious

(HTML). Microsoft. Retrieved on 2007

Lorem ipsum From Wikipedia, the free enc


Resource Link: http://en.wikipedia.org/wiki/LoremUsing lorem ipsum to focus attention on

ic elements in a website design pr

In publishing and graphic design, lorem ipsum i

mon placeholder text used to demonstrate the

ic elements of a document or visual presentation,

font, typography, and layout. It is a form of gre

Even though using lorem ipsum often arouses curios

to its resemblance to classical Latin, it is not intended meaning. Where text is visible in a document, people ten

cus on the textual content rather than upon overall prese

so publishers use lorem ipsum when displaying a typefac

sign in order to direct the focus to presentation. Lorem

also approximates a typical distribution of letters in E

The most common lorem ipsum text reads as follows:

ipsum dolor sit amet, consectetur adipisicing elit, sed do e

tempor incididunt ut labore et dolore magna aliqua. Uad minim veniam, quis nostrud exercitation ullamco lab

ut aliquip ex ea commodo consequat. Duis aute irure d

reprehenderit in voluptate velit esse cillum dolore eu fugi

pariatur. Excepteur sint occaecat cupidatat non proide

qui blanditiis praesentium voluptatum deleniti atque corrup-

ti, quos dolores et quas molestias excepturi sint, obcaecati

cupiditate non provident, similique sunt in culpa, qui ofcia

d lli i i i id l b d l f E

this jumbled text as a sample screenplay for their screenpla

References ^ Description of the Lorem ipsum dolor sit amet

appears in Word Help (HTML). Microsoft. Retrieved on 20


57/172

deserunt mollitia animi, id est laborum et dolorum fuga. Et

harum quidem rerum facilis est et expedita distinctio. Nam

libero tempore, cum soluta nobis est eligendi optio, cumque

nihil impedit, quo minus id, quod maxime placeat, facere

possimus, omnis voluptas assumenda est, omnis dolor repel-

lendus. Temporibus autem quibusdam et aut ofciis debitisaut rerum necessitatibus saepe eveniet, ut et voluptates repu-

diandae sint et molestiae non recusandae. Itaque earum re-

rum hic tenetur a sapiente delectus, ut aut reiciendis volup-

tatibus maiores alias consequatur aut perferendis doloribus

asperiores repellat. English translation Ciceros original text:

neque porro quisquam est, qui dolorem ipsum quia dolor

sit amet, consectetur, adipisci velit, sed quia non numquam

eius modi tempora incidunt ut labore et dolore magnam ali-quam quaerat voluptatem. Ut enim ad minima veniam, quis

nostrum exercitationem ullam corporis suscipit laboriosam,

nisi ut aliquid ex ea commodi consequatur? Quis autem vel

eum iure reprehenderit qui in ea voluptate velit esse quam

nihil molestiae consequatur, vel illum qui dolorem eum fu-

giat quo voluptas nulla pariatur? H. Rackhams 1914 trans-

lation: Nor again is there anyone who loves or pursues or

desires to obtain pain of itself, because it is pain, but becauseoccasionally circumstances occur in which toil and pain can

procure him some great pleasure. To take a trivial example,

which of us ever undertakes laborious physical exercise, ex-

cept to obtain some advantage from it? But who has any

Lorem ipsum From Wikipedia, the free e


Resource Link: http://en.wikipedia.org/wiki/Lore

Using lorem ipsum to focus attention on ic elements in a website design

In publishing and graphic design, lorem ipsum is common placeh

used to demonstrate the graphic elements of a document or visu

tation, such as font, typography, and layout. It is a form of g

Even though using lorem ipsum often arouses curiosity due to

blance to classical Latin, it is not intended to have meaning. Wh

visible in a document, people tend to focus on the textual cont

than upon overall presentation, so publishers use lorem ipsum playing a typeface or design in order to direct the focus to pre

Lorem ipsum also approximates a typical distribution of letters i

The most common lorem ipsum text reads as follows: Lorem ip

sit amet, consectetur adipisicing elit, sed do eiusmod tempor i

ut labore et dolore magna aliqua. Ut enim ad minim veniam,

trud exercitation ullamco laboris nisi ut aliquip ex ea commodo c

Duis aute irure dolor in reprehenderit in voluptate velit esse cillu

eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non sunt in culpa qui ofcia deserunt mollit anim id est laborum. H

discovery The text is derived from Ciceros De nibus bonorum

rum (On the Ends of Goods and Evils, or alternatively [About]

poses of Good and Evil ).[1] The original passage began: Ne

repudiandae sint et molestiae non recusandae. Itaque earum re-rum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibusmaiores alias consequatur aut perferendis doloribus asperiores

repellat. English translation Ciceros original text: neque porro

Where text is visible in a document, people tenfocus on the textual content rather than upon ovepresentation, so publishers use lorem ipsum w

displaying a typeface or design in order to di


58/172

p g g q pquisquam est, qui dolorem ipsum quia dolor sit amet, consectetur,adipisci velit, sed quia non numquam eius modi tempora inciduntut labore et dolore magnam aliquam quaerat voluptatem. Ut enim

ad minima veniam, quis nostrum exercitationem ullam corporissuscipit laboriosam, nisi ut aliquid ex ea commodi consequatur?Quis autem vel eum iure reprehenderit qui in ea voluptate velitesse quam nihil molestiae consequatur, vel illum qui dolorem eum

fugiat quo voluptas nulla pariatur? H. Rackhams 1914 transla-tion: Nor again is there anyone who loves or pursues or desiresto obtain pain of itself, because it is pain, but because occasion-

ally circumstances occur in which toil and pain can procure himsome great pleasure. To take a trivial example, which of us everundertakes laborious physical exercise, except to obtain some ad-vantage from it? But who has any right to nd fault with a man who

chooses to enjoy a pleasure that has no annoying consequences,or one who avoids a pain that produces no resultant pleasure?Variations There are many variations of passages of Lorem Ip-

sum available, but the majority has been altered in some form,by injected humour, or randomized words, which dont follow theconventions of common language. If one is going to use a pas-sage of Lorem Ipsum, it is proper to be sure there is not anything

hidden in the middle of text. Many variations on the standard lor-em ipsum text exist, some with little resemblance to the original.Other versions have additional letters such as k, w, and z that were uncommon or missing in the Latin, and nonsense words

such as Z.zril, takimata, and gubergren added to the original pas-

p y g yp gthe focus to presentation. Lorem ipsum also proximates a typical distribution of letters in EngThe most common lorem ipsum text reads as

lows: Lorem ipsum dolor sit amet, consectadipisicing elit, sed do eiusmod tempor incididut labore et dolore magna aliqua. Ut enim ad miveniam, quis nostrud exercitation ullamco lab

nisi ut aliquip ex ea commodo consequat. Duis airure dolor in reprehenderit in voluptate velit ecillum dolore eu fugiat nulla pariatur. Excepteur

occaecat cupidatat non proident, sunt in culpaofcia deserunt mollit anim id est laborum. Hisand discovery The text is derived from Cicerosnibus bonorum et malorum (On the Ends of Go

and Evils, or alternatively [About] The PurposeGood and Evil ).[1] The original passage begNeque porro quisquam est qui dolorem ipsum q

dolor sit amet, consectetur, adipisci velit (Trantion: Neither is there anyone who loves grief itsince it is grief and thus wants to obtain it). not known exactly when the text acquired its

rent standard form; it may have been as late as1960s. The passage was discovered by RichMcClintock, a Latin scholar who is the publicatidirector at Hampden-Sydney College in Virginia

searching for citings of the rarely used word c

placeat, facere possimus, omnis voluptas assumen-da est, omnis dolor repellendus. Temporibus autemquibusdam et aut ofciis debitis aut rerum necessi-

tatibus saepe eveniet, ut et voluptates repudiandae

References Description of the Lorem ipsum dolor sit ametappears in Word Help (HTML). Microsoft. Retrieved on 2007

Lorem ipsum From Wikipedia, the free enc


59/172

sint et molestiae non recusandae. Itaque earum re-rum hic tenetur a sapiente delectus, ut aut reiciendisvoluptatibus maiores alias consequatur aut perferen-

dis doloribus asperiores repellat. Engl