Basic Principles of Graphic Design

BASIC PRINCIPLES OF GRAPHIC & LAYOUT

• 7 core principles shape clear, engaging visual communication.

BALANCE

• Distributes visual weight to avoid tension.
• Symmetrical – mirror-like halves; evokes stability & professionalism.
• Asymmetrical – free, dynamic placement; adds energy, modern feel.

EMPHASIS

• Creates a focal point that instantly attracts the eye.
• Achieved by altering color, size, weight, or unique element choice.

PATTERN · REPETITION · RHYTHM

• Re-uses lines, shapes, colors, fonts to build continuity & flow.
• Enhances readability and reinforces brand identity.

ALIGNMENT

• Places every object on an invisible grid (vertical, horizontal, diagonal).
• Prevents random clutter and strengthens professionalism.

HIERARCHY

• Orders information by varying size, weight, spacing, or typeface.
• Guides users from most important to least important content quickly.

CONTRAST

• Juxtaposes opposites to heighten clarity & interest.
– Size: large vs. small
– Shape: geometric vs. organic
– Space: positive vs. negative
– Form: real vs. abstract
– Color schemes:
• Monochromatic – 1 hue + tints/tones/shades
• Complementary – opposite hues
• Triadic – 3 evenly spaced hues
• Tetradic – 2 complementary pairs
– Texture: smooth vs. rough
– Value: light vs. dark

UNITY & HARMONY

• Ensures all elements support a single mood, theme, or message.
• Achieved through consistent fonts, colors, spacing, and repeated motifs.

GOOD & EFFECTIVE WEBSITE SUMMARY

• Identify target audience, needs, desired actions.
• Combine usability (easy task completion) with compelling design (strong first impression).
• Apply all 7 principles to maintain clarity, trust, and engagement.