Order and Organization

  • Alignment simply means that items on the page are lined up with each other. Lack of alignment is the
    single most prevalent problem on web pages. It’s a big problem on printed pages, as well, but it seems to
    be even more ubiquitous and disastrous on web pages.
  • The principle of Proximity refers to the relationships that items develop when they are close together.
    When two items are close, they appear to have a relationship, to belong together. When items are
    physically far from each other, they don’t have a relationship. Often on web pages (as well as on printed
    pages), many items are orphaned unnecessarily, and many other items have inappropriate relationships.
  • The concept of Repetition is that throughout a project you restate certain elements that tie all the disparate
    parts together. Each page in the web site should look like it belongs to the same web site, the same
    company, the same concept.
  • PDF: Order and Organization
  • PDF: Modular Layouts
  • PDF: Visual Success

Value and Color

A single design can change considerably, depending on the use of color and value.

  • URL: Saving Illustrator Swatches as Adobe Swatch Exchange format
  • Zip: Value and Color
  • 1st Artboard
    1. Make a checkerboard by filling in the squares with black.
    2. Use only shade of 50% gray to fill the circles.
  • 2nd Artboard
    1. Make squares black, white, and one shade of 50% gray.
    2. Use that one shade of 50% gray, white and fill circles.
    3. Have one circle filled with yellow.
  • 3rd Artboard
    1. Make squares black, and one shade of 50% gray.
    2. Use that any shade of gray and black, to fill circles.
    3. Have one circle filled with yellow in the same location as the 2nd Artboard.
  • 4th Artboard
    1. Make squares, yellow, orange, magenta, green and blue.
    2. Make circles with orange, red, yellow, green and blue.
    3. Divide the design by placing warm colors with warm and cool color with cool.
  • 5th Artboard
    1. Make squares, yellow, orange, magenta, green and blue.
    2. Make circles with orange, red, yellow, green and blue.
    3. Place warm colored circles over cool color squares.
    4. Place cool colored circles over warm color squares.

Updated Museum Ticket Info Requirements

  • Museum Name: Toy Museum
  • Exhibit Name: Toys from Yesteryear
  • Date: November 10th, 2016
  • Price: $10.00
  • Admit One
  • Size of ticket: 2 inches x 5 inches
  • Include the 5 Split Complementary Scheme blocks at the bottom of your design, refer this link
  • URL: Kuler
  • Color Themes panels in Illustrator is located in the Window menu, have Illustrator logged in to Adobe.

Color: Design Principle

Secondary and complementary colors
Primary Primary Secondary Complements
Yellow Blue + Green Red and Green
Blue Red Purple Yellow and Purple
Red Yellow Orange Blue and Orange
Analogous color
Primary Secondary Tetiary
Yellow Orange Yellowish Orange
Yellow Green Yellowish Green
Blue Green Bluish Green
Blue Purple Bluish Purple
Red Purple Reddish Purple
Red Orange Reddish Orange

Movement: Design Principle

  • Principle of Movement controls the eye’s flow through the composition. The flow of lines can the eye across the page or screen.
  • Horizontal lines create movement from left to right.
  • Vertical lines communicate stability, such as trees and tall buildings and upward movement.
  • Diagonal lines communicate communicate dynamic movement.
  • Two converging lines communicate distance, such as a road disappearing into a vanishing point.
  • Examples of Movement
  • Diagonal line
  • Curving S line
  • Motion blur
  • Depth of field
  • PNG: baseball
  • JPG: background
  • JPG: biker

Value: Design Principle

  • Definition: The lightness or darkness of an object or portion of a design, regardless of color, is its value. Sometimes grouped with color, value is a color-related element of design.
  • Value is inherent in a design as soon as any image is placed in the format
  • Animals and insects utilize value as a defense. mechanism by assuming shades of the environment to protect themselves from predators.
  • The greater the difference in value between the object and its background, the greater the contrast.
  • You can acheive contrast without value (example: using shapes and textures)
  • Zip: Value

Unity: Design Principle

  • Unity: According to Alex White, author of The Elements of Graphic Design, to achieve visual unity is a main goal of graphic design. When all elements are in agreement, a design is considered unified. No individual part is viewed as more important than the whole design. A good balance between unity and variety must be established to avoid a chaotic or a lifeless design.
  • PDF: Simple Grid
  • Arrange the circles and squares to create unity with an invisible grid by positioning, akin to a checkerboard.
  • PDF: Dissimilar Elements
  • PDF: Placement of Elements
  • PDF: Unity and Contrast
  • URL: Examples of Unity
  • Methods

    • Perspective: sense of distance between elements.
    • Similarity: ability to seem repeatable with other elements.
    • Continuation: the sense of having a line or pattern extend.
    • Repetition: elements being copied or mimicked numerous times.
    • Rhythm: is achieved when recurring position, size, color, and use of a graphic element has a focal point interruption.
    • Altering the basic theme achieves unity and helps keep interest.