HOME

TheInfoList



OR:

In
typography Typography is the art and technique of arranging type to make written language legible, readable and appealing when displayed. The arrangement of type involves selecting typefaces, point sizes, line lengths, line-spacing ( leading), an ...
, a column is one or more vertical blocks of content positioned on a page, separated by gutters (vertical
whitespace White space or whitespace may refer to: Technology * Whitespace characters, characters in computing that represent horizontal or vertical space * White spaces (radio), allocated but locally unused radio frequencies * TV White Space Database, a mec ...
) or rules (thin lines, in this case vertical). 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. In
page layout In graphic design, page layout is the arrangement of visual elements on a page. It generally involves organizational principles of composition to achieve specific communication objectives. The high-level page layout involves deciding on the ...
, the whitespace on the outside of the page (bounding the first and last columns) are known as
margins Margin may refer to: Physical or graphical edges *Margin (typography), the white space that surrounds the content of a page *Continental margin, the zone of the ocean floor that separates the thin oceanic crust from thick continental crust *Leaf ...
; the gap between two facing pages is also considered a gutter, since there are columns on both sides. (Any gutter can also be referred to as a margin, but exterior and horizontal margins are not gutters.) In some cases, column numbers are provided to improve specifying the in-source location in addition to or in absence of
page number Page numbering is the process of applying a sequence of numbers (or letters, or Roman numerals) to the pages of a book or other document. The number itself, which may appear in various places on the page, can be referred to as a page number or as ...
s in serial publications,
legal document Legal instrument is a legal term of art that is used for any formally executed written document that can be formally attributed to its author, records and formally expresses a legally enforceable act, process, or contractual duty, obligation, or ...
s and
patent A patent is a type of intellectual property that gives its owner the legal right to exclude others from making, using, or selling an invention for a limited period of time in exchange for publishing an sufficiency of disclosure, enabling disclo ...
s. Historically, column designations were abbreviated "c" (singular) or "cc" (plural), i.e. "c130" or "cc130–136".


Typographic style

Column width is traditionally called ''measure'' by typesetters. For best legibility, typographic manuals suggest that columns should be wide enough to contain roughly 60 characters per line. One formula suggests multiplying the point size of the font by 2 to reach how wide a column should be in picas — in effect a column width of 24  ems. Following these guidelines usually results in multiple narrow columns being favored over a single wide column. 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. 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 A typeface (or font family) is the design of lettering that can include variations in size, weight (e.g. bold), slope (e.g. italic), width (e.g. condensed), and so on. Each of these variations of the typeface is a font. There are thousands ...
, from choosing a specific font, to adjusting weight, style, size and
leading In typography, leading ( ) is the space between adjacent lines of type; the exact definition varies. In hand typesetting, leading is the thin strips of lead (or aluminium) that were inserted between lines of type in the composing stick to inc ...
. Column contrast can be used to establish hierarchy, to balance the page composition, and to visually activate areas of the page.


Web layout

In
web design Web design encompasses many different skills and disciplines in the production and maintenance of websites. The different areas of web design include web graphic design; user interface design (UI design); authoring, including standardised code a ...
, 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 method of creating columns for the web is to place text within an
HTML The HyperText Markup Language or HTML is the standard markup language for documents designed to be displayed in a web browser. It can be assisted by technologies such as Cascading Style Sheets (CSS) and scripting languages such as JavaScri ...
table element, often with the border set to zero. However, this method is considered outdated and inaccessible to some. Another method includes using
CSS Cascading Style Sheets (CSS) is a style sheet language used for describing the presentation of a document written in a markup language such as HTML or XML (including XML dialects such as SVG, MathML or XHTML). CSS is a cornerstone t ...
to either float or position the corresponding text. These methods were not as straightforward 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. More recent levels of CSS have addressed column behaviors, and web browser support for these behaviors continues to improve.
"caniuse.com" Accessed 2012-05-16.


See also

* Column inch *
stick Stick or the stick may refer to: Thin elongated objects * Twig * The weapon used in stick fighting * Walking stick, a device to facilitate balancing while walking * Shepherd's crook * Swagger stick * Digging stick * Swizzle stick, used to stir d ...
, roughly of a column *
Characters per line In typography and computing, characters per line (CPL) or terminal width refers to the maximal number of monospaced characters that may appear on a single line. It is similar to line length in typesetting. History The limit of the line le ...
, referring to monospaced text *
Line length In typography, line length is the width of a block of typeset text, usually measured in units of length like inches or points or in characters per line (in which case it is a measure). A block of text or paragraph has a maximum line length t ...


Notes


References

* Carter, Rob. Day, Ben. Meggs, Philip. ''Typographic Design: Form and Communication'' 2nd ed. John Wiley & Sons: 1993. pp. 51–53, 90–91. * * Romano, Frank J. ''The TypeEncyclopedia''. R. R. Bowker Company: 1984. pp. 86–86. {{Typography terms Typography Page layout