Introduction to Graphic Design Fundamentals

Aug 22, 2024

Graphic Design Basics Course Notes

Introduction

  • Instructor: Laura Keung, professional graphic designer for 15 years, course creator since 2018.
  • Definition: Graphic design is the creation of visual content for communication, distinguishing it from art.
  • Purpose: Organizes complex information and makes it visually appealing.

History of Graphic Design

  • Cave Paintings (38,000 BC): Early evidence of visual communication.
  • Written Languages (3,000 BCE): Sumerians created logographic languages.
  • Printing Innovations: 200 AD - China's wood relief printing; 1040 AD - Movable type printing press invented in Beijing.
  • Typography in Middle Ages: Calligraphy and hand-reproduced texts became important.
  • Gutenberg (15th century): Developed movable type and printing press, enabling mass communication.
  • Industrial Revolution (1760-1840): New printing technologies like lithography evolved.
  • Digital Era (Post-1950s): Introduction of computers, software such as Photoshop, leading to new design fields (web design, UI/UX).

Basics of Graphic Design

Definition of Graphic Design

  • Role of Graphic Designers: Apply design principles for effective communication (logos, layouts, etc.).

Principles of Design

  1. Balance: Visual weight and stability of elements. Types: Symmetrical and Asymmetrical.
  2. Unity: Harmony among elements; creates a cohesive look.
  3. Contrast: Difference between elements to create visual hierarchies and focus.
  4. Repetition: Use of repeated elements for consistency.
  5. Pattern: Repetition of multiple elements for visual interest.
  6. Rhythm: Organized movement through repeated elements.
  7. Movement: Path the viewer's eye takes through a composition.
  8. Emphasis: Drawing attention to specific elements.
  9. Proportion: Relationship between elements, affects hierarchy.
  10. Harmony: Cohesiveness between elements.
  11. Variety: Use of different elements to maintain interest.

Color Theory

  • Color Wheel: Primary (red, yellow, blue), Secondary (purple, green, orange), Tertiary colors.
  • Warm vs. Cool Colors: Warm colors evoke energy; cool colors evoke calmness.
  • Color Spaces: RGB (digital) vs. CMYK (print).
  • Color Qualities: Hue, saturation, and value.
  • Color Harmonies:
    • Complementary: Opposites on the color wheel.
    • Analogous: Colors adjacent to each other.
    • Monochromatic: Variations of one color.
    • Triadic: Three evenly spaced colors.
    • Tetradic: Two sets of complementary colors.
  • Color Psychology: Colors evoke emotions and influence perceptions (e.g., red = power, excitement; blue = trust).

Typography

  • Definition: Arrangement of type for readability, legibility, and aesthetics.
  • History: Evolution from ancient Rome to modern digital typefaces.
  • Type Anatomy:
    • Serifs: Small feet at the end of strokes.
    • Ascender/Descender: Parts of letters extending above or below the baseline.
    • Ligatures: Combined characters for smoother flow.
  • Type Classifications:
    • Sans Serif: Clean, modern look.
    • Serif: Traditional, good for body copy.
    • Script: Handwritten styles.
    • Monospaced: Fixed width characters.
    • Display Fonts: Unique, used for attention.

Legibility and Readability

  • Readability: Arrangement of type that flows easily.
  • Legibility: How easily characters are distinguished.
  • Considerations: Size, line length, leading, tracking, and alignment.

Design Disciplines

  1. Print Design: Physical prints like brochures, posters, books.
  2. Digital Product Design: Software applications, websites, focuses on usability (UI/UX).
  3. Brand Design: Creating a cohesive brand identity through logos and visual assets.

Branding Process

  • Steps: Client interviews, mood boarding, concept development, presentation, feedback, finalization, brand guidelines.
  • Examples of Successful Brands: American Airlines, Munich 1972 Olympics.

Design Tools and Resources

  • Adobe Suite: InDesign, Photoshop, Illustrator for various design needs.
  • Figma: Collaborative interface design.
  • Canva: User-friendly design for non-designers.
  • Font Resources: Google Fonts, DaFont for typography.
  • Color Palette Tools: Coolers, Happy Hues for color combinations.

Impact of Technology on Design

  • Evolution: Faster communication, digital graphics, online exposure, remote work.
  • New Disciplines: UI/UX emerged from technological advancements.

Conclusion

  • Graphic design is an essential tool for communication and problem-solving in a visually appealing manner.
  • Learning Outcomes: Understanding design principles, color theory, typography, and the evolution of graphic design disciplines.