Layout

Home > Visual Arts > Graphic Design > Layout

The arrangement of visual elements on a page or screen, including hierarchy, grid, and white space.

Composition: The arrangement of design elements on a page or screen to create a pleasing and effective visual.
Grids: A framework for organizing design elements, often invisible, that provides a harmonious structure to the layout.
Hierarchy: The organization of elements to give importance, emphasis, and order to visual elements.
Typography: The art of selecting, arranging, and using typefaces to create effective and aesthetically pleasing text.
White space: The use of empty space in a layout to create balance and provide breathing room.
Color: The use of hues, tones, and shades to convey emotion, create contrast, and establish a visual hierarchy.
Alignment: The placement of visual elements relative to a common axis or point to create order and cohesion in a layout.
Proximity: The grouping of related elements to visually connect them and create meaning and context.
Contrast: The use of differences in color, size, shape, or style to make elements stand out and create visual tension.
Repetition: The use of visual patterns and repeating elements to establish consistency and provide a sense of familiarity.
Consistency: The use of similar design elements throughout a layout to create a sense of unity and coherence.
Flow: The movement of a viewer's eye through a layout, guided by visual elements, to create a sense of narrative and engagement.
Framing: The use of visual boundaries, such as lines or shapes, to create emphasis and guide the eye.
Space: The use of positive and negative space to create a sense of depth, balance, and contrast.
Balance: The arrangement of visual elements to create a sense of harmony and stability in a layout.
Unity: The integration of all design elements in a layout to create a cohesive and effective whole.
Visual storytelling: The use of visual elements to create a narrative, convey information, and engage the viewer.
Branding: The use of design elements to create a consistent and recognizable visual identity for a product, service, or organization.
Responsive design: The adaptation of a layout to different screen sizes and devices to ensure usability and accessibility.
User interface design: The creation of functional, efficient, and user-friendly interfaces for software and digital products.
Single Column Layout: A layout that uses only one column of text and graphics.
Multi-column Layout: A layout that features two or more columns of text and graphics, often used in newspapers or magazines.
Grid Layout: A layout that uses a grid system to organize text and graphics into a cohesive design.
Modular Grid Layout: A layout that uses a grid system with fixed modules of specific proportions to create a consistent visual structure.
Hierarchical Layout: A layout that prioritizes information by showing the most important elements first and then gradually less important elements in descending order.
Flowing Layout: A layout that has a flexible structure with elements that flow or wrap around each other.
Asymmetrical Layout: A layout that uses an uneven distribution of elements to create visual interest.
Symmetrical Layout: A layout that is balanced and even, usually using an equal distribution of elements.
Z-Pattern Layout: A layout that creates a visual path for the viewer to follow in a Z-shape, usually used in web design.
Circular Layout: A layout that uses a circular shape to organize elements and draw the viewer's eye around the design.
"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 overall arrangement of text and images, and possibly on the size or shape of the medium."
"Low-level pagination and typesetting are more mechanical processes."
"Until desktop publishing became dominant, these processes were still done by people."
"In modern publishing, they are almost always automated."
"It requires intelligence, sentience, and creativity, and is informed by culture, psychology, and what the document authors and editors wish to communicate and emphasize."
"With print media, elements usually consist of type (text), images (pictures), and occasionally place-holder graphics for elements that are not printed with ink."
"The term page furniture may be used for items on a page other than the main text and images, such as headlines, bylines, or image captions."
"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."
"It generally involves organizational principles of composition to achieve specific communication objectives."
"Until desktop publishing became dominant, these processes were still done by people, but in modern publishing, they are almost always automated."
"It requires intelligence, sentience, and creativity, and is informed by culture, psychology, and what the document authors and editors wish to communicate and emphasize."
"Elements that are not printed with ink such as die/laser cutting, foil stamping, or blind embossing."
"The result might be published as-is (as for a residential phone book interior)."
"The result might be tweaked by a graphic designer (as for a highly polished, expensive publication)."
"Items on a page other than the main text and images, such as headlines, bylines or image captions."
"Until desktop publishing became dominant, these processes were still done by people, but in modern publishing, they are almost always automated."
"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."
"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."