Scribd
Upload
89 views

Basic Principles For Layout

This document outlines the basic principles of layout design, including text/typography, images, lines, shapes, white space, and color. It discusses how each element can be used, such as using different types of text to achieve different effects or using large images to grab attention. Lines can help direct the eye or draw boundaries. Shapes come in organic, geometric, and abstract forms and can add graphic elements or highlight text. White space is as important as visual elements by drawing attention. Color is also an important design principle.

Uploaded by

Arif Dian Santoso
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
89 views

Basic Principles For Layout

This document outlines the basic principles of layout design, including text/typography, images, lines, shapes, white space, and color. It discusses how each element can be used, such as using different types of text to achieve different effects or using large images to grab attention. Lines can help direct the eye or draw boundaries. Shapes come in organic, geometric, and abstract forms and can add graphic elements or highlight text. White space is as important as visual elements by drawing attention. Color is also an important design principle.

Uploaded by

Arif Dian Santoso
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 18

Basic

Principles
for Layout
M TA U F I Q A F FA N D I
UNIDA GONTOR
Elements
1. Text/Typography

2. Image

3. Line

4. Shape

5. White Space

6. Color
1. Text & Typography
Blocks of text in layout design include headlines, subheadings, headers, footers, and paragraphs. In
web design, text will also include menus and buttons. Whatever style of typography you choose can
communicate a different mood, and you can pair different types of text to achieve different effects.
2. Image
Images in your graphic design can include photographs, illustrations, and infographics that become a
part of your layout.

Large images can grab the attention of your audience and communicate messages without text.
3. Line
Line refers to the way that two points in space are connected. Whether they’re horizontal lines,
diagonal lines, or vertical lines, lines can help direct the eye toward a certain point in your
composition.

They can also draw boundaries between sections or visual elements of your layout.
4. Shape
In its most basic form, a shape is a two-dimensional area that is surrounded by an outline. There are
three types of shapes: organic shapes which occur naturally in the world, geometric shapes which are
angular and mathematically consistent, and abstract shapes that represent things in nature but aren’t
perfectly representative.

Circles, squares, or any other shape can be used in layout design to add graphic elements to a page,
highlight text, or delineate space between other visual elements.
5. White space
The blank space between elements in layout design can be as important as the visual elements
themselves. The spacing around an element can draw attention to it and make it stand out.
6. Color
Color matters!
Thank you

You might also like