Graphic design Study Guide

📖 Core Concepts Graphic Design – Visual communication discipline that encodes messages for specific audiences using text, imagery, and ornamentation. Encoder/Decoder Model – Designer (encoder) translates ideas into visual signs; viewer (decoder) interprets them. Typography – Art and technique of arranging typefaces, sizes, spacing (tracking, kerning, leading) to create readable, expressive text. Grids – Underlying column‑row framework that orders space, ensures consistency and guides the eye. Raster vs. Vector – Raster = pixel‑based (Photoshop, GIMP); resolution‑dependent. Vector = mathematically defined paths (Illustrator, Inkscape); scalable without quality loss. Process vs. Semiotic Schools – Process: focus on communication channels; Semiotic: focus on signs and meaning construction. Ethical Design – Truthful representation, avoidance of stereotypes, inclusive visual language. --- 📌 Must Remember Key Elements: Text/typography, imagery, ornamentation, color. Core Tools: Photoshop (raster), Illustrator/Inkscape (vector), InDesign/Scribus (layout). Design Disciplines: Interface design → UI look & feel; UX design → overall experience, usability, branding. AIGA Standards – Honesty, client confidentiality, intellectual‑property respect. Ethical Rules – No deceptive visuals; represent data accurately; avoid cultural appropriation. Historical Milestones – Gutenberg’s movable‑type (15th c.) → foundation of modern graphic design; late‑19th c. professionalization. --- 🔄 Key Processes Brief → Research → Ideation Gather objectives, audience, constraints. Concept Sketching (hand) Rapid low‑fidelity sketches to explore direction. Digital Refinement Choose raster (photo‑heavy) or vector (logo/illustration) tools. Typography & Grid Setup Define type hierarchy, select grid (e.g., 12‑column). Design Execution Apply color, imagery, ornamentation; maintain visual hierarchy. Review & Iterate Test readability, brand alignment, ethical compliance. Final Production Export appropriate file types (PDF for print, SVG/PNG for web). --- 🔍 Key Comparisons Raster vs. Vector Raster: pixel grid, best for photos, limited scalability. Vector: mathematical paths, ideal for logos/icons, infinite scalability. Interface Design vs. UX Design Interface: visual look of screens, iconography, layout. UX: overall user journey, usability testing, emotional response. Process School vs. Semiotic School Process: focuses on how messages travel through channels. Semiotic: analyzes sign systems and meaning creation. --- ⚠️ Common Misunderstandings “Any font works if it looks cool.” – Ignoring hierarchy and readability harms communication. “Higher resolution always means better print.” – Vector files are preferred for logos regardless of DPI. “Design is only about aesthetics.” – Ethical accuracy and functional clarity are equally critical. “AI‑generated art removes the need for designers.” – AI tools assist; designers still guide intent, ethics, and user‑centered decisions. --- 🧠 Mental Models / Intuition Visual Hierarchy = Funnel – Largest, boldest elements draw attention first; smaller, subtler details follow. Grid = Skeleton – Think of the grid as a body’s skeleton that supports and aligns every visual “organ.” Encoding = Language Translation – Just as a translator chooses words for meaning, a designer chooses visual signs for the same purpose. --- 🚩 Exceptions & Edge Cases Print on Non‑Standard Substrates (silk, plastic) may require different color profiles (CMYK vs. RGB). Brand Guidelines sometimes mandate a “break‑the‑grid” layout for specific campaigns. Inclusive Design – When targeting audiences with visual impairments, increase contrast and choose dyslexia‑friendly typefaces (e.g., OpenDyslexic). --- 📍 When to Use Which Choose Raster (Photoshop/GIMP) when working with photographic images or complex textures. Choose Vector (Illustrator/Inkscape) for logos, icons, line art, or any element needing scalability. Use InDesign/Scribus for multi‑page layouts (magazines, reports). Apply UI Design tools (Figma, Sketch) for interactive prototypes; switch to UX research methods (personas, usability testing) when the problem is about overall user flow rather than visual polish. --- 👀 Patterns to Recognize Consistent Use of a Grid → Predictable alignment, faster visual parsing. Color‑Emotion Pairings – Red = urgency/passion; blue = trust/calm; green = health/nature. Typographic Contrast – Heading (large, bold) vs. body (smaller, regular) signals hierarchy. White Space as a Sign – Indicates separation, emphasis, and readability. --- 🗂️ Exam Traps Distractor: “Vector files cannot contain color.” – False; vectors store color fills and strokes. Distractor: “Only the semiotic school cares about ethics.” – Both schools must consider ethical implications of sign usage. Distractor: “Higher DPI automatically fixes a low‑resolution image.” – DPI can’t create detail that isn’t present; up‑sampling degrades quality. Distractor: “AI‑generated graphics are automatically copyright‑free.” – Intellectual‑property rights still apply; attribution may be required.