Alignment & Proximity
The placement of elements such that edges line up along common rows or columns, or their bodies along a common center.
The placement of elements such that edges line up along common rows or columns, or their bodies along a common center. class="aligncenter size-full wp-image-1072" src="http://moha.studio/wp-content/uploads/2018/04/Screen-Shot-2018-04-28-at-5.04.51-PM.png" alt="" width="1846" height="658" />
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
- href="https://www.techrepublic.com/blog/web-designer/effective-design-principles-for-web-designers-alignment/" target="_blank" rel="noopener noreferrer">Effective design principles for web designers: Alignment
- href="http://www.presentationzen.com/chapter6_spread.pdf" target="_blank" rel="noopener noreferrer">The Big Four: Contrast, Repetition, Alignment, Proximity
- href="http://www.wearechainsaw.com/2017/02/22/graphic-design-powerpoint/" target="_blank" rel="noopener noreferrer">Graphic Design Powerpoint
- href="https://webdesign.tutsplus.com/articles/using-alignment-to-improve-your-designs--webdesign-14501" target="_blank" rel="noopener noreferrer">Using Alignment to Improve Your Designs