Computer Graphics

Introduction to Graphic Design: Principles and Elements

Learner Outcomes:

The students will observe and listen to the lecture pertaining to graphic design. The students will learn about the significance of graphic design in their everyday lives. The students will need to recall what was taught to them at the end of the lecture by giving examples of graphic designs and why. Students will be able to use this lesson to then create their own graphic design logo/identity.

The students will be able to:

  1. define graphic design.
  2. identify and define the 8 elements and principles of graphic design.
  3. successfully create their own graphic design for the upcoming projects in the class.


  1. Need to be able to define graphic design
  2. Need to have a thorough knowledge of each of the design elements: line, shape, texture, and color.
  3. Knowing the color wheel and how it works will be beneficial to the lecture
  4. Need to be able to give examples of each of the elements to relate them to what the students see on a day to day basic
  5. Need to identify the principles of design and understand how they work together to create a harmonious composition
  6. Need to give examples of the design principles and relate them to objects or instances the students will make correlations with
  7. Need to recap what was taught and make sure the students can recall what they learned in the lesson
  8. With this knowledge and previous instructions on using Photoshop, students will be able to create the assigned composite assignment the following class

Adaptations :

The Prezi presentation and the teacher notes that are spoken in class will be provided for those students with impairment. Extra one-on-one work will be available during free periods for further instruction for the composite assignment. If students are having trouble with a certain part of the lecture, that portion will be re-taught in another manor before the composition assignment is assigned.

Click the link below to view my Prezi

Prior Knowledge:

The students will have a brief prior knowledge of the elements and principles from art classes they have previously taken. The lecture is to recall this information and give a better understanding of how they are used in graphic design. The students must use their Photoshop knowledge taught in the previous weeks to create the composition assignment for the following week.

ITEEA Standards:

This activity includes the ITEEA Standards (8) The attributes of design, (17) Information and communication technologies.

Resources and notes for presentation:

The Key Elements:

LINES: Lines can be straight or curved. They can also imitate motion.

¿how are the lines used in this image?

SHAPES: are enclosed objects that can be created by line or created by color and value changes that define their edges. Shapes are all cones, cylinders, spheres

TEXTURES: is the surface look of an object created by varying dark and light areas.

Actual: my shirt, arms and sand paper. Implied: such as in graphic design

Textures have: roughness, smoothness, and depth


¿Does anyone know another word for color?

Hue is another word for color.

Chroma is the intensity or purity of color.

Tint is a color mixed with white.

Tone is a color mixed with gray.

Shade is a color mixed with black.

COLOR WHEEL: You can use color to:

Helps determine which colors are in greatest contrast. label or show hierarchy.

Complementary colors are opposite each other on the represent or imitate reality.

color wheel. unify, separate, or emphasize.

Analogous colors are adjacent to each other on the color to decorate.


The Graphic Design Principles:

MOVEMENT: is the use of lines, color, and repetition to create the illusion of motion.

You can do this by using: Curved forms or lines, repetition of geometric forms, or by using fuzzy lines or outlines.

BALANCE: is the act of comparing or estimating two things, one against the other, and the contrast between.

Empty space (white space) and filled space, text and images, color and no colors and different colors, and textures against flat colors

EMPHASIS: is to express with particular stress or force, in this example the main points are much larger than the others.

Emphasis is used to create a focal point or points; this can be done with color lines or contrasts, or another method called isolation.

UNITY: also known as proximity is the correct balance of composition or color that produces a harmonious effect.

Unity is what pulls the elements together. Elements that are positioned close to one another are related while elements that are farther apart are less related.

Balance within composition:

BALANCE: There are three different types of balance when using color, shape, and position:



Radial symmetry

SYMMETRY: You can usually identify at least one of three lines of symmetry.

Horizontal, Vertical, and diagonal