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


Alignment

The whole point of the alignment principle is that nothing in your slide design should look as if it were placed there randomly. Every element is connected visually via an invisible line. Where repetition is more concerned with elements across a deck of slides, alignment is about obtaining unity among elements of a single slide. Even elements that are quite far apart on a slide should have a visual connection, something that is easier to achieve with the use of grids. When you place elements on a slide, try to align them with another element.

Area Alignment

Alignment based on the area of elements versus the edges of elements. With the advent of professional design and engineering software, elements in a design can be aligned with exacting precision. However, the alignment supported by software is based on the edges of elements — including center alignment, which calculates a center based on the edges. This method works well when elements are relatively uniform and symmetrical, but less well when the elements are nonuniform and asymmetrical. In these latter cases, it is preferable to align based on the visual weight or area of the elements, a technique that must be performed using the designer’s eye and judgment. Using edge alignment when area alignment is called for is one of the most common errors in graphic design.

Proximity

The principle of proximity is about moving things closer or farther apart to achieve a more organized look. The principle says that related items should be grouped together so that they will be viewed as a group, rather than as several unrelated elements. Audiences will assume that items that are not near each other in a design are not closely related. Audiences will naturally tend to group similar items that are near to each other into a single unit.

Benefits

  • Easy for users to dedicated each part job.
  • Easy to find/guessing an element location.
  • Familiarity, by building a scan pattern template for your users over time.
  • Easier for designers to keep consistency through the design.
  • Define the weight of an element (importance and priority).
  • Rising up the learnability curve.

References


Notice: Trying to access array offset on value of type bool in /home/crtivo5/4i.design/wp-content/plugins/advanced-custom-fields-pro/includes/api/api-template.php on line 499

By Desigeers, For Designers ✍️

The 4i.Design Meant to serve the vaiarity of designers and problem solvers around the world, this make us in a need for more and more content to be added on daily baises.

Take a step & support others by contributing and sharing helpful content as well.

Share Something

Trending 🔥

Few topics are on fire!

centered,lean,Thinking,sprint,design sprint,Design thinking,SIT,design,lean ux,design sprint foundations,centered design,methodology,ui,interaction