What is considered white space?

What is considered white space?

White space is the area between design elements. It is also the space within individual design elements, including the space between typography glyphs (readable characters). Despite its name, white space does not need to be white. It can be any color, texture, pattern, or even a background image.

What is the purpose of the white space?

Whitespace not only creates harmony, balance, and helps to brand design, it can also be used to lead a reader from one element to another. The main goals are to make the website look simple and uncluttered and to deliver information that our readers will enjoy and appreciate.

Why is it called white space?

It is the portion of a page left unmarked: margins, gutters, and space between columns, lines of type, graphics, figures, or objects drawn or depicted. The term arises from graphic design practice, where printing processes generally use white paper.

Is space a white space?

Whitespace – What is it? The concept behind whitespace is very simple. It is simply the space between text, graphics, images, and blocks. Whitespace is also known as negative space or blank space.

How do you use white space effectively?

White space (or “negative space”) is an empty space between and around elements of a page.

1. Emphasize certain elements.
2. Clarifying Relationships Between Objects.
3. Improve readability.
4. Divide elements without using visible dividers.
5. Create a feeling of elegance.

How do you create a white space?

Here’s 8 ways to design with white space.

1. Leave spaces empty.
2. Remove borders.
3. Enlarge the background image.
4. Use a colored background.
5. Space the letters.
6. Use padding.
7. Add a border.
8. Make one aspect of your design prominent.

What are two types of white space?

Types of white space

• Micro white space and macro white space. Micro white space is the space between the small elements like letters, text lines, paragraphs, icons, and buttons.
• Passive and active white space. There’s another way to categorize negative space by the way it draws attention or not.

How do you represent white space?

For example, the common whitespace symbol U+0020 SPACE (also ASCII 32) represents a blank space punctuation character in text, used as a word divider in Western scripts.

What does white space stand for?

White area between written characters and graphic regions on a produced page or computer display; blanks and the vertical blank lines in between paragraphs, or other organized rows of text lines (poetry). In page layout, illustration and sculpture, white space is often referred to as negative space.

When to use white space?

Use macro white space to organize content in the layout and direct the user through the blocks of content shown. Use micro white space inside the design element features as seen in the text, images and content blocks. We can also approach white space as being passive or active. Passive white space does not have a specific role in the design other than facilitating the user experience.

What is a whitespace character?

Whitespace character. In computer programming, whitespace is any character or series of characters that represent horizontal or vertical space in typography. When rendered, a whitespace character does not correspond to a visible mark, but typically does occupy an area on a page.

What is white space in CSS?

CSS White Space. The CSS white space property is used to specify how to display the content within an element. It is used to handle the white spaces inside an element.