FULL Graphic Design Course – Using Principles On Actual Designs!

Key Concepts

Balance (Symmetrical, Asymmetrical, Radial), Contrast (Color, Size, Shape, Texture), Repetition (Color Palette, Typography, Shape, Layout, Graphics, Logo, Package Design), Movement and Flow (Directional Lines, White Space, Emphasis), Color Harmony, Negative Space, Call to Action (CTA), Consistency, Memorability, Recognition, Accessibility, Proximity, Visual Weight, Focal Point.

Balance

• Definition: Balance isn't just symmetry; it's the visual weight distribution in a design. Achieved through size, color, boldness, and placement.
• Example (Kodak-inspired design):
  • Asymmetrical Balance: One large image balanced by three smaller images. This creates interest, unlike using four images of the same size. Asymmetrical balance suits dynamic genres.
  • Color Balance: Harmonious color palette (purples, pinks, blues from the same area of the color wheel) accented with black. Avoids jarring contrasts like yellows or greens for a subtle, soft vibe.
  • Grayscale Image: The main image is largely grayscale, preventing the design from being too vibrant.
  • Negative Space: Typography is placed in white space for readability and harmony between imagery and text.
  • Asymmetrical Balance (Lower Section): Large text area balanced by a smaller colored square and logos.
  • Texture Balance: Textured imagery and edges balanced by flat, bold typography.
• Key Takeaway: Balance creates harmony and visual interest.

Contrast

• Definition: Creating a wide range of differences to emphasize design elements through variations in color, size, shape, and texture.
• Example (Travel Website Redesign):
  • Typography Contrast: Increased contrast between heading and subheading by using different fonts and boldness.
  • Image Contrast: Replacing a dull blue background with an image to create contrast of style and texture.
  • Shape Contrast: Using a circular frame for an image instead of a rectangle to stand out.
  • Color Contrast (CTA): Using a contrasting color for the "find a trip" call to action (CTA) to increase clickability. Studies show this dramatically increases clicks.
• Key Takeaway: Contrast emphasizes elements and engages the viewer.

Repetition

• Definition: Using consistent elements across a design or brand to create recognition and memorability.
• Elements of Repetition: Color palette, typography, shape, layout, graphics, logo, and package design.
• Example (Apple Branding):
  • Package Design: Consistent white background, similar imagery, font, typography layout, and logo placement. Even without the logo, the packaging is recognizable due to repetition.
  • Marketing Design: Maintaining consistent elements (white background, minimal imagery, font) to reinforce brand identity. Changing these elements makes the design less identifiable as Apple.
• Example (Tattoo Studio Website):
  • Logo, Color Palette, Typography, Graphics: Consistent use of these elements throughout the website.
  • Shape Repetition: Repeated use of circles (logo, chat button).
  • Graphic Style Repetition: Consistent sketchy, chalky texture on icons and the McBeth typeface.
  • Layout Repetition: Consistent use of white space.
• Thought Experiment: Closing your eyes and recalling the tattoo studio website. If the color scheme, vibe, or layout are easily remembered, the designer has successfully used repetition.
• Key Takeaway: Repetition creates consistency, memorability, recognition, and accessibility.

Movement and Flow

• Definition: Guiding the viewer's eye through the design to effectively communicate the message and ensure easy navigation.
• Methods:
  • Directional Lines/Elements: Using diagonal lines, curves, or other elements to guide the eye.
    • Example (Genji Design): The body's movement, typography slant, and sword direction all follow a diagonal line from top right to bottom left.
    • Example (Stylographic Design): Horizontal typography and the subject's gaze create horizontal movement.
  • White Space: Using white space to allow the viewer to move from one element to the next.
    • Example (Moon Design): Radial balance with white space around the moon, leading to a dark expanse at the bottom. Proximity groups elements, and white space allows for easy navigation.
  • Emphasis: Using brightness or other visual cues to guide the viewer.
    • Example (Moon Design): Bright graphics on the right lead the eye diagonally down to the left, then to the finishing point.
• Key Takeaway: Movement and flow guide the audience through the design, often incorporating other design principles.

Synthesis/Conclusion

The video emphasizes that graphic design principles are not isolated concepts but work in unison to create effective and engaging designs. Balance provides harmony and visual interest, contrast emphasizes key elements, repetition builds brand recognition and memorability, and movement and flow guide the viewer through the design. The examples provided demonstrate how these principles can be applied in real-world scenarios to achieve specific design goals. The video encourages viewers to consider how these principles can be used together to create impactful and professional designs.