.

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

More Readings,

Comparing two versions of a design to see which performs better against a predetermined goal • A/B testing is an optimization technique that allows you to compare two different versions of a design to see which one gets you closer to a business ob...

Gauging first-impression emotional responses to product and service designs This explores the affective response that different designs elicit from people based on first impressions. Using index cards with positive, neutral, and negative ad...

An interviewing technique that reveals connections between a product’s characteristics and personal values It builds on Means–End Theory, which posits that people make purchasing decisions based on consequences afforded by using the produc...

Desk research is another name for secondary research. Broadly speaking, there are two types of research activity: primary research (where you go out and discover stuff yourself); and secondary research (where you review what other people have done). ...

Cultural probes (or design probes) is a technique used to inspire ideas in a design process. It serves as a means of gathering inspirational data about people's lives, values, and thoughts. Use materials such as postcards, journals, cameras, tex...

A storyboard is a graphic organizer in the form of illustrations or images displayed in sequence for the purpose of pre-visualizing a motion picture, animation, motion graphic, user interactions,  or interactive media sequence. A visual nar...

What about my blog ? Topics may you like.