Welcome to Basics of Graphic Design. On this page, you’ll learn about the foundations of graphic design which include:

• Type
• Layout/Hierarchy
• Color

Below are some visual guides to the basics of type, layout/hierarchy, and color. This foundational knowledge will help inform and build your graphic design skills.

The bottom of the page also includes some extra free design resources to help you.

Additional Slides on Intro to Graphic Design:

Resources:

Type

• https://fontjoy.com/ – Try different font pairings
• https://www.dafont.com/ – Discover and download free typefaces/fonts
• Typography

Visual Hierarchy & Layout

• What is visual hierarchy in design? (Explained with examples)

Color

• https://coolors.co/contrast-checker – Color contrast checker
• https://coolors.co/generate – Generate/explore color palettes