Notice: Function amp_is_available was called incorrectly. `amp_is_available()` (or `amp_is_request()`, formerly `is_amp_endpoint()`) was called too early and so it will not work properly. WordPress is currently doing the `amp_init` hook. Calling this function before the `wp` action means it will not have access to `WP_Query` and the queried object to determine if it is an AMP response, thus neither the `amp_skip_post()` filter nor the AMP enabled toggle will be considered. It appears the plugin with slug `schema-and-structured-data-for-wp` is responsible; please contact the author. Please see Debugging in WordPress for more information. (This message was added in version 2.0.0.) in /home/crtivo5/4i.design/wp-includes/functions.php on line 6085

Notice: Function amp_is_available was called incorrectly. `amp_is_available()` (or `amp_is_request()`, formerly `is_amp_endpoint()`) was called too early and so it will not work properly. WordPress is currently doing the `amp_init` hook. Calling this function before the `wp` action means it will not have access to `WP_Query` and the queried object to determine if it is an AMP response, thus neither the `amp_skip_post()` filter nor the AMP enabled toggle will be considered. It appears the plugin with slug `schema-and-structured-data-for-wp` is responsible; please contact the author. Please see Debugging in WordPress for more information. (This message was added in version 2.0.0.) in /home/crtivo5/4i.design/wp-includes/functions.php on line 6085

Notice: Function amp_is_available was called incorrectly. `amp_is_available()` (or `amp_is_request()`, formerly `is_amp_endpoint()`) was called too early and so it will not work properly. WordPress is currently doing the `init` hook. Calling this function before the `wp` action means it will not have access to `WP_Query` and the queried object to determine if it is an AMP response, thus neither the `amp_skip_post()` filter nor the AMP enabled toggle will be considered. It appears the plugin with slug `schema-and-structured-data-for-wp` is responsible; please contact the author. Please see Debugging in WordPress for more information. (This message was added in version 2.0.0.) in /home/crtivo5/4i.design/wp-includes/functions.php on line 6085

Notice: Function amp_is_available was called incorrectly. `amp_is_available()` (or `amp_is_request()`, formerly `is_amp_endpoint()`) was called too early and so it will not work properly. WordPress is currently doing the `init` hook. Calling this function before the `wp` action means it will not have access to `WP_Query` and the queried object to determine if it is an AMP response, thus neither the `amp_skip_post()` filter nor the AMP enabled toggle will be considered. It appears the plugin with slug `schema-and-structured-data-for-wp` is responsible; please contact the author. Please see Debugging in WordPress for more information. (This message was added in version 2.0.0.) in /home/crtivo5/4i.design/wp-includes/functions.php on line 6085
Rule of Thirds – The 4I.Design

A technique of composition in which a medium is divided into thirds, creating aesthetic positions for the primary elements of a design.


The rule of thirds is a technique derived from the use of early grid systems in composition. It is applied by dividing a medium into thirds both vertically and horizontally, creating an invisible grid of nine rectangles and four intersections. The primary element within a design is then positioned on an intersection of the grid. The asymmetry of the resulting composition is interesting to look at, and generally agreed to be aesthetic.

The technique has a loyal following in design circles due to its use by the Renaissance masters and its rough relationship to the golden ratio. Although dividing a design into thirds yields a ratio different from the golden ratio (i.e., the 2/3 section = 0.666 versus golden ratio = 0.618), the users of the technique may have decided that the simplicity of its application compensated for its rough approximation.

The rule of thirds generally works well, is easy to apply, and should be considered when composing elements of a design. When the primary element is so strong as to imbalance the composition, consider centering the element rather than using the rule of thirds—especially when the strength of the primary element is reinforced by the surrounding elements or space. If the surrounding elements or space do not reinforce the primary element, use the rule of thirds and add a secondary element (known as a counterpoint) to the opposing intersection of the primary element to bring the composition to balance. In designs where there is a strong vertical or horizontal element, it is common practice to align the element along one of the grid lines of corresponding orientation.

See also Alignment, Golden Ratio, and Symmetry.

This photograph (above) from the Muhammad Ali–Joe Frazier fight in Manila, Philippines (1975) makes excellent use of the rule of thirds, placing the heads of both fighters at opposing intersections on the grid.

This photograph (right) from the Muhammad Ali–Sonny Liston fight in Lewiston, Maine (1965), by contrast, is an excellent example of when not to use the rule of thirds—strong primary element that is reinforced by the surrounding space.

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