{"id":557,"date":"2015-08-03T10:13:09","date_gmt":"2015-08-03T10:13:09","guid":{"rendered":"http:\/\/wp.magnium-themes.com\/hind\/hind-2\/?p=557"},"modified":"2015-08-03T10:13:09","modified_gmt":"2015-08-03T10:13:09","slug":"beyond-the-boring-the-hunt-for-the-webs-lost-soul-2","status":"publish","type":"post","link":"https:\/\/friendly-hugle.93-93-118-120.plesk.page\/?p=557","title":{"rendered":"Beyond The Boring: The Hunt For The Web\u2019s Lost Soul"},"content":{"rendered":"<p>A balanced composition feels right. It feels stable and aesthetically pleasing. While some of its elements might be focal points and attract your eye, no one area of the composition draws your eye so much that you can\u2019t see the other areas.<\/p>\n<p>Balancing a composition involves <strong>arranging both positive elements and negative space<\/strong> in such a way that no one area of the design overpowers other areas. Everything works together and fits together in a seamless whole. The individual parts contribute to their sum but don\u2019t try to become the sum.<!--more--><\/p>\n<p>An unbalanced composition can lead to tension. When a design is unbalanced, the individual elements dominate the whole and the composition becomes less than the sum of its parts. In some projects, unbalanced might be right for the message you\u2019re trying to communicate, but generally you want balanced compositions.<\/p>\n<p><strong>Note<\/strong>: This is the seventh and final post in a series on design principles. You can find the first six posts here:<\/p>\n<h1>Physical And Visual Balance<\/h1>\n<p>Balance is easy to understand in the physical world, because we experience it all the time. When something is unbalanced, it tends to fall over. You\u2019ve probably been on a seesaw or a teeter-totter at some time in your life \u2014 you on one side and a friend on the other.<\/p>\n<p>Assuming you were both about the same size, you were able to easily balance on the seesaw. The following image appears to be in balance, with two equally sized people equally distant from the fulcrum on which the seesaw balances.<\/p>\n<p>The person on the left makes the seesaw rotate counterclockwise, and the person on the right makes it rotate clockwise by an equal amount. The force of each person acts in a different direction, and their sum is zero.<\/p>\n<p><a href=\"https:\/\/friendly-hugle.93-93-118-120.plesk.page\/wp-content\/uploads\/2015\/07\/import_placeholder.png\" data-rel=\"lightbox-image-0\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\"><img fetchpriority=\"high\" decoding=\"async\" class=\"alignnone size-full wp-image-321\" src=\"https:\/\/friendly-hugle.93-93-118-120.plesk.page\/wp-content\/uploads\/2015\/07\/import_placeholder.png\" alt=\"5\" width=\"1600\" height=\"800\" \/><\/a><\/p>\n<p>If one of the people was much bigger, though, the balance would be thrown off.<\/p>\n<p>Here, the force of the larger person is reduced by being closer to the fulcrum on which the seesaw balances. I\u2019ll trust you\u2019ve been on a seesaw before or at least watched others play on one and that you have a pretty good sense of what\u2019s going on.<\/p>\n<p>Visual balance is similar. Physical weight is replaced by visual weight. The direction in which the physical weight acts is replaced by visual direction.<\/p>\n<p>As a reminder, below are definitions for visual weight and visual direction, although I\u2019ll refer you back to the fourth post in this series for more details.<\/p>\n<ul>\n<li><strong>visual weight<\/strong><br \/>\nThis is the perceived weight of a visual element. It\u2019s a measure of how much anything on the page attracts the eye of the viewer.<\/li>\n<li><strong>visual direction<\/strong><br \/>\nThis is the perceived direction of a visual force. It\u2019s the direction in which we think an element should be moving if it were given a chance to move according to the forces acting on it.<\/li>\n<\/ul>\n<p>You don\u2019t use instruments to measure the forces. You don\u2019t use formulas to calculate whether everything is in balance. Rather, you use your eye to determine whether a composition is balanced.<\/p>\n<h2 id=\"whyvisualbalanceisimportant\">Why Visual Balance Is Important<\/h2>\n<p>Just as in the physical world, visual balance is a good thing. It\u2019s desirable in and of itself. An unbalanced composition can feel uncomfortable for the viewer. Look back at the second of the three seesaw images \u2014 it looks wrong because we can tell that the seesaw shouldn\u2019t be in balance.<\/p>\n<p>Visual weight is a measure of the visual interest of an element or area in a design. When a composition is visually balanced, every part of it holds some interest. The visual interest is balanced, which keeps viewers engaged with the design.<\/p>\n<p>Without visual balance, viewers might not see all areas of the design. They probably won\u2019t spend any time in areas with less visual weight or interest. Any information in those areas could easily go unnoticed.<\/p>\n<p>You would balance a design visually because you want to balance the points of interest in your composition, so that viewers spend time with all of the information you want to convey.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>A balanced composition feels right. It feels stable and aesthetically pleasing. While some of its elements might be focal points and attract your eye, no one area of the composition draws your eye so much that you can\u2019t see the other areas. Balancing a composition involves arranging both positive elements and negative space in such [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":558,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[2],"tags":[5,7,8],"class_list":["post-557","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-news","tag-design","tag-ui","tag-ux"],"_links":{"self":[{"href":"https:\/\/friendly-hugle.93-93-118-120.plesk.page\/index.php?rest_route=\/wp\/v2\/posts\/557","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/friendly-hugle.93-93-118-120.plesk.page\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/friendly-hugle.93-93-118-120.plesk.page\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/friendly-hugle.93-93-118-120.plesk.page\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/friendly-hugle.93-93-118-120.plesk.page\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=557"}],"version-history":[{"count":0,"href":"https:\/\/friendly-hugle.93-93-118-120.plesk.page\/index.php?rest_route=\/wp\/v2\/posts\/557\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/friendly-hugle.93-93-118-120.plesk.page\/index.php?rest_route=\/wp\/v2\/media\/558"}],"wp:attachment":[{"href":"https:\/\/friendly-hugle.93-93-118-120.plesk.page\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=557"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/friendly-hugle.93-93-118-120.plesk.page\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=557"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/friendly-hugle.93-93-118-120.plesk.page\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=557"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}