Page layout in the context of Graphic design

Map layout, also called map composition or (cartographic) page layout, is the part of cartographic design that involves assembling various map elements on a page. This may include the map image itself, along with titles, legends, scale indicators, inset maps, and other elements. It follows principles similar to page layout in graphic design, such as balance, gestalt, and visual hierarchy. The term map composition is also used for the assembling of features and symbols within the map image itself, which can cause some confusion; these two processes share a few common design principles but are distinct procedures in practice. Similar principles of layout design apply to maps produced in a variety of media, from large format wall maps to illustrations in books to interactive web maps, although each medium has unique constraints and opportunities.

Technical drawing, drafting or drawing, is the act and discipline of composing drawings that visually communicate how something functions or is constructed.

Technical drawing is essential for communicating ideas in industry and engineering.To make the drawings easier to understand, people use familiar symbols, perspectives, units of measurement, notation systems, visual styles, and page layout. Together, such conventions constitute a visual language and help to ensure that the drawing is unambiguous and relatively easy to understand. Many of the symbols and principles of technical drawing are codified in an international standard called ISO 128.

In publishing, sidebar is a term for information placed adjacent to an article in a printed or Web publication, graphically separate but with contextual connection.

The term has long been used in newspaper and magazine page layout. It is often used as the title of legal groups' publications in the US as a pun on "the bar", a term for the legal profession: The Federal Bar Association, Montgomery Bar Association of Norristown Pennsylvania, and the Westmoreland Bar Association are 3 examples.

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 that fits a determined design. If the lines are too short then the text becomes disjointed; if they are too long, the content loses rhythm as the reader searches for the start of each line.

Line length is determined by typographic parameters based on a formal grid and template with several goals in mind: balance and function for fit and readability with a sensitivity to aesthetic style in typography. Typographers adjust line length to aid legibility or copy fit. Text can be flush left and ragged right, flush right and ragged left, or justified where all lines are of equal length. In a ragged right setting, line lengths vary to create a ragged right edge. Sometimes this can be visually satisfying. For justified and ragged right settings typographers can adjust line length to avoid unwanted hyphens, rivers of white space, and orphaned words/characters at the end of lines (e.g., "The", "I", "He", "We").

In typesetting and page layout, alignment or range is the setting of text flow or image placement relative to a page, column (measure), table cell, or tab (and often to an image above it or under it).

The type alignment setting is sometimes referred to as text alignment, text justification, or type justification. The edge of a page or column is known as a margin, and a gap between columns is known as a gutter.

Book design is the graphic art of determining the visual and physical characteristics of a book. The design process begins after an author and editor finalize the manuscript, at which point it is passed to the production stage. During production, graphic artists, art directors, or professionals in similar roles will work with printing press operators to decide on visual elements—including typography, margins, illustrations, and page layout—and physical features, such as trim size, type of paper, kind of printing, binding.

From the late Middle Ages to the 21st century, the basic structure and organization of Western books have remained largely unchanged. Front matter introduces readers to the book, offering practical information like the title, author and publisher details, and an overview of the content. It may also include editorial or authorial notes providing context. This is followed by the main content of the book, often broadly organized into chapters or sections. The book concludes with back matter, which may include bibliographies, appendices, indexes, glossaries, or errata.

In typography, a column is one or more vertical blocks of content positioned on a page, separated by gutters (vertical whitespace) 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, the whitespace on the outside of the page (bounding the first and last columns) are known as margins; 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 numbers in serial publications, legal documents and patents. Historically, column designations were abbreviated "c" (singular) or "cc" (plural), i.e. "c130" or "cc130–136".

Cut, copy, and paste are essential commands of modern human–computer interaction and user interface design. They offer an interprocess communication technique for transferring data through a computer's user interface. The cut command removes the selected data from its original position, and the copy command creates a duplicate; in both cases the selected data is kept in temporary storage called the clipboard. Clipboard data is later inserted wherever a paste command is issued. The data remains available to any application supporting the feature, thus allowing easy data transfer between applications.

The command names are a (skeuomorphic) interface metaphor based on the physical procedure used in manuscript print editing to create a page layout, like with paper.The commands were pioneered into computing by Xerox PARC in 1974, popularized by Apple Computer in the 1983 Lisa workstation and the 1984 Macintosh computer, and in a few home computer applications such as the 1984 word processor Cut & Paste.

Desktop publishing (DTP) is the creation of documents using dedicated software on a personal ("desktop") computer. It was first used almost exclusively for print publications, but now it also assists in the creation of various forms of online content. Desktop publishing software can generate page layouts and produce text and image content comparable to the simpler forms of traditional typography and printing. This technology allows individuals, businesses, and other organizations to self-publish a wide variety of content, from menus to magazines to books, without the expense of commercial printing.

Desktop publishing often requires the use of a personal computer and WYSIWYG page layout software to create documents for either large-scale publishing or small-scale local printing and distribution – although non-WYSIWYG systems such as TeX and LaTeX are also used, especially in scientific publishing. Originally, desktop publishing methods provided more control over design, layout, and typography than word processing software but the latter has evolved to include most, if not all, capabilities previously available only with dedicated desktop publishing software.

A website wireframe, also known as a page schematic or screen blueprint, is a visual guide that represents the skeletal framework of a website. The term wireframe is taken from other fields that use a skeletal framework to represent 3-dimensional shape and volume.Wireframes are created for the purpose of arranging elements to best accomplish a particular purpose. The purpose is usually driven by a business objective and a creative idea.

The wireframe depicts the page layout or arrangement of the website's content, including interface elements and navigational systems, and how they work together. The wireframe usually lacks typographic style, color, or graphics, since the main focus lies in functionality, behavior, and priority of content. In other words, it focuses on what a screen does, not what it looks like.

Cascading Style Sheets (CSS) is a style sheet language used for specifying the presentation and styling 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 technology of the World Wide Web, alongside HTML and JavaScript.

CSS is designed to enable the separation of content and presentation, including layout, colors, and fonts. This separation can improve content accessibility, since the content can be written without concern for its presentation; provide more flexibility and control in the specification of presentation characteristics; enable multiple web pages to share formatting by specifying the relevant CSS in a separate .css file, which reduces complexity and repetition in the structural content; and enable the .css file to be cached to improve the page load speed between the pages that share the file and its formatting.

An animator is an artist who creates images, known as frames, which give an illusion of movement called animation when displayed in rapid sequence. Animators can work in a variety of fields including film, television, and video games. Animation is closely related to filmmaking and like filmmaking is extremely labor-intensive, which means that most significant works require the collaboration of several animators. The methods of creating the images or frames for an animation piece depend on the animators' artistic styles and their field.

Other artists who contribute to animated cartoons, but who are not animators, include layout artists (who design the backgrounds, lighting, and camera angles), storyboard artists (who draw panels of the action from the script), and background artists (who paint the "scenery"). Animated films share some film crew positions with regular live action films, such as director, producer, sound engineer, and editor, but differ radically in that for most of the history of animation, they did not need most of the crew positions seen on a physical set.

In page layout and illustration, white space (or often negative space) is the portion of a page left unmarked: margins, gutters, and space between columns, lines of type, graphics, figures, or objects drawn or depicted. It is not necessarily actually white if the background is of a different colour. The term arises from graphic design practice, where printing processes generally use white paper.White space may be affirmatively an element of design rather than just space left blank.

When space is at a premium, such as in some types of magazine, newspaper, and yellow pages advertising, white space is restricted in order to get as much information onto the page as possible. A page full of text or graphics with very little white space may appear cluttered, and be difficult to read. Some designs compensate for restricted white space by use of leading and typeface. Extensive white space may be left intentionally, with the purpose of giving an appearance deemed classic, elegant, or rich.

In computing, WYSIWYG (/ˈwɪziwɪɡ/ WIZ-ee-wig; what you see is what you get) is software that allows content to be edited in a form that resembles its appearance when printed or displayed as a finished product, such as a printed document, web page, or slide presentation. WYSIWYG implies a user interface that allows the user to view something very similar to the result while the document is being created. In general, WYSIWYG implies the ability to directly manipulate the layout of a document without having to type or remember names of layout commands.