Layout design

Home > Architecture and Design > Graphic representation and presentation > Layout design

Teaches how to arrange visual elements in a graphic design in a way that is visually appealing and easy to understand.

Grid Systems: A technique for organizing content within a layout using column and row lines.
Color Theory: Understanding the principles of color theory including hue, saturation, and value that can be used to enhance the visual appeal of a layout.
Typography: The art of selecting, arranging and designing typefaces for clear and effective communication.
White Space: The area of a layout which is left empty, usually to make the content more readable and visually appealing.
Alignment and Balance: The proper alignment and balance of page elements, such as typography, images, and white space, in a layout.
Hierarchy: The arrangement of elements on a page to convey the importance of information to the viewer.
Proximity: The grouping of related elements or information together within a layout.
Contrast: The use of differences in color, size or shape to create visual interest within a layout.
Composition: The arrangement of elements on the page to create a unified and pleasing visual experience.
Design Elements: Elements of design such as line, shape, texture, and form that can be used to enhance a layout's visual appeal.
Responsive Design: Designing a layout which is scalable and adjusts automatically to suit different devices and screen sizes.
User Experience: The user experience refers to the overall experience a user has while interacting with the site or application. Layout design should be created keeping the user experience in mind.
Wireframing: An initial layout made up of lines and shapes that represent the basic structure and hierarchy of a webpage or design.
Accessibility: Designing layouts that are accessible to all users, including those with disabilities.
Grid layout: A layout that is based on a grid system, dividing the content into columns and rows. It is a common layout choice for websites and print designs.
Magazine layout: A layout that is commonly used in magazine publications, consisting of multiple columns, images, and text boxes.
Single-page layout: A layout that is designed to fit all of the content onto a single page, including headers, footers, and multiple sections.
Multi-page layout: A layout that is used for designing books, brochures, and other materials with multiple pages. It includes consistent design elements and hierarchy throughout.
Hero image layout: A layout that features a large background image, typically covering the entire screen or page, with text overlaid on top.
Modular layout: A layout that uses a combination of horizontal and vertical modules to divide content, creating an organized and structured design.
Skeuomorphic layout: A layout that emulates the appearance of real-world objects, with design elements that look like real-life textures, materials, and objects.
Flat layout: A layout that uses simple geometric shapes and minimal design elements, giving a clean and modern appearance.
Parallax scrolling layout: A layout that features a moving background, creating an illusion of depth and motion.
Minimalist layout: A layout that uses minimalist design principles, with only essential elements and a focus on negative space.
Responsive layout: A layout that automatically adjusts to fit various screen sizes, ensuring a consistent user experience across different devices.
Fullscreen layout: A layout that features a full-screen image or video background, with minimal text and design elements to create an immersive experience.
"Graphic design is a profession, academic discipline and applied art whose activity consists in projecting visual communications intended to transmit specific messages to social groups, with specific objectives."
"Graphic design is an interdisciplinary branch of design and of the fine arts."
"Its practice involves creativity, innovation and lateral thinking using manual or digital tools, where it is usual to use text and graphics to communicate visually."
"The role of the graphic designer in the communication process is that of encoder or interpreter of the message. They work on the interpretation, ordering, and presentation of visual messages."
"Usually, graphic design uses the aesthetics of typography and the compositional arrangement of the text, ornamentation, and imagery to convey ideas, feelings, and attitudes beyond what language alone expresses."
"That graphic design transforms a linguistic message into a graphic manifestation."
"Graphic design has, as a field of application, different areas of knowledge focused on any visual communication system."
"For example, it can be applied in advertising strategies or it can also be applied in the aviation world or space exploration."
"This is incorrect since visual communication is a small part of a huge range of types and classes where it can be applied."
"With origins in Antiquity and the Middle Ages."
"Graphic design as applied art was initially linked to the boom of rise of printing in Europe in the 15th century."
"The growth of consumer culture in the Industrial Revolution."
"Graphic design was closely associated with advertising in the 19th century."
"Given the rapid and massive growth in information exchange today, the demand for experienced designers is greater than ever."
"The development of new technologies and the need to pay attention to human factors beyond the competence of the engineers who develop them."
"Graphic design is an applied art."
"Transmitting specific messages to social groups with specific objectives."
"Aesthetics of typography and compositional arrangement of text, ornamentation, and imagery."
"Using text and graphics to communicate visually."
"Using manual or digital tools."