Ten Things You Need to Know About... Know About
Total Page:16
File Type:pdf, Size:1020Kb
TechneGraphics INC 513.248.2121 Professional Printing Providers Fax: 513.248.5141 2002 Ford Circle, Suite D [email protected] Milford, Ohio 45150 tgiconnect.com Address Service Requested November 2014 TechneGraphics INC Professional Printing Providers Ten Things You Need to Ten Things You Need to Know About... Know About ... Typography Typography ypography — both the design of letters and characters and the process of Tarranging type — is a central component of any graphic design project and is integral to communication. Good typography reinforces TechneGraphics INC Professional Printing Providers the meaning of the text, puts the reader at ease, allows the reader to devote less energy to the 2002 Ford Circle Suite D mechanics of reading, and causes the reader to Milford, Ohio 45150 pay more attention to the message. 513.248.2121 Typeface or Font? in size, weight, and style were made by simple The terms typeface and font are used Fax: 513.248.5141 keyboard commands. The distinction between a interchangeably today. However, in the days of [email protected] typeface and font subsequently blurred to what A Brief History of Typography metal type, there was a distinction. Font meant www.tgiconnect.com it is today. ypography, a direct descendant of hand Moveable type progressed from crafting fonts an alphabet (i.e., the upper and lower case letters, lettering and calligraphy, is often just individually in Gutenberg’s time to foundries that numerals, punctuation marks, and symbols) in Type as Design: Type Classification Interactive Print Experts a single size, weight, and style; while typeface Tas beautiful because it follows a defined cut matrices and cast the fonts with hot metal in Type classification is a system for grouping set of rules for creating letters, numbers, the late 19th century. The individual letters and • Launch a Website meant a family of fonts in various sizes, weights, fonts by shared visual characteristics (stroke glyphs, and ligatures. It dates from the characters were held in a job case, a large drawer • Save Contact Info and styles. variation, serifs and bracketing, x-height, and stress). Typography for print uses these main invention of moveable type — individual with many small compartments. Typesetters • Make a Call • Size is the height of the alphabet and is classifications: Roman, Blackletter, and Gaelic. letters and characters that could be assembled composed the lines of type by selecting and • Send an Email measured in points (print) or ems (web). “The individual The Roman classification — which predominates and reassembled — by Johannes Gutenberg assembling the letters and characters into words • Display a Note letters and characters Partial page instructions in about 1450. Gutenberg added other and spaces. • Weight; such as medium, bold, light, or black, today — is further divided into serif, sans serif, If you don’t have the opportunity to use the full page • Create a Mobile Site instructions you can use these partial page instructions to were held in a job educate your readers. The three-step structure will help is the thickness of the alphabet relative to its script, and ornamental. innovations (such as casting type based on a them quickly understand what the Layar app is, how to use In the early part of the 20th century, itOttmar and what they can expect from it. INTERACTIVE PRINT case, a large drawer matrix, a negative letter mold) and developed height. How to use it? • Serif typefaces have finishing strokes and Mergenthaler invented the Linotype Placecompositing these instructions on one of the first pages of your an alloy of lead, tin, and antimony to use as the publication, featuring it prominently with enough space to with many small make sure it catches the attention of your readers. This will Download the free stems on individual characters. Serif typefaces Layar App • Style is the slant of the letters. Upright letters machine with molten lead vats that createdalso ensure they are prompted to look for your calls-to- metal. action throughout the publication. compartments.” are known as roman, slanted is called italics or you may be familiar with include Times, an entire line of type in one matrix. LinotypeWhere to position it? Scan this page Similarly, place this set of instructions on one of the first Garamond, Palatino, Bodoni, and Bookman. The process of manufacturing moveable machines were commonplace in newspaperpages of your publication. Make sure it stands out properly, oblique. so it does not blend in with the other page content. type in metal was continually improved and printing and were still in use as late as the 1970s. Discover interactive contenttgiconnect.com When type was set by hand, all the letters and • Sans serif typefaces lack finishing strokes and eventually fostered a true art form — the Eventually typecasting yielded to computerization Ask About Our New... characters representing one font were separately are relatively modern. Helvetica, Univers, creation of alphabets, numerals, and characters Futura, Avant Garde, and Gill Sans are all sans — first as phototypesetting, later as desktop CL AROUSEL™ stored in the drawer of a job case. Then in a single size, weight, and style (called a font) ICKABLEC To visit my social media sites above, download the free Layar serif typefaces. publishing, and finally as the typesetting and page ClickableCarousel.comapp, scan the front of the card, swipe to locate, and then click. technology replaced metal type, and changes with distinctive characteristics; artistically composition systems that we use today. INTERACTIVEINTERACTIVE PRINTPRINT DownloadDOWNLOAD the free ScanSCAN this page SWIPEDiscover & CLICK rendered and mathematically balanced. Layar App interactive content Monday, August 5, 13 Ten Things You Need to Know About Typography (cont.) Ten Things You Need to Know About Typography (cont.) • Script typefaces mimic calligraphy or hand For contrast, pair a serif font for body copy with a Tracking, letterspacing, or character spacing Right alignment (also called right justified or lettering and are either formal or casual. Formal sans serif for headlines. For variety, vary the size refers to adjusting space between all the letters flush right) aligns the beginning of each line of script examples are Snell Roundhand and Old and weight of the type rather than changing fonts. in a word. It is used to make lines of type more text along the right margin, producing a straight English; casual script includes Brush Script and For emphasis, use bold or italic type. even; to remove hyphenation, or widows and right margin and ragged edge margin on the left. “Arranging type Mistral. orphans from paragraphs; or to increase the Right alignment is used sparingly as it is difficult Point Size space between the letters of a word set in all to read in large blocks of text. means selecting • Ornamental typefaces (also known as display or Point size is the size of the letters. For print, use caps. “In typography, small a font, point size, novelty type) have limited use as headlines or 10-12 point type for body copy; on the web, use Centered alignment has equal amounts of space line length, and for decorative purposes. 15-25 pixels. Be prepared to make adjustments as White space is the part of a page that is empty of on the right and left margin of each line, making changes can make a some identical point sizes may appear larger or text, photos, or graphic elements. If a page looks ragged edge margins on both sides. Centered big difference.” spacing...” Web typography uses a slightly different smaller depending on the font. crowded, it probably needs more white space. alignment is often used for document titles and classification system: serif, sans serif, Many readers associate white space with an headings. monospaced, cursive, fantasy, and script. Headings help organize the page by defining upscale or sophisticated look. Page margins, line sections of body copy and defining a hierarchy. Justified alignment combines left and right Arranging Type: Design Choices length, and column width all affect white space. Headings can be set in a larger point size than aligned text, resulting in a straight margin on Arranging type means selecting a font, point size, body copy, with a different weight, or set off with Alignment both sides. This is accomplished by adjusting the line length, and spacing for each line and for the space above and below. Alignment refers to how the text is displayed on space between words and characters so the text page as a whole in order to convey the meaning of the page. The choices are left, right, centered, fills the entire line. It is popular in newspapers the words. Line Length or justified and should remain consistent and magazines and increasingly on the web. Line length is the horizontal width of the text Fonts throughout the document. block. For best results, set the line length to Typography is About the Details The choice of fonts is dictated by the page’s “Negative space average 45-90 characters per line or to about Left alignment (also called left justified or flush Whether in print or on the web, the goal of good purpose, the amount of text, the intended defines the 2 1/2 times the alphabet length of the font you left) begins each line at the left margin. This typography is the same, to convey the meaning audience, and characteristics of the font itself. boundaries of are using. (To determine the best length, type the produces a straight margin on the left and a of the text and thereby to enhance the reader’s Because there is more body copy than anything alphabet twice, then a third time up to the letter ragged edge margin on the right. This is the most comprehension. In typography, small changes positive space and else, it has the biggest influence on the overall m, and measure.