Graphic Design

Introduction

Graphic design is the practice of shaping visual communication for a particular purpose, audience, context, and medium. A graphic designer does more than make things look attractive: you identify a communication problem, research its context, select and organize visual elements, test alternatives, and make informed decisions about typography, imagery, color, composition, production, accessibility, and ethics. AIGA describes graphic design as a visual problem-solving field concerned with communicating specific messages to specific audiences.

This university-level aiMOOC treats design as both a cultural practice and a professional process. You will study historical examples, analyze how people perceive visual relationships, learn technical production concepts, and repeatedly move from research to sketching, prototyping, critique, refinement, and reflection. The goal is not to imitate a single style. The goal is to develop a reasoned visual language and to explain why your design decisions support a communication objective.

The Bauhaus and other modernist movements helped establish influential approaches to asymmetrical composition, typography, photography, geometric form, and systematic visual organization. Historical examples are useful when you treat them as evidence of design choices made within specific technological, political, and cultural conditions rather than as a fixed rulebook.

Learning Objectives

By the end of this course, you should be able to explain graphic design as purposeful visual communication; analyze hierarchy, balance, contrast, alignment, proximity, rhythm, scale, and negative space; select and combine typefaces with attention to legibility and voice; distinguish additive and subtractive color workflows; choose between raster and vector formats; develop grid-based and responsive layout systems; create identity and information-design concepts; prepare work for print and digital production; critique designs using evidence rather than taste alone; address accessibility, copyright, representation, sustainability, and responsible use of artificial intelligence; and document an iterative design process in a professional portfolio.

Graphic Design as Visual Problem Solving

A design brief normally identifies a communication goal, audience, content, constraints, deliverables, schedule, and success criteria. These elements define the problem space. A designer can then ask: What must the audience notice first? What should they understand, feel, remember, or do? Which conventions will help comprehension, and which conventions could be challenged productively?

A strong design concept links form to meaning. A large word may create emphasis, but scale alone is not a concept. A concept is the organizing idea that explains why particular visual choices belong together. For example, a public-transport campaign about clarity could use a modular grid, direct language, high contrast, and diagrammatic imagery because those formal choices reinforce the idea of navigation and orientation.

Design decisions are evaluated in relation to purpose. A dense experimental poster may be successful when its goal is to create expressive tension for a cultural event, while the same density could be harmful in an emergency-information system. This distinction helps you move beyond the vague labels "good-looking" and "bad-looking." Ask instead whether the work is appropriate, coherent, legible when required, distinctive, accessible, technically viable, and ethically responsible.

A Repeatable Design Process

A practical process can be understood as a cycle rather than a straight line. Begin with the brief and research the audience, context, competitors, precedents, language, and medium. Define the core communication problem in your own words. Generate many low-cost ideas before polishing one. Develop promising directions through thumbnails, mood boards, type studies, image experiments, and rough prototypes. Seek critique, test the work with representative users when possible, revise, produce final assets, and evaluate the result against the original criteria.

Iteration matters because early solutions often reveal hidden assumptions. A change in type size may expose weak hierarchy; printing a prototype may reveal that a color relationship works on screen but not on paper; accessibility testing may show that a visually subtle distinction cannot be perceived reliably. Treat each test as information that can improve the next version.

Paula Scher's discussion of serious play is useful for university students because professional rigor and experimentation are not opposites. You can work with disciplined constraints while remaining open to surprise, humor, and discovery.

Historical Foundations

Graphic design history is not a single sequence of styles. It is a network of changes in writing, printing, photography, industrial production, mass media, computing, commerce, politics, and education. Studying history gives you precedents for contemporary practice and helps you recognize that supposedly neutral visual conventions have cultural histories.

Movable-type printing in Europe expanded the possibilities for reproducing and distributing text and images. Later developments in industrial printing, lithography, photography, and mechanized typesetting increased speed, scale, and visual variety. The Linotype machine, introduced in the late nineteenth century, cast complete lines of type and transformed newspaper and publishing production.

In the nineteenth and early twentieth centuries, movements such as Arts and Crafts, Art Nouveau, Constructivism, De Stijl, and the Bauhaus proposed different relationships among craft, industry, ornament, function, politics, and modern life. In the 1920s and 1930s, the New Typography promoted asymmetry, sans-serif type, photography, and active use of the page as a compositional field. MoMA describes this movement as a major shift away from symmetrical columns toward dynamic arrangements of type and image.

The mid-twentieth century saw the growth of corporate identity systems, the International Typographic Style, modernist publishing, advertising, and increasingly systematic approaches to information. Designers such as Saul Bass demonstrated how reduced forms could become memorable identities across posters, title sequences, and symbols.

Late twentieth-century postmodern and experimental practices challenged universalist claims and introduced quotation, layering, vernacular references, expressive typography, and deliberate complexity. Desktop publishing and digital tools radically changed production. Contemporary designers now work across print, interfaces, motion, data visualization, social media, environmental graphics, and generative systems.

Historical Analysis Method

When you study a historical artifact, separate description from interpretation. First record what is visible: format, type, image, color, scale, alignment, spacing, printing method, and signs of wear or reproduction. Then identify its function, intended audience, date, place, designer or studio when known, client, and technological conditions. Finally interpret how its formal decisions support or complicate its message.

Avoid treating historical movements as style menus. A Bauhaus-inspired layout copied without understanding its social and technological context becomes surface decoration. Historical literacy is more useful when it expands your vocabulary, helps you identify inherited conventions, and gives you evidence for critical comparison.

Visual Language and Composition

Composition is the organization of visual elements within a format. The format may be a poster, page, package, screen, exhibition panel, motion frame, or responsive interface. Every composition distributes visual weight and attention. The central question is not simply where elements sit, but how their relationships guide interpretation.

Hierarchy establishes levels of importance. It can be created with scale, position, contrast, color, type weight, spacing, image dominance, or motion. A clear hierarchy helps the viewer determine an entry point and a path through the information.

Alignment creates visible or implied relationships among elements. Consistent edges, baselines, columns, or centers can make complex information feel organized. Deliberate misalignment can also be expressive, but it works best when the underlying system remains understandable.

Proximity uses distance to indicate relationships. Elements placed close together are more likely to be perceived as a group. This is one of the Gestalt principles of perceptual organization.

Contrast creates difference. Contrast may involve size, value, hue, texture, shape, direction, type family, weight, or density. Contrast helps establish emphasis, but too many competing contrasts can destroy hierarchy.

Balance concerns the distribution of visual weight. Symmetrical balance can feel stable or formal, while asymmetrical balance can feel dynamic. Neither is automatically superior.

Negative space is the unoccupied area around and between elements. It is an active component of composition because it separates, groups, frames, and gives rhythm to content.

Gestalt principles describe recurring ways in which viewers organize visual information, including proximity, similarity, continuity, closure, figure-ground relationships, and common fate. They are useful as perceptual tendencies, not mechanical recipes. Cultural conventions, task, context, and prior knowledge also shape interpretation.

Grids and Modular Systems

A grid is a set of spatial relationships that supports alignment and consistency. A simple grid may use margins and columns; a complex editorial system may include columns, modules, gutters, baseline intervals, image zones, and rules for exceptions. Grids are especially useful when content changes across many pages or screens.

You should distinguish a grid from a finished layout. The grid is an underlying system; the layout is one realization of that system. Strong designers know when consistency supports comprehension and when a controlled break in the grid creates emphasis. In responsive design, the system must also adapt to changing viewport widths rather than preserve one fixed composition.

A useful exercise is to recreate the same article with a one-column, three-column, and modular grid. Keep the content constant, then compare reading order, density, image scale, and opportunities for emphasis. This isolates the effect of structure from the effect of content.

Typography

Typography is the arrangement and design of written language in visual form. It operates simultaneously as language and image. At university level, you should analyze typography through anatomy, classification, hierarchy, spacing, rhythm, legibility, tone, historical context, and production.

A typeface is a design system for letterforms, while a font is a specific implementation of a typeface in a particular style, weight, or digital file. In everyday software these terms are often used interchangeably, but the distinction is useful when discussing design systems.

Important letterform concepts include baseline, x-height, cap height, ascender, descender, counter, bowl, stem, serif, terminal, and aperture. These features influence texture and legibility. Two typefaces set at the same nominal point size may look very different because of their x-height, proportions, stroke contrast, and spacing.

Kerning adjusts space between particular letter pairs. Tracking changes spacing across a range of letters. Leading controls vertical distance between lines. These are not cosmetic details: they affect reading rhythm, density, hierarchy, and tone.

Type selection should begin with function. Long-form reading usually needs a stable text face with appropriate spacing, a useful character set, and reliable weights and styles. Display typography can take greater expressive risk because it is read in shorter bursts. Combining typefaces requires a reason. Contrast in structure, proportion, era, or voice can create a useful relationship, while similarity can support continuity.

Typographic Hierarchy and Readability

A typographic system defines levels such as title, subtitle, heading, body text, caption, quotation, label, metadata, and navigation. Create hierarchy with a limited set of variables rather than changing everything at once. For example, size and weight may distinguish headings while family, color, and alignment remain constant.

Line length, line spacing, paragraph spacing, and contrast all influence reading. Very long lines make it harder to locate the next line; very short lines can create excessive interruption. There is no universal ideal independent of typeface, size, language, device, and audience, so test with actual content in the target medium.

Typography also has voice. A geometric sans serif, a humanist sans, a transitional serif, and a monospaced face may communicate different associations because of their forms and histories. These associations are contextual rather than fixed. Research the typeface, its designer, language support, licensing, and cultural use before treating its style as a shortcut to meaning.

Chip Kidd's discussion of first impressions demonstrates how graphic form can frame interpretation before a reader engages deeply with content. For designers, this is a reminder that packaging, covers, titles, and opening screens create expectations that should be intentional.

Color

Color can establish hierarchy, encode categories, create atmosphere, support identity, and influence legibility. Effective color use requires both perceptual sensitivity and technical knowledge.

Hue identifies a color family, saturation describes intensity or chroma, and value or lightness describes relative brightness. Designers create palettes by controlling relationships among these dimensions rather than selecting isolated swatches.

Color wheels are pedagogical models that help you explore relationships such as complementary, analogous, and triadic arrangements. They are not complete descriptions of human color perception or device reproduction. Always test palettes in the medium in which they will be used.

Screens generally work with the additive RGB model, where red, green, and blue light combine to create a range of colors.

Process printing commonly uses the subtractive CMYK model: cyan, magenta, yellow, and black inks interact with light reflected from paper. The printable gamut differs from an RGB display gamut, so some vivid screen colors cannot be reproduced exactly in standard CMYK printing.

Color management uses profiles and controlled workflows to improve consistency among devices. For professional print, discuss paper, ink, spot colors, proofing, black generation, total ink coverage, and profiles with the printer instead of assuming that a screen preview predicts the final result exactly.

Color and Accessibility

Do not use color as the only carrier of essential information. Pair color with labels, shapes, patterns, icons, or position when users must distinguish categories or states.

For web content, WCAG 2.2 Level AA requires a contrast ratio of at least 4.5:1 for most text and at least 3:1 for large-scale text, with specified exceptions. Contrast is a measurable requirement, but accessibility is broader than one number. Consider type size, weight, spacing, motion, clarity of language, focus states, alternative text, and whether information survives grayscale or color-vision differences.

A practical workflow is to test the design in grayscale, use a contrast checker, simulate common color-vision deficiencies as an additional diagnostic, and verify that meaning remains available without color alone.

Images, Illustration, and Digital Form

Images can document, explain, persuade, symbolize, or create atmosphere. Their meaning changes through cropping, scale, sequence, captioning, placement, and juxtaposition. A designer is responsible not only for image quality but also for context and representation.

Raster images are built from pixels and are well suited to continuous-tone photography. Their resolution is finite, so enlargement can reveal pixels. Vector graphics describe shapes mathematically and can scale without the same pixelation, making them useful for logos, icons, diagrams, and many illustrations.

Bézier curves are fundamental to vector drawing. Anchor points and control handles define smooth paths, allowing precise construction of symbols, lettering, and illustrations.

Choose file formats according to function. JPEG is common for photographic compression; PNG supports lossless raster graphics and transparency; SVG is useful for scalable web vectors; PDF is widely used for document exchange and print workflows. Native application files are valuable for editing but are not always the correct delivery format.

Image resolution should be considered at final output size. A photograph that is adequate for a small web image may be insufficient for a large printed poster. Do not rely on a single "high resolution" label; evaluate pixel dimensions, physical output size, viewing distance, and production method.

Identity, Branding, and Systems

A visual identity is a coordinated system of recognizable elements used across touchpoints. It may include a logo, typography, color, image style, iconography, layout rules, motion behavior, tone, and templates. A brand is broader than its visual identity: it emerges from products, services, behavior, language, reputation, and audience experience.

Good identity work therefore begins with research and positioning rather than logo decoration. Ask what the organization does, whom it serves, what differentiates it, what values it claims, what evidence supports those claims, and how the identity must function across contexts.

A logo should be tested at small and large sizes, in one color, on light and dark backgrounds, and in relevant production methods. A complete identity system also needs rules for everyday use. The system should be consistent enough to be recognizable and flexible enough to handle real content.

Information Design and Data Visualization

Information design organizes complex content so that relationships become easier to understand. It includes maps, diagrams, forms, wayfinding, timelines, instructional graphics, dashboards, and data visualizations.

Begin with the question the audience needs to answer. Then identify the data or information structure, remove irrelevant detail, establish hierarchy, and select a visual encoding that matches the task. Position can be more precise for quantitative comparison than area or decorative pictograms. Labels should reduce ambiguity rather than force the reader to decode a legend unnecessarily.

Ethical data visualization requires accurate scales, visible units, responsible aggregation, and clear sourcing. Avoid truncated axes or graphic effects that exaggerate differences. When uncertainty exists, show it when it is relevant to interpretation.

Information graphics must also work for users who cannot rely on color alone. Use redundant cues, readable labels, and accessible text alternatives for essential visual information.

Print, Screen, and Production

Professional design includes preparing files that can be produced reliably. For print, common concerns include page size, bleed, trim, safe areas, image resolution, overprint, spot colors, CMYK conversion, transparency, font embedding, and PDF standards. Always request the printer's specifications because requirements vary by process.

For screen-based work, consider responsive behavior, pixel density, file weight, compression, color spaces, browser rendering, interaction states, motion preferences, and accessibility. SVG can be efficient for many icons and diagrams, while photographs are usually better delivered in optimized raster formats.

A useful preflight checklist asks: Are all required assets linked or embedded correctly? Are fonts licensed and packaged appropriately? Are images large enough at final size? Are color modes correct for the production method? Is bleed included where required? Are interactive states complete? Are filenames, versions, and export settings clear enough for another professional to understand?

Production is part of design thinking because technical constraints shape visual choices. A one-color risograph poster, a four-color offset brochure, an accessible website, and a social-media animation all reward different decisions.

Research, Critique, and Iteration

Research can include interviews, observation, surveys, content audits, visual audits, archival study, competitor analysis, audience personas, and testing. Choose methods that answer the uncertainties in the brief instead of collecting information without a decision-making purpose.

A critique is not a vote on personal taste. Present the communication goal, audience, constraints, and design concept before asking for feedback. Reviewers should describe what they notice, interpret how the work communicates, identify evidence, and connect recommendations to the brief.

Useful critique language includes: "The title is the strongest entry point because its scale and contrast dominate the page." Less useful critique language includes: "I just like the blue better." Preference can be a starting observation, but professional critique explains the effect and its relevance.

Iteration should be visible in your process documentation. Save rejected directions, sketches, tests, and critique notes. A portfolio case study is stronger when it shows how your reasoning developed instead of presenting only a polished final image.

Accessibility, Ethics, Copyright, and Representation

Graphic design affects what people can access, understand, and trust. Ethical practice therefore extends beyond avoiding obvious deception.

Accessibility means designing so that people with diverse visual, motor, auditory, cognitive, and situational needs can use the communication. Build accessibility into the brief rather than treating it as a final repair.

Copyright and licensing matter whenever you use typefaces, photographs, illustrations, icons, music, video, templates, or datasets created by others. A file found online is not automatically free to reuse. Check the license, attribution requirements, scope of permitted use, and whether the project is commercial or educational. Wikimedia Commons is useful because each file page documents its licensing status.

Representation concerns who appears, who is absent, how people are depicted, and which cultural symbols are being used. Research symbols and images rather than assuming they have universal meanings. Avoid using marginalized identities as decorative shorthand.

Dark patterns use visual and interaction design to manipulate users into choices they might not otherwise make. Designers should question whether hierarchy, default settings, button emphasis, or hidden information serves the user's informed choice or only the organization's short-term objective.

Sustainability can involve reducing unnecessary print runs, selecting appropriate materials and processes, designing durable systems, minimizing digital file weight, and considering the environmental impact of production and disposal. Sustainability claims should be specific and evidence-based rather than vague visual "green" signaling.

Artificial Intelligence in Graphic Design

Generative AI can assist with ideation, image generation, variation, text drafting, style exploration, and production tasks. It can also introduce legal, ethical, and quality risks. University-level practice requires you to document what tools were used, what inputs you supplied, what outputs you selected or altered, and how you verified accuracy and rights.

AI output should not replace design judgment. A generated image may contain anatomical errors, misleading details, biased stereotypes, fake text, or visual inconsistencies. A generated layout may look plausible while failing hierarchy, accessibility, or production requirements. Treat AI output as material to evaluate rather than as an unquestionable answer.

Ask four questions before using AI-generated content: Is the use permitted by your course, client, and platform? Can you verify the factual claims and visual details? Do you understand the licensing and attribution implications? Can you explain the human design decisions that transformed the output into a responsible solution?

When AI is used for research, distinguish sources from generated summaries. When it is used for imagery, avoid presenting synthetic content as documentary evidence unless it is clearly identified. When it is used in assessment, follow academic-integrity rules and disclose assistance as required.

Professional Practice and Portfolio Development

A portfolio is a curated argument about how you think and work. Select projects that demonstrate range without becoming a random gallery. Each case study should make the problem, audience, constraints, process, key decisions, outcome, and your specific role clear.

Show enough process to prove reasoning, but edit the process so that the narrative remains understandable. Include prototypes, rejected directions, user-testing observations, typographic or color studies, production details, and final applications where they reveal meaningful decisions.

For collaborative projects, name collaborators and describe responsibilities accurately. Avoid implying sole authorship. When client work is confidential, obtain permission before publishing it or create a redacted case study.

Professional presentation also includes accessible PDFs or websites, consistent file naming, concise captions, correct image reproduction, and links that work. The portfolio itself is a design project and should demonstrate the same standards you claim in the work.

Interactive Tasks

Quiz: Test Your Knowledge

Which statement best describes graphic design in this course? (Purposeful visual communication for a defined audience and objective) (!Decoration added after communication decisions are complete) (!A fixed historical style based on modernism) (!The use of professional software to make images)

What is the main purpose of visual hierarchy? (To establish an order of attention and importance) (!To make every element equally prominent) (!To remove all negative space from a layout) (!To guarantee that a design is symmetrical)

Which spacing term refers to adjustment between particular pairs of letters? (Kerning) (!Leading) (!Bleed) (!Tracking)

Which color model is commonly associated with process printing? (CMYK) (!RGB) (!HSL) (!HSV)

What does proximity usually communicate in visual organization? (Relationship between elements placed near one another) (!Automatic color harmony between adjacent shapes) (!Equal importance among all elements) (!The physical size of a printed page)

Which statement about vector graphics is correct? (They describe shapes mathematically and can scale without ordinary pixelation) (!They are always smaller in file size than raster images) (!They are made only from photographic pixels) (!They cannot contain curves)

What is a grid primarily used for in layout design? (To create a repeatable system of spatial relationships) (!To force every composition to be symmetrical) (!To replace all decisions about hierarchy) (!To convert raster images into vectors)

What is the WCAG Level AA minimum contrast ratio for most normal-sized text? (4.5 to 1) (!2 to 1) (!3 to 1) (!10 to 1)

Which critique comment is most useful professionally? (The title dominates because its scale and contrast create the clearest entry point) (!I like this version because blue is my favorite color) (!This design is objectively beautiful) (!You should make it more creative)

What is the best first step when using generative AI in a design project? (Clarify permitted use and how outputs will be verified and documented) (!Assume generated content is accurate because it looks realistic) (!Remove all evidence that AI was used) (!Treat the first generated result as the final design)

Memory Game

Kerning	Adjustment of space between specific letter pairs
Proximity	Perceptual grouping created by placing related elements near each other
Bleed	Printed image area that extends beyond the final trim edge
Vector	Graphic described by mathematical paths rather than a fixed pixel grid
Hierarchy	Organization that establishes an order of visual importance
Gutter	Space separating columns or modules in a layout
Contrast	Difference used to create distinction and emphasis

Drag and Drop

Match the correct terms.	Topic
Visual hierarchy	Guides the order in which information is noticed
Kerning	Adjusts spacing between particular letter pairs
Proximity	Groups related elements through spatial closeness
Vector graphic	Uses scalable paths and shapes
CMYK	Uses a subtractive color model for process printing

...

Crossword Puzzle

Kerning	What term describes spacing adjustments between particular letter pairs?
Contrast	What principle uses difference to create emphasis?
Hierarchy	What term describes the ordered levels of visual importance?
Grid	What layout system organizes repeated spatial relationships?
Bezier	What kind of mathematical curve is fundamental to vector drawing?
Raster	What kind of image is constructed from a grid of pixels?

LearningApps

Cloze Text

Graphic design solves a communication

for a defined audience and purpose. Visual

establishes levels of importance within a composition. The Gestalt principle of

helps viewers group elements that are near one another. In typography,

adjusts space between specific letter pairs. Screen-based color commonly uses the additive

model. Process printing commonly uses the subtractive

model. A

graphic can scale without ordinary pixelation because its shapes are described mathematically. A layout

creates repeatable spatial relationships among elements. Professional critique connects observations to the design

. Accessible design uses sufficient contrast and does not depend on

alone to communicate essential information.

Open-Ended Tasks

Easy

Visual Audit: Photograph or collect ten examples of graphic design from your everyday environment, classify their purposes, and annotate where hierarchy, alignment, contrast, and proximity appear.
Typographic Specimen: Create a one-page specimen for one typeface using only its available weights and styles, then explain how your spacing and hierarchy support reading.
Color Accessibility Test: Design a simple event card in two color palettes, test both for text contrast and grayscale comprehension, and document what you changed.
Design Interview: Interview a designer, printer, editor, or communication professional about one real project and summarize how constraints shaped the final visual decisions.

Standard

Poster Design: Create three conceptually different posters for the same university event, keep the factual content identical, and compare how composition changes the message.
Identity System: Develop a small visual identity for a student initiative with a mark, type system, color palette, image direction, and three applications, then write concise usage rules.
Information Design: Transform a complex set of instructions or a small public dataset into a clear diagram or visualization, cite the source, and test whether a peer can interpret it without your explanation.
Design Exhibition Visit: Visit a design museum, gallery, print workshop, library collection, or public signage system and produce a visual field report that analyzes five artifacts in context.

Advanced

Editorial System: Design a multi-page editorial prototype using a modular grid, a typographic hierarchy, image rules, and accessible reading order, then adapt one spread for a narrow screen.
Participatory Design Study: Conduct short interviews or observations with at least three intended users, identify a communication problem, prototype two responses, and revise one after user feedback.
Motion Design Essay: Produce a one-minute motion graphic that explains a design principle using type, image, timing, and sound or captions, and submit a storyboard plus a reflection on pacing and accessibility.
AI Design Ethics Experiment: Compare a fully human-made concept with a concept developed using generative AI assistance, document prompts and edits, check factual and licensing risks, and write a critical evaluation of authorship, bias, and design quality.

Learning Assessment

Brief-to-Concept Analysis: Given a communication brief, identify the audience, constraints, priority message, and success criteria, then defend a visual concept that connects form to purpose.
Comparative Design Critique: Compare two solutions to the same communication problem and use specific evidence about hierarchy, typography, image, color, and accessibility to argue which performs better for the stated audience.
Production Transfer: Take one screen design and plan its adaptation to a printed format, explaining changes required for color, resolution, dimensions, typography, and interaction-dependent content.
Accessibility Redesign: Audit an existing poster, page, or interface for contrast, color dependence, hierarchy, type size, and clarity, then redesign it while preserving its core identity.
Ethical Case Study: Analyze a design that uses persuasive framing, data visualization, cultural imagery, or AI-generated content and determine where responsible communication obligations affect the visual strategy.
Portfolio Defense: Present a completed project as a case study, show evidence of research and iteration, identify one failed direction, and answer critique questions by connecting decisions to the original brief.

Evidence of Learning

Evidence of learning should demonstrate more than finished appearance. A strong body of evidence shows that you can connect visual decisions to communication goals and revise work in response to testing.

Evidence area	What demonstrates achievement
Knowledge	Accurate use of concepts such as hierarchy, Gestalt grouping, typography, color models, grids, raster and vector formats, accessibility, and production requirements
Process	Research notes, thumbnails, concept alternatives, prototypes, critique records, tests, and documented revisions
Skills	Controlled typography, composition, image handling, color decisions, layout systems, file preparation, and clear verbal or written critique
Products	Coherent posters, identity systems, editorial layouts, information graphics, digital prototypes, motion pieces, or other solutions appropriate to a defined brief
Judgment	Ability to justify choices with evidence, recognize limitations, distinguish preference from performance, and revise when a design fails its criteria
Transfer	Ability to adapt a design principle or system to a new audience, medium, format, production process, or accessibility requirement without copying the original form
Professional responsibility	Correct attribution, licensing awareness, inclusive representation, transparent collaboration, and responsible disclosure of AI assistance when relevant

OERs on the Topic

The English Wikipedia article provides a broad starting overview. For deeper study, compare it with professional, museum, standards, and educational sources.

Selected Open and Reliable Resources

AIGA: What Is Design introduces design as communication and problem solving.

AIGA Graphic Design Curriculum frames graphic design as visual problem solving for specific messages and audiences.

MoMA: The New Typography provides historical context for modernist typography and asymmetrical composition.

MoMA: Typography connects typographic concepts with works in the museum collection.

W3C WCAG 2.2 Quick Reference provides current accessibility success criteria and techniques.

W3C: Designing for Web Accessibility gives practical guidance on contrast, alternatives, controls, headings, and other design considerations.

Interaction Design Foundation: Gestalt Principles explains perceptual grouping principles used in visual and interface design.

Media Study Gallery

The following verified Wikimedia Commons files are included in this course because they support specific learning goals. Open a file page on Wikimedia Commons when you need author, source, date, or license information for attribution and reuse.

Use this diagram to compare proximity, similarity, and continuity. Then locate one example of each principle in a real interface or printed page.

The rule of thirds is a compositional guideline rather than a universal law. Compare it with a centered composition and a grid-based composition, and decide which structure better serves a specific communication goal.

This Cooper Hewitt and Letterform Archive discussion can be used for extended study of Bauhaus typography, archival interpretation, and the persistence of historical typographic ideas.