Graphic Design

Page 1

Introduction

  • Title: What is Art?

  • Author: Ambot

Page 2

What is Art?

  • Art is about expressing emotions, ideas, and creativity.

  • Usually lacks a specific goal or function.

  • Emphasizes personal interpretation and freedom.

Page 3

What is Design?

  • Design focuses on solving problems or achieving specific purposes.

  • Aims to create something functional and effective.

  • There is a clear intention behind design efforts.

Page 4

What is Graphic Design?

  • Title: What is Graphic Design? And Other Things Graphic Related

  • Author: George Dobluis

Page 5

Understanding Digital Images

  • Critical knowledge for multimedia design.

  • Affects quality, file size, and functionality of graphics used.

  • Digital images consist of pixels.

  • Storage, compression, and display of pixels impact appearance on screens.

Page 6

Resolution Graphic Formats

  • Resolution: Number of pixels in an image determining clarity and detail.

  • DPI vs. PPI: Terms associated with resolution.

  • Common formats include: GIF, PNG, JPG, TIFF.

    • Each suited for different purposes.

Page 7

Graphic Formats Breakdown

  • GIF:

    • For simple web graphics with limited colors.

    • Smallest file size; limited color range.

  • JPEG:

    • Widely used for photographs.

    • Compresses files but reduces quality after edits.

  • PNG:

    • Supports millions of colors and transparency.

    • Ideal for logos and graphics.

  • TIFF:

    • Best for high-quality images and editing.

    • Large file size; not web-friendly.

Page 9

Color Theory in Design

  • Color is a powerful design element affecting emotions and interactions.

  • Color theory aims to create visually appealing and functional designs.

Page 10

RGB and CMYK Color Models

  • RGB: Used for digital screens, starts with black.

  • CMYK: Used for printing, starts with white.

Page 11

Color Wheel

  • Tool for understanding color relationships.

  • Contains primary, secondary, and tertiary colors.

Page 12

Primary Colors

  • Red, Yellow, and Blue.

  • Cannot be created by mixing other colors.

Page 13

Secondary Colors

  • Green, Orange, and Purple.

  • Created by mixing primary colors.

Page 14

Tertiary Colors

  • Examples: Chartreuse, Teal, Vermillion, Yellow-orange, Red-orange, Violet, Magenta.

  • Created by mixing primary and secondary colors.

Page 15

Color Schemes

  • Guide how colors are combined in design.

  • Affects mood and perception of designs.

Page 16

Analogous Color Scheme

  • Uses three or more colors next to one another on the color wheel.

Page 18

Monochromatic Color Scheme

  • Utilizes tints, tones, and shades within the same color family or hue.

Page 22

Triadic Color Scheme

  • Involves three colors evenly spaced around the color wheel.

Page 24

Complementary Color Scheme

  • Uses colors opposite each other on the color wheel.

Page 27

The Gestalt Theory

  • Explains how people organize and perceive visual elements as unified wholes.

  • Essential for creating cohesive visual compositions in design.

Page 28

Definition of Graphic Design

  • Graphic design is a communication tool used in presentations for lectures, speeches, and reports.

  • Typically presented before an audience.

Page 29

Similarity Principle

  • Objects that look similar are perceived as part of the same group.

Page 30

Gestalt Principle of Continuity

  • Continuation: the eye is drawn along paths, lines, or curves.

Page 31

Closure Principle

  • Viewers perceive incomplete shapes as complete when key visual cues are present.

Page 32

Proximity Principle

  • Elements placed closer together are perceived to be related more than those spaced apart.

Page 33

Figure/Ground Principle

  • The eye separates objects (figure) from the background (ground).

Page 34

Order and Symmetry

  • Balanced and symmetrical objects provide a sense of harmony and stability.

Page 36

Text in Multimedia

  • Text is crucial despite seeming easy in multimedia experiences.

Page 37

Typography

  • Concerned with choosing and arranging fonts, sizes, and spacing.

  • Defines the personality and vibe of a layout.

Page 38

Text Size

  • Measured in points, from the top of a tall letter to the bottom of a descender letter.

Page 39

Font

  • The complete set of letters, numbers, symbols, and punctuation of a specific typeface at a particular size.

Page 40

Typeface

  • Name for a group of related fonts, while a font is a specific version of that typeface.

Page 41

Leading

  • The space between lines of text; crucial for readability.

Page 42

Kerning/Letter Spacing

  • Kerning: Adjusting space between individual letters.

  • Tracking: Adjusting space evenly across a whole word or sentence.

Page 45

Thank You

  • Closing remark.