Fundamentals of Graphic Design, Typography & Color Theory

Explore the core design principles, from white balance to hierarchy and whitespace, and learn how contrast, balance, and proximity guide visual communication.

Create contrast as difference between design elements to establish emphasis and hierarchy across print and digital media; ensure legibility and accessibility via scale, colour, shape, layout, textures, and printing techniques.

Harness the principle of emphasis to make a single element or group stand out, using contrast, size, weight, position, color, shape, or style to create a focal point.

Explore how proportion shapes design by comparing the sizes of elements to create emphasis and contrast, prioritizing larger scales and reversing to reveal least priority.

Apply visual hierarchy to prioritize element importance, positioning, color, and typography to guide attention. Use bold headings, medium for subheads, and regular for paragraphs as seen in websites and magazines.

Explore repetition as a design principle that unifies a piece by repeating colors, images, and forms across textures, patterns, and brand systems to create flow.

Explore how repetition and variation create patterns that can flow endlessly or form edge-based designs, enhancing viewer interest and balance across elements of varying sizes and shapes.

Explore alignment as a core design principle that unifies elements, creates visual connections, and differentiates groups through left, center, and right alignment, including pattern-based alignment for images and shapes.

Explore how movement shapes design by guiding the eye through focal points, creating rhythm, balance, and energy, and transforming visuals into dynamic infographics.

Explore how variety injects difference into design by altering angles, exposure, shapes, layouts, and compositions, while balancing repetition to maintain a cohesive brand system.

Explore how unity, or harmony, creates cohesion and wholeness in design by tying similar components and varied elements into a unified composition.

Explore the role of whitespace in design by creating breathing room around logos and text. Ensure a clear focal point with ample margins on websites and banners to improve readability.

Proximity uses spacing to show relationships between elements, grouping related items and distinguishing separate groups. It creates focal points in layouts such as product pages and banners.

Explore how color theory shapes design choices, influences audience perception, and drives buying decisions. Learn to apply color psychology and color choices to enhance design and audience targeting.

Explain how the additive color model uses red, green, and blue light to produce millions of on-screen colors and how hexadecimal codes encode them for design software and web.

Cmyk is the subtractive color model used in printing, using four segments including magenta, yellow, and black to darken hues, while Pantone provides universal color codes for consistent global matching.

Explore the foundations of color theory traced to Isaac Newton and the visible spectrum, and learn how hues relate through tint, shade, and color psychology by adding white and black.

Explore how to craft color combinations using complementary colors, leveraging color psychology and brand identity to create high-contrast, high-impact designs starting from black and white.

Explore how to build a monochromatic color palette from a single color by adding tints (white) and shades (black), creating tonal variations with contrast for refined design.

Analogous color combinations use three colors that sit side by side, creating a balanced palette with a dominant color supported by a secondary color.

Tetradic color schemes use four colors; limit the number of colors to keep designs organized, with primary, secondary, and accent colors chosen as evenly spaced colors.

Explore warm and cool colors, learn to balance them with a 60% primary, 30% secondary, 10% for action rule, and apply color temperature concepts for cohesive design.

Learn how hue, saturation, and luminance shape color for print and digital screens, distinguishing saturation as color purity and luminance as brightness, while light quality and age alter color perception.

Explore how inherited responses guide color choices, signaling danger with red and calm with blue, and why design uses white, blue, or green in spaces like hospitals.

Explore how learned response develops from individual experiences and interactions with an influential person, shaping color preferences and design responses over time.

Explore how geographic response shapes color perception, as colors interact with the environment to attract attention, varying by geography and individual perception.

Explore how culture and religion shape color choices and branding, from white in some regions to black for occasions, plus blue, red, and green hues in product design.

Explore how climate affects color decisions in design, showing how lighter colors reflect heat for summer comfort while darker colors absorb heat in winter, influencing perceived warmth and cooling.

Explore how income level shapes brand color choices, with premium brands using saturated dark colors while affordable brands lean toward bright colors.

Explore how a sophisticated response in color design arises from education, geography, culture, experience, and economics, shaping color palettes, context, and the target audience’s perceptions.

Trace the origins and evolution of design from cave paintings and tribal art to modern typography. Explore the printing press, woodblock printing, and typography concepts like glyphs, leading, and kerning.

Explore how recent art movements shape modern design and the art forms practiced by many artists and illustrators, with hundreds of movements leaving lasting public impact.

Dadaism emerged in Europe after World War I, rejecting popular aesthetic values and mocking daily life with bizarre, nonsensical art, influencing surrealism.

Explore Bauhaus, a movement fusing arts and crafts with modernism to bring art into everyday life, emphasizing function, minimalism, geometrical shapes, primary colors, and revolutionary typography in graphic design.

Explore pop art as a reaction to mass media, consumer culture, and everyday objects, from Britain in the 1950s to global momentum in the 1960s, including Campbell's Tomato Soup packaging.

Explore art deco's dramatic geometrical designs seen in the Chrysler, the Rockefeller Center, and the Empire State Building, and note its shift from expensive materials to affordable options like plastic.

Explore surrealism, the art movement inspired by dreams and the unconscious mind, using impossible imagery to free reason and challenge artistic foundations for designers.

Acquire hands-on design experience by exploring core principles, color usage, and the origins of design. Master essential tools—pen, pencil, paper—and rapid sketching to prototype ideas for clients and target audiences.

Move ideas from paper to digital using a laptop or tablet, on Windows or Mac, meet the design software specs, with 8 GB RAM; upgrade for 3D and video work.

Explore the Adobe Suite and Creative Cloud, led by Photoshop, with access to the latest updates, commercial fonts, and free trials, plus tools like After Effects, Premiere Pro, and Lightroom.

Explore affinity as a design tool akin to Adobe suite, used for layout design, packaging, ui design for apps, and image editing, with a one-time purchase instead of a subscription.

CorelDraw remains updated and usable for many, but it is not widely used by designers. It requires editable, transferable file formats, making it less suitable for in-house or agency work.

Explore open source Inkscape as a free alternative to Illustrator, capable of many tasks, though some Illustrator tools are unique and may be more tedious to replicate.

Explore Inkscape as a free, open-source alternative to a Victoria filter software, offering image manipulations, corrections, and collaboration, with an interface similar to Horatio and highly customizable.

Discover the digital sketchpad as a practical, affordable tool for professional illustrators, using tablets or iPad pros to translate hand motion into digital design and image manipulations.

Explore free design alternatives that empower beginners to enter the field and execute designs in daily life, kickstarting a graphic design career with practice and ongoing updates.

Explore Adobe Color, a free tool for creating color palettes, extracting colors from images, and exporting hex, rgb, and lab codes while checking accessibility and colorblind safety.

Examine core design principles, typography, and color theory through a critique of a bad website, then practice iterative improvements for alignment, consistency, and responsive web design.

Explore how typography shapes design by comparing neutral, serif, sans, and decorative typefaces, and clarify the differences between typeface, font, and font family, plus common file formats.

Explore typography basics by clarifying typeface, font, and typeface family; compare serif and sans serif, and examine display, script, monospace, condensed, and extended typefaces to inform design choices.

Discover Postscript fonts, one of the earliest fonts from Adobe, designed with separate print and screen variants and limited cross-compatibility between Macintosh and Windows.

Explore TrueType and OpenType fonts, compare with PostScript, and explain cross-compatibility, 65,000+ character storage, and single-file use for print and digital workflows.

Discover the web open font format, a compressed font file that loads faster on websites, with a table-based structure similar to true type and open type fonts, including license data.

Explore open type svg fonts and how they support textures, brushstroke effects, transparency, and color, while noting their large size and limited browser support compared with woff.

Learn about typeface sizing using points and millimeters, compare common print sizes for letterheads and packaging, and stress maintaining legibility by choosing appropriate point sizes.

Explore famous typefaces like Helvetica and Futura, weigh their design risks on client outcomes, and learn to replace lorem ipsum with final content.

Explore the difference between typeface family and font, and how glyph variations, leading, and variable fonts shape typography and brand identities.

Discover how character groups differ in uppercase and lowercase, title case, and sentence case, and apply appropriate usage for headlines, banners, paragraphs, websites, and terms and conditions.

Explore how glyphs function as typographical elements that convey meaning across characters and symbols, and recognize glyph sets in fonts like Helvetica and Futura within design applications.

Explore typography alignments, including left, center, and right, and the left/right justified formats. See how justified text creates a neat, formal look for books and newspapers, while left alignment works well online.

Explore leading, the vertical space between lines, and how appropriate line spacing enhances readability in typography, with examples of font sizes and ratios like 10/12 and 24 points.

Explore kerning, the spacing between letters, to enhance readability and visual appeal. Discover how built-in kerning tables and common letter pairs influence typography, with manual adjustments rarely needed.

Discover how tracking controls the overall letter spacing of a block of text, not just the space between two characters, and how subtle adjustments affect readability and line length.

Learn to constrain line length to a readable number of characters so readers can easily follow from one line to the next.

Revisit point size, noting that one point equals about 0.352 mm, and distinguish it from font size while considering device-based readability.

Explore terms applicable to individual characters, including kerning, tracking, aperture, counter, apex, stem, x-height, cap height, baseline, overshoot, ligature, and the roles of italic, oblique, and weight in typography.

Explore pangrams and their role in evaluating typefaces. Learn how to apply fonts in your designs.

generate lorem ipsum dummy text with lipsum.com to fill packaging and website designs, choosing word or paragraph counts to keep projects moving while awaiting final copy.

Explore a fun typography game that teaches letter placement and spacing through an algorithm that reveals the right positions and differences from your attempt, boosting typeface knowledge.

Choose the right typefaces and understand font licensing for commercial projects. Explore typographic posters by Joseph Mueller, like the Zurich Town Hall design, to learn legible layouts with minimal elements.

Explore how to choose the right typeface amid millions of fonts created by tile foundries and industrial type artists, and learn a few practical rules for your design applications.

Define the design's purpose to shape the audience's impression and text reactions, whether to evoke fear, confidence, friendliness, or playfulness, while prioritizing legibility and appropriate font objectives.

Understand the design goal and brand context to decide if the project targets print or digital media, guiding font choices, tone, and audience trust.

Define your brand's personality in 3–4 words and choose fonts that fit that vibe, balancing playfulness with adult readability. Use a mood board to lock in personality and limit traits.

Find inspiration by studying established brands and everyday visuals; learn from designers without copying, using grocery store banners and packaging to guide design choices in branding, typography, and color.

Prioritize legibility by using readable fonts, appropriate font sizes, lighting, and ensure web vs print licensing and performance with web fonts from Google Fonts or Adobe Type.

Apply the lesser is better rule by using as few fonts as possible to establish hierarchy within a single typeface, like Roboto, which includes regular, bold, and italic variants; usually two fonts suffice.

Navigate budget and font licensing for graphic design by distinguishing personal and commercial licenses, using paid fonts for client work, and ensuring proper licenses are documented and maintained.

Understand desktop font licenses for logos, graphics, and signage, including commercial use on live projects, with restrictions on website use and resale, plus paid versus free options and view limits.

Explore how the Adobe font license included with Creative Cloud allows using fonts from Photoshop and Illustrator for all commercial purposes, such as logos, packaging, and banners.

Explore app and e-pub font licenses, covering device use, ebooks and magazines, license criteria, and pricing based on the number of users.

Explore exclusive font licenses that command a premium price and build brand recall with a uniform look, alongside free font licenses that enable broad use across websites and publications.

Explore free font websites for graphic design, compare licenses, and learn how to verify permissions before downloading from Google Fonts and other sources.

Explore font management tools to organize, activate or deactivate fonts, categorize them by project and characteristics, store licenses, and work across mac, Windows, and Linux.

Explore typography's importance, how typefaces convey personality, font hierarchy, and how alignment, spacing, and hyphen usage affect design readability and composition.