Graphic design principles you can apply to a real page
Use alignment, proximity, contrast, repetition, and proportion to organize a page, with a diagnosis method for layouts that feel crowded or uncertain.
Start with relationships
Design principles describe relationships among visible elements. They become useful when they explain a concrete revision: align these captions to reveal their connection, increase that gap to separate sections, or reduce this accent so the headline can lead. Treat them as tools for decisions rather than a checklist of decorations.
Begin with the real content and identify its groups. A title belongs to its introduction, a caption belongs to its image, and contact details may form a separate block. If those relationships remain unclear in plain black text, elaborate colors and shapes are unlikely to resolve the underlying organization.
Align and group deliberately
Choose a small number of meaningful alignment lines. The left edge of a title can connect with the body copy, image, and footer, creating an underlying order even when their widths differ. Extra alignments should respond to content needs, not appear because an object happened to land somewhere convenient.
Use spacing to show proximity. Keep related pieces closer together than unrelated groups, while allowing enough room for reading. If every gap is identical, the page may look tidy but communicate little structure. Grouping and alignment work together: one describes belonging, while the other creates visible connections across distance.
Establish contrast and repetition
Use a clear difference for important distinctions. A heading that is only slightly larger and slightly darker than the body may look accidental. Choose a dependable contrast in size, weight, spacing, or placement, then use it consistently for the same role throughout the document.
Repetition makes those roles recognizable. It can include a caption style, a recurring margin, or a particular image treatment. Repeat the relationship rather than every exact arrangement. A page with a long title may need a different line break while still belonging to the same typographic system.
Adjust proportion before adding objects
When a page feels weak, examine the size of its main parts. The image may be too small to explain its subject, the margins too narrow for the text density, or the title too large for the available line length. Changing proportion can solve these problems without introducing another box or rule.
Make a grayscale version and inspect it from a distance. Can you distinguish the principal groups and identify the starting point? Then read it closely for misleading gaps or cramped lines. A useful layout succeeds at both levels: the broad arrangement invites reading, and the detailed spacing supports it.
Try it yourself
- Group the actual content before styling it.
- Choose a few alignment lines and repeat clear role differences.
- Repair proportion and spacing before adding decorative containers.
Worked example: a crowded workshop notice
A fictional workshop notice has a title, two paragraphs, a materials list, a date, and registration details. First place the date beside the title, keep the materials list together, and separate registration as its own block. Align all groups to one left edge. Make the title clearly larger and use one bold style for small labels. Remove the decorative rectangle around every paragraph. The resulting page can gain clarity through relationships even before you select a color palette.
References & further reading
- BCcampus: Graphic Design and Print Production Fundamentals ↗
- Getty: Vocabulary for Describing an Artwork ↗
Examples and exercises in this guide are original teaching scenarios.
