More white space makes it easier to focus on those elements.Ī study by D.Y.M. Improves focusĪs mentioned in the Emphasis Lesson, “The fewer elements you have on a page, the easier it for your reader to understand what you intended to communicate.”įewer elements competing for attention results in more white space. There are seven primary reasons we use white space in design: 1. In this lesson, we’ll discuss how to use each type of white space in UI Design. It’s not too uncommon to hear designers refer to white space as “breathing room” or “negative space.” However, white space also has many technical names, including padding, margin, kerning, tracking (letter spacing), and leading (line height). The space between UI elements can be used to indicate a relationship or distinction, depending on how much is applied. The white space around a logo, for example, is carefully considered to ensure that the integrity of its design isn’t compromised at a small scale. These same ideas apply to other UI elements as well. Even more space is added between paragraphs to indicate that a new idea or point is being made. Each line of text is separated with just enough space to indicate a relationship with the text above and below. The space between each word creates distinction. You wouldn’t be able to read this lesson if it wasn’t for the white space around each letter. It’s not the star of the show, but great design cannot exist without it. White space is the blank area around, inside, or between the elements of a design. In much of the same way, a beautiful and functional UI is the result of thoughtful and intentional use of white space. Without breaks of silence, music would simply be a steady stream of unpleasant noise. Mozart famously said “The music is not in the notes, but in the silence between.” This quote brilliantly gives credit where it’s due.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. Archives
December 2022
Categories |