Start here
Grid Systems In Graphic Design
Learn how columns, gutters and margins form the structural base of a page, and how common grid types help designers align content and keep layouts consistent.
Fundamentals
Grids And Layout Systems
Structure behind pages and screens: grids, proportion and responsive behavior.
Alignment And Proximity In Layout
See how aligning edges and grouping related elements signals relationships on a page, creating clear, organized layouts without extra lines, boxes or decoration.
Balance Symmetry And Asymmetry In Layouts
Compare formal symmetrical balance with dynamic asymmetrical balance, and learn what each approach tends to communicate in posters, pages and screens.
Contrast Repetition And Rhythm In Design
Learn how repeated elements and purposeful variation create pace and rhythm across a layout, guiding the reader through pages and screens with a steady beat.
Designing Page Templates And Reusable Layouts
Learn how to build a small set of reusable layouts that keep a publication or website consistent, save production time and still leave room for varied content.
Layering Overlap And Depth In Composition
Explore how overlap, relative scale, shadow, blur and color imply space in flat layouts, and how to use depth cues without hurting clarity or readability.
Proportion And The Golden Ratio In Design
An honest look at proportion systems such as the golden ratio, simple fractions and the rule of thirds, and how much they actually matter in everyday design.
Responsive Layouts And Flexible Grids
Understand how layouts reflow across screen widths using flexible grids, relative units, breakpoints and flexible images, and how to plan for phones through desktops.
Visual Flow And How Eyes Move Across A Page
Look at common reading patterns such as the F-pattern, Z-pattern and layer-cake scanning, and how layout can guide the eye without assuming everyone looks the same way.
Related topics