TO BOLDLY GO to learn 'bout the elements of design- Emily Franco

A mark made by a tool as it is drawn across a surface. The tool can be almost anything – a pencil, a pointed brush, a computer and mouse, even a cotton swab. Also, a line is defined as a moving dot or point, or can be called an open path.

  • Line can describe shape, so we can recognize objects.
  • Implied Line - A line created by positioning a series of points so that your eye automatically connects them.
  • Psychic Line - No real line, there is a mental connection between two elements.
  • Horizontal Line - implies quiet and repose, tranquility.
  • Vertical Line - has potential for activity or movement, also represents strength and nobility
  • Diagonal Line - suggests motion.
  • Contour Line - A line that follows edges of forms, to describe outlines.
  • Gesture Line - A line that shows action or dynamics of a pose.
Lines are used to form the Starship Enterprise from Star Trek.
This image has a psychic line. we can connect that spock and kirk are looking at khan.

Shape: a visually perceived area created either by an enclosing line, or color or value changes defining the outer edge.

  • Shapes can show “realism” or images as they are seen.
  • Shapes can show “distortion” or have a purposeful exaggeration of what is seen.
  • Shapes can show “idealism” or represent something as it “should” be in an ideal world.
  • Shapes can show “abstraction” or a simplification of natural shapes to essential basic shapes
Color and lines are used to make Spock.
Color and value changes are used to create this drawing of Captain Kirk.

Value: the description of lightness or darkness of a visual element

  • Value Contrast is the relationship of one element to another in respect to lightness and darkness
  • Value Contrast helps identify the separate elements of a design.
  • Low Contrast uses a narrow range of values meaning there is not much difference in the lightness and darkness
  • High Contrast uses a wide range of values or a huge difference in the lightness and darkness in a design.
Low and high contrast is used to show the faces of these star trek characters.
Low and High contrast are used to make this drawing of Captain Picard.

Texture: is the tactile quality of a surface or the representations of surface quality.

  • Tactile Textures are real. We can actually feel them.
  • Visual Textures are illusionary. They give the impression of real textures.
  • Pattern or the repetitive arrangement of elements can create texture.
A pattern is used to make the shirts in star trek.
This is the texture of a planet.


  • Hue is the name of the color. Example: Cyan, Magenta, Yellow, Black
  • Value is the range of lightness or darkness of a hue. Example: Light Blue, Dark Blue
  • Saturation is the brightness or dullness of a color.
  • RGB stands for Red, Green, Blue which are the three primary colors when working with light. All colors seen on a monitor or screen are created using the RGB model.
  • CMYK stands for Cyan, Magenta, Yellow, Black which is used for offset printing or four-color process printing.

Format: the substrate or support for a graphic design.

  • Format deals with size, shape, material, and purpose.
  • Contextual Constraints can be where and how the designs will be seen.
  • Budget is also a contextual format

Contrast is created when two elements are very different.

Types of Contrast

  • Size - Use various sized elements to create contrast
  • Color - Complementary colors are easy ways to create contrast. Use colors that are very different from each other.
  • Shape - Use different shapes to create contrast
It goes from a red-orange to shades of blue.

Repetition is created when you repeat some aspect of the design throughout the entire piece.

Any element can be repeated.

  • Font
  • Line
  • Bullet
  • Color
  • Design Element
  • Format
  • Spatial Relationships
  • Anything the reader will visually recognize
Red, blue, and yellow are repeated.
The same uniform is repeated and in the background blue is used heavily.

Alignment is placing items on a page so they have a visual connection with something else on the page.

  • When items are aligned it creates a stronger, cohesive unit.
  • Even when elements are physically separated from each other, if they are aligned there is an invisible line that connects them.
  • Alignment tells the reader that different elements belong together.
The crew is aligned to show they are a cohesive unit.

Proximity is when you group related items together.

  • Group related items so the viewer sees them as one cohesive unit.
  • Items that are NOT related should not be close to other elements.
Kirk and Spock share a close proximity to enunciate their roles as two parts of a whole person: the mind and the soul.

Made with Adobe Slate

Make your words and images move.

Get Slate

Report Abuse

If you feel that this video content violates the Adobe Terms of Use, you may report this content by filling out this quick form.

To report a Copyright Violation, please follow Section 17 in the Terms of Use.