Varying the pattern of sound and silence creates rhythm and melody. Figure and ground can enhance or detract from each other, and organizing the two in relation to each other is one of the more important aspects of design. E.g. Prior to the addition of positive elements, space is undefined. It sets a context for how your design communicates and how it will be interpreted.As with the websites above, space is used to both enclose and separate groups of distinct information, allowing each group to stand out and allowing the eye to find what it wants and to rest in between.The large image at the top of this page could potentially stand as a temporary block to accessing the content below; however, a generous amount of space next to the image provides ample and inviting room for the eye to move around it.
You can waste space by trapping it inside elements of a design and not allowing it to connect to other space in the design.The main content is slightly off center on the page, with generous space on either side. To that end, let’s look at the design of some websites, taking notice of how space is used.I hope you take away two main things from this post. Relation definition is - the act of telling or recounting : account. Distance relations specify how far is the object away from the reference object.Time is spatial: it requires understanding ordered sequences such as days of the week, months of the year, and seasons. Only important information — in this case, status updates and reports of incidents — interrupt the space.Think about music for a moment. E.g. Its opposite is the container theory. What does the space communicate to you?Something interesting to note is the gray circular arrows between the image in the upper-left and the main content to the right. Definition Is the ability to understand and interpret relationships: a. You’d have noise. The figure-ground relationship has to be established before space can exist and its communication begins.Figure-ground is not the only gestalt principle in which space plays a prominent role. Because they don’t touch and because each is dashed where it interrupts the space, the space can flow through, although it’s clearly more restricted in that flow.Unless noise is what you’re trying to communicate, lean toward space. Time expressed digitally is just as spatial as time expressed by moving clock hands, but digital clocks remove the need to translate the hand position into numbers.Directional relations can again be differentiated into external directional relations and internal directional relations. Instead of pointing out the use of space in each, I’ll make a few general comments and then let you explore the spaces for yourself.There are three types of figure-ground relationships:You waste space when you fail to consider it. Overall, it works, although I wonder whether the space would flow better without the arrows present.Space correlates to quality. Music occurs when sounds are contrasted against silence. Varying the pattern of sound and silence creates rhythm and melody. You can waste space by overfilling it. This prevents the space from being trapped.The positive shape (and the shape of the space) adjusts responsively to different browser widths, but the pattern of a single large shape surrounded by space remains.Consciously analyze that space, and deliberately use it to create a better design. Which one typically has more space inside, and which one packs products into every bit of available space? Without the silence, there is no music.Next time, we’ll add more gestalt principles to the mix and explore how focal points, continuation and common fate lead us into ideas such as visual weight and compositional balance.The figure-ground relationship is also complementary. Space-time definition, the four-dimensional continuum, having three spatial coordinates and one temporal coordinate, in which all physical quantities may be located. It prevents the arrows from dominating, and it’s not hard to imagine the space flowing over the lines.As the figure-ground relationship implies, you have space only when something is present inside it. View it as an essential design element, and then view the relationship between space and positive elements as a design element that you shape.Even within the colored rectangular backgrounds, the text has enough space around it to be easily read and not to be mistaken for another category of text on the page.Space can also convey attributes other than quality, such as:With a commitment to quality content for the design community.I’ll leave you with some logos in which space is incorporated as an integral part of the design. A child with visual spatial problems may have difficulty with: 1. It gives the eye freedom to move through a design and to dis… People are less likely to complain about too much space than about too little.To better use space, you first need to become consciously aware of it. A person with spatial difficulties may have problems understanding “yesterday,” “last week,” and “next month”. See more. It gives positive elements room to breathe. Learn to recognize space in different designs.