![]() ![]() Here’s a couple of pages for the online editorial devoted to different generations. The yacht hiring website page looks airy and usable due to the negative space that helps to build a solid visual hierarchy with clear visual accentsīased on that, negative space has an impact on visual perception in such aspects as: Here’s another example: the website promoting winter holidays uses atmospheric and impressive video to make the negative space set the theme and awe the visitors from the first seconds. Even more, the elements of the photo and the lettering of the main copy element are interconnected: it makes negative space an active element of design and gives the page a united harmonic look. Here the designer applies a background photo and it plays the role of negative space on a macro level. it adds style and elegance to the page.įor example, let’s look at the landing page of the Big City Guide.it sets the user’s focus on core elements and reduces the level of distraction.it provides enough air on the page so that it didn’t feel cluttered.it makes the bonds between the elements visible and naturally perceived without additional means like tables, frames, arrows.As Aarron Walter mentioned, “if everything yells for your viewer’s attention, nothing is heard”.Īmong the benefits of a thoughtful approach to negative space in design, we could mention the following: Even more, too many elements without enough air significantly raise the level of distraction: overloaded with information and interactive elements most of which they DON’T need, users will have to make an effort to find what they DO need. But that’s a mistake: in fact, users don’t need everything at once. ![]() Will you be able to concentrate on such conditions? Do you really need all those things right now? Will you be able to find what you need and how much time will it take? Well, that’s pretty the same as what users feel opening the page or screen without a vital air of negative space.īoth clients and some designers may want to put as many elements and features as possible on one page or screen thinking that it will save the game and will be helpful for clients. Shelves, boxes, bags, piles of books and clothes, the desk cluttered with various things. ![]() Imagine yourself coming into a room fully packed with various staff. The negative space around the layout elements is also called macro space whereas the space between them and inside (for letters and stroke elements) is also called micro space.īalloon rides website employs animated full-screen photos and videos which set the negative space for text content and navigation elements Why Is Negative Space Important? In UI design for websites and mobile apps, negative space is a big factor of high usability and navigability of the interface. For example, in the blog illustration below we can see how the background element (moon) plays the role of contrasting negative space making the astronaut look more vivid and dynamic. Negative space in graphic design is often seen in logos, on illustrations, posters, and creative lettering where it becomes an active part of the visual presentation making key objects even more expressive. “White space is like a canvas: it’s the background that holds the elements together in a design, enabling them to stand out” – says Mads Soegaard from Interaction Design Foundation. Due to that, white space is a rightful design element that has a big impact on positive user experience. Not only does it define the limits of objects but it also creates the necessary bonds between them according to Gestalt principles and builds up effective visual performance. Negative space is a kind of breathing room for all the objects on the page or screen. It may be not only around the objects you place in the layout but also between and inside them. Illustration by Tubik Arts What Is Negative Space in Design?īasically, negative space – or white space, as it’s often called – is the area of the layout that is left empty. Today we are talking about the air in design. And only the absence of air lets us know how vital it is. Only colorlessness lets us feel the colors brighter and deeper when they appear on stage. Only empty space lets us understand what we want to fill it with. Only silence lets us know the value of the sound. We take them for granted without thinking that they are the solid foundation of the contrast. We often think that silence, emptiness, or colorlessness is bad for us. ![]()
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |