Graphic design principles help students arrange text, images, shapes, and color so a message is clear and visually appealing. This cheat sheet covers the core choices designers make when creating posters, slides, logos, web pages, and printed layouts. Students need these principles to make designs that look organized, readable, and intentional.
The same rules apply whether the project is made by hand or with digital design software.
The most important ideas include hierarchy, contrast, alignment, proximity, repetition, balance, whitespace, color, and typography. Good designs guide the viewer’s eye from the most important information to the supporting details. Strong layouts use consistent spacing, readable type, and colors that support the message.
Every design choice should help communicate the purpose of the work.
Key Facts
- Visual hierarchy means the most important element should stand out first through size, placement, color, contrast, or bold type.
- Contrast is created by clear differences such as light versus dark, large versus small, thick versus thin, or warm color versus cool color.
- Alignment means placing elements along common edges or center lines so the layout feels organized and connected.
- Proximity means related items should be placed close together, while unrelated items should have more space between them.
- Repetition means using the same colors, fonts, shapes, icons, or spacing patterns to create unity across a design.
- Balance means distributing visual weight evenly, either symmetrically with mirrored elements or asymmetrically with different but balanced elements.
- Whitespace is empty space around and between elements, and it improves readability, focus, and the overall clean feeling of a layout.
- A readable typography rule is to use no more than 2 or 3 typefaces in one design and keep body text large enough to read comfortably.
Vocabulary
- Visual Hierarchy
- The arrangement of design elements so viewers notice the most important information first.
- Contrast
- The difference between elements that makes them stand apart, such as color, size, shape, weight, or texture.
- Alignment
- The placement of elements along shared edges, centers, or guides to create order and structure.
- Proximity
- The grouping of related elements close together so viewers understand they belong as one unit.
- Typography
- The art and technique of choosing and arranging type to make written information clear and expressive.
- Whitespace
- The empty space in a design that separates elements and helps the viewer focus on the content.
Common Mistakes to Avoid
- Using too many fonts, colors, or effects makes the design feel chaotic because the viewer cannot tell what matters most.
- Centering every element weakens structure because not all content needs the same emphasis or placement.
- Placing unrelated items too close together confuses the message because proximity makes viewers assume those items are connected.
- Making all text the same size removes hierarchy because headings, subheadings, and details need different levels of importance.
- Filling every empty space makes the layout harder to read because whitespace is needed to separate, organize, and highlight content.
Practice Questions
- 1 A flyer uses 6 different fonts. If the recommended limit is 3 fonts, how many fonts should be removed at minimum?
- 2 A poster title is 48 pt, the subtitle is 24 pt, and the body text is 12 pt. What is the size ratio of title to body text?
- 3 A design grid has 4 columns, and each column holds 3 image cards. How many image cards fit in the grid?
- 4 A student makes the title, subtitle, body text, and contact information all the same size and color. Explain which design principle is missing and how to improve it.