Alignment

The placement of elements such that edges line up along common rows or columns, or their bodies along a common center.

Elements in a design should be aligned with one or more other elements. This creates a sense of unity and cohesion, which contributes to the design’s overall aesthetic and perceived stability. Alignment can also be a powerful means of leading a person through a design. For example, the rows and columns of a grid or table make explicit the relatedness of elements sharing those rows and columns, and lead the eyes left-right and top-bottom accordingly. Edges of the design medium (e.g., edge of a page or screen) and the natural positions on the design medium (e.g., centerlines) should also be considered alignment elements. ...

Get Universal Principles of Design, Revised and Updated now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.