Page layout

Page layout

Page layout is the part of graphic design that deals in the arrangement and style treatment of elements (content) on a page. Beginning from early illuminated pages in hand-copied books of the Middle Ages and proceeding down to intricate modern magazine and catalog layouts, proper page design has long been a consideration in printed material. With print media, elements usually consist of type (text), images (pictures), and occasionally place-holder graphics for elements that are not printed with ink such as die/laser cutting, foil stamping or blind embossing.

Since the advent of personal computing, page layout skills have expanded to electronic media as well as print media. The electronic page is better known as a graphical user interface (GUI) when interactive elements are included. Page layout for interactive media overlaps with (and is often called) interface design. This usually includes interactive elements and multimedia in addition to text and still images. Interactivity takes page layout skills from planning attraction and eye flow to the next level of planning user experience in collaboration with software engineers and creative directors. Fact|date=June 2008

A page layout may be designed in a rough paper and pencil sketch before producing, or produced during the design process to the final form. Both design and production may be achieved using hand tools or page layout software. Producing the most popular electronic page (the web page) may require knowledge of markup languages along with WYSIWYG editors to compensate for incompatibility between platforms. Special considerations must be made for how the layout of an HTML page will change (reflow) when resized by the end-user. Cascading style sheets are often required to keep the page layout consistent between web browsers.

Grids versus templates

Grids and templates are page layout design patterns used in advertising campaigns and multiple page publications, including websites.

* A grid is a set of guidelines, visible in the design process and invisible to the end-user/audience, for aligning and repeating elements on a page. A page layout may or may not stay within those guidelines, depending on how much repetition or variety the design style in the series calls for. Grids are meant to be flexible. Using a grid to layout elements on the page may require just as much or more graphic design skill than that which was required to design the grid.

* In contrast, a template is more rigid. A template involves repeated elements mostly visible to the end-user/audience. Using a template to layout elements usually involves less graphic design skill than that which was required to design the template. Templates are used for minimal modification of background elements and frequent modification (or swapping) of foreground content.

Most desktop publishing software allows for grids in the form of a page filled with automatic dots placed at a specified equal horizontal and vertical distance apart. Automatic margins and booklet spine (gutter) lines maybe specified for global use throughout the document. Multiple additional horizontal and vertical lines may be placed at any point on the page. Invisible to the end-user/audience shapes may be placed on the page as guidelines for page layout and print processing as well. Software templates are achieved by duplicating a template data file, or with master page features in a multiple page document. Master pages may include both grid elements and template elements such as header and footer elements, automatic page numbering, and automatic table of contents features.

Front-end versus back-end

With modern media content retrieval and output technology, there is much overlap between visual communications (front-end) and information technology (back-end). Large print publications (thick books, especially instructional in nature) and electronic pages (web pages) require meta data for automatic indexing, automatic reformatting, database publishing, dynamic page display and end-user interactivity. Much of the meta data (meta tags) must be hand coded or specified during the page layout process. This divides the task of page layout between artists and engineers, or tasks the artist/engineer to do both.

More complex projects may require two separate designs: page layout design as the front-end, and function coding as the back-end. In this case, the front-end may be designed using the alternate page layout technology such as image editing software or on paper with hand rendering methods. Most image editing software includes features for converting a page layout for use in a "What You See Is What You Get" (WYSIWYG) editor or features to export graphics for desktop publishing software. WYSIWYG editors and desktop publishing software allow front-end design prior to back end-coding in most cases. Interface design and database publishing may involve more technical knowledge or collaboration with information technology engineering in the front-end.

ee also

*Aesthetics
*Canons of page construction
*Composition (visual arts)
*Comprehensive layout
*Database publishing
*Desktop publishing
*Graphic design
*Layout engine
*Paste up
*Paper page
*Pagination
*Web design
*Slicing (web design)
*Integrated circuit layout


Wikimedia Foundation. 2010.

Игры ⚽ Поможем написать курсовую

Look at other dictionaries:

  • Page layout — Макет вёрстки полосы, постраничный макет, постраничный монтаж; Макет страницы …   Краткий толковый словарь по полиграфии

  • Grid (page layout) — A typographic grid is a two dimensional structure made up of a series of intersecting vertical and horizontal axes used to structure content. The grid serves as an armature on which a designer can organize text and images in a rational, easy to… …   Wikipedia

  • Page layout parameters — Параметры [формат] вёрстки полосы …   Краткий толковый словарь по полиграфии

  • layout — lay‧out [ˈleɪaʊt] noun [countable] 1. the way in which things are arranged somewhere: • the layout of the building • The new laptop uses the same keyboard layout as IBM s desk top computers. 2. the way in which writing and pictures are arranged… …   Financial and business terms

  • Page orientation — is the way in which a rectangular page is oriented for normal viewing. The two most common types of orientation are portrait and landscape. The specific word definition comes from the fact that a close up portrait of a person s face and upper… …   Wikipedia

  • Layout — may refer to:* Page layout ** Comprehensive layout ** In computer software, a layout is the arrangement of the widgets in a graphical user interface (see Layout manager) ** In computer graphics, a layout is another name for a scene (computer… …   Wikipedia

  • Page — may mean:Apprentice, assistant, errand boy*Page of Honour, the chilvalric and ceremonial position at a royal court in older times. *Page (servant), a traditionally young male servant. **Canadian Senate Page Program or Canadian House of Commons… …   Wikipedia

  • layout */*/ — UK [ˈleɪaʊt] / US [ˈleɪˌaʊt] noun [countable] Word forms layout : singular layout plural layouts the way in which the different parts of something are arranged The user gradually becomes familiar with the layout of the keyboard. a) the way in… …   English dictionary

  • layout — lay|out [ leı,aut ] noun count ** the way in which the different parts of something are arranged: You ll get accustomed to the layout of the keyboard. a. the way in which something such as a room, building, or city is arranged: The layout of your …   Usage of the words and phrases in modern English

  • layout — lay|out [ˈleıaut] n 1.) the way in which something such as a town, garden, or building is arranged layout of ▪ the layout of the park ▪ All the flats in the building had the same layout. 2.) the way in which writing and pictures are arranged on a …   Dictionary of contemporary English

Share the article and excerpts

Direct link
Do a right-click on the link above
and select “Copy Link”