In typography, a column is one or more vertical blocks of text positioned on a page, separated by margins and/or rules. Columns are most commonly used to break up large bodies of text that cannot fit in a single block of text on a page. Additionally, columns are used to improve page composition and readability. Newspapers very frequently use complex multi-column layouts to break up different stories and longer bodies of texts within a story. Column can also more generally refer to the vertical delineations created by a typographic grid system which type and image may be positioned.
Typographic style
For best legibility, typographic manuals suggest that columns should contain roughly 60 characters per line.[1] One formula suggests multiplying the point size of the font by 2 to reach how wide a column should be in picas.[2] Following these guidelines usually results in multiple narrow columns being favored over a single wide column.[3] Historically, books containing predominantly text generally have around 40 lines per column. However, this rule of thumb does not apply to more complex text that contain multiple images or illustrations, footnotes, running heads, folios, and captions.[4]
Column contrast refers to the overall color or greyness established by the column, and can be adjusted in a number of ways. One way is to adjust the relationship between the width and height of the column. Another way is to make adjustments to the typeface, from choosing a specific font, to adjusting weight, style, size and leading. Column contrast can be used to establish hierarchy, to balance the page composition, and to visually activate ares of the page.[5]
Web layout
In web design, columns are often used to separate primary content from secondary and tertiary content. For example, a common two column layout may include a left column with navigation links, and a right column for body text. One methods of creating columns for the web is to place text within an HTML table element, often with the border set to zero. However, this method is considered outdated and inaccessible to some. Another method includes using CSS to either float or position the corresponding text. These methods were not as straight forward as using HTML tables, which made a tableless three column layout a sort of holy grail once these techniques were discovered in the early 2000s.[6] More recent levels of CSS have addressed column behaviors, although not many browsers support these behaviors.[7]
Notes
- ^ Carter, 1993. p. 91
- ^ For example, a 9pt font size would require a 18 pica column width.
- ^ Romano, 1984. p. 86-87
- ^ Haslam, 2005. p. 140
- ^ Carter, 1993. p. 51
- ^ "CSS Layout Techniques: for Fun and Profit" glish.com Retrieved June 15, 2007
- ^ "CSS3 module: Multi-column layout" January 18, 2001 W3.org. Retrieved June 15, 2007.
References
- Carter, Rob. Day, Ben. Meggs, Philip. Typographic Design: Form and Communication 2nd ed. John Wiley & Sons: 1993. pp. 51-53, 90-91.
- Haslam, Andrew; Baines, Phil (2005). Type and Typography. New York, N.Y: Watson-Guptill, p. 140. ISBN 0-8230-5528-0.
- Romano, Frank J. The TypeEncyclopedia. R.R. Bowker Company: 1984. pp. 86-86.
| Typography terminology | ||
|---|---|---|
| Page | Pagination · Recto and verso · Margin · Column · Canons of page construction |  |
| Paragraph | Widows and orphans · Leading · River · Baseline · Median · Alignment · Justification | |
| Character | Ligature · Letter-spacing · Kerning · Majuscule · Minuscule · Initial · x-height · Ascender · Descender · Diacritics · Counter · Subscript · Superscript | |
| Style | Serif · Italic · Slab serif · Sans-serif · Blackletter · Script · Dingbat | |
| Punctuation | Hanging punctuation · Hyphenation · Curly quotes · En dash · Em dash | |
| Typesetting | Type design · Type foundry · Movable type · Calligraphy · Phototypesetting · Letterpress · Typeface · Font · Computer font · Point · Pica · Cicero · Em · En · Lorem ipsum · Hamburgefonts · Punchcutting | |
| Digital typography | Font formats · Typesetting software · Character encoding · Rasterization · Hinting | |
This entry is from Wikipedia, the leading user-contributed encyclopedia. It may not have been reviewed by professional editors (see full disclaimer)
