PM Quest learning library

Lesson 19: Principles of Design

Understand core design principles every product manager should know.

Why do I need to know design?

I know the first question in your mind might be that why you need to learn design principles, or maybe a different question - How much design should I know?

As a Product Manager, you don’t need to be an expert designer, but you should know basic principles of design and have an eye for it. As you will be working closely with product designers, you really need to understand how things are supposed to look and work visually in order to collaborate better.

What are the principles of design?

When looking at a visual, we can usually immediately say whether it is appealing or amiss. However, few can verbalize why a layout is visually attractive.

Principles of design are common rules used by designers to shape their work. Applied successfully, these principles give designers the power to create both well-functioning and aesthetically pleasing designs. A combination of excellent functionality and nice aesthetics leads to better UX for all.

Graphics that take advantage of the principles of good visual design can drive engagement and increase usability. Visual-design principles inform us how design elements such as line, shape, color, grid, or space go together to create well-rounded and thoughtful visuals.

Primary principles of design

  1. Scale
    1. The principle of scale refers to using relative size to signal importance and rank in a composition.
    2. In other words, when this principle is used properly, the most important elements in a design are bigger than the ones that are less important. The reason behind this principle is simple: when something is big, it’s more likely to be noticed.
  2. Visual Hierarchy
    1. The principle of visual hierarchy refers to guiding the eye on the page so that it attends to different design elements in the order of their importance.
    2. Visual hierarchy can be implemented through variations in scale, value, color, spacing, placement, and a variety of other signals.
    3. Visual hierarchy controls the delivery of the experience. If you have a hard time figuring out where to look on a page, it’s more than likely that its layout is missing a clear visual hierarchy.
  3. Balance
    1. The principle of balance refers to a satisfying arrangement or proportion of design elements. Balance occurs when there is an equally distributed (but not necessarily symmetrical) amount of visual signal on both sides of an imaginary axis going through the middle of the screen. This axis is often vertical but can also be horizontal.
    2. Just like when balancing weight, if you were to have one small design element and one large design element on the two sides of the axis, the design would feel a bit unbalanced.
    3. Balance can be:
      • Symmetrical: elements are symmetrically distributed relative to the central imaginary axis
      • Asymmetrical: elements are asymmetrically distributed relative to the central axis
      • Radial: elements radiate out from a central, common point in a circular direction.
  4. Contrast
    1. The principle of contrast refers to the juxtaposition of visually dissimilar elements in order to convey the fact that these elements are different (e.g., belong in different categories, have different functions, behave differently).
    2. In other words, contrast provides the eye with a noticeable difference (e.g., in size or color) between two objects (or between two sets of objects) in order to emphasize that they are distinct.
    3. The principle of contrast is often applied through color.
  5. Gestalt Principles
    1. Gestalt principles explain how humans simplify and organize complex images that consist of many elements, by subconsciously arranging the parts into an organized system that creates a whole, rather than interpreting them as a series of disparate elements.
    2. There are several Gestalt principles, including similarity, continuation, closure, proximity, common region, figure/ground, and symmetry and order.
    3. Read more on this from the references below

When can you break the rules of design?

Design principles are not laws, but breaking one should serve a clear purpose. A deliberately unbalanced composition may create energy; low contrast may make secondary information recede. The exception fails when it harms comprehension, accessibility, or task completion.

How PMs can give better design feedback

Describe the user and task, then explain the observed problem and its impact. “The primary action is difficult to distinguish from the secondary action, which may slow first-time users” is more useful than “make the button pop.” Ask which principle or constraint shaped the choice before prescribing a fix.

Review hierarchy, consistency, feedback, error prevention, responsive behavior, keyboard access, color contrast, and content clarity. Whenever possible, validate disagreement with usability evidence rather than personal taste. Your role is to protect the user outcome and clarify trade-offs, not to direct every pixel.