Heads up! To view this whole video, sign in with your Courses account or enroll in your free 7-day trial. Sign In Enroll
Well done!
You have completed Visual Design Foundations!
You have completed Visual Design Foundations!
Preview
When describing art, space can be divided into positive and negative space. Texture is what it feels like to touch something, or what something looks like it might feel like if it were touched.
Definitions
- Space - The area or volume that's occupied (or not occupied) by something.
- Texture - The way it feels to touch something, or what something looks like it might feel like if it were touched.
Related Discussions
Have questions about this video? Start a discussion with the community and Treehouse staff.
Sign upRelated Discussions
Have questions about this video? Start a discussion with the community and Treehouse staff.
Sign up
Next up is space and texture.
0:00
These next elements of art and design
tend to focus less on concrete ideas,
0:03
like lines and shapes, and
put more focus on their characteristics.
0:07
Let's take a look.
0:12
When describing art, space can be divided
into positive and negative space.
0:14
Positive space is the area or
volume that's occupied by something.
0:22
On a webpage,
it might be a block of text, a button, or
0:28
a shape that contains some other elements.
0:32
Negative space is everything else, which
designers sometimes call white space.
0:36
This is the area where there is nothing.
0:43
Let's take a look at an example.
0:46
The Google homepage makes extensive
use of negative space and
0:49
this helps direct your attention.
0:54
It's hard to look at anything else
except what's in the middle of the page.
0:57
The place where you should look
to take action is self-evident,
1:03
because there's barely anything else
to look at or interact with, however,
1:07
most websites are more complicated,
so let's do a search.
1:12
When the search results come up the page
still makes use of positive and
1:16
negative space.
1:22
This time, the positive space is
occupied by the search results,
1:24
and a few content boxes, and
the negative space is blank like always,
1:30
but what you should notice is
how negative space is used.
1:37
They could've bunched up the search
results close together, or
1:41
they could've separated each
one with a horizontal line, but
1:45
instead they chose to put some
negative space between each one.
1:50
There's also a margin along the left, and
right sides to help frame the content.
1:55
This creates a very natural and
clean separation, and
2:03
while that might seem like an obvious idea
when it's right in front of our eyes,
2:07
a surprising number of new designers
forget to include room for negative space.
2:11
Imagine if there was very little
space between each result,
2:17
and if they were pushed up against
the side of the browser window or
2:22
the screen, the results would be
pretty difficult to scan quickly, and
2:27
the design would feel very cramped.
2:31
The next element of art design is texture.
2:34
Texture is what it feels
like to touch something or
2:37
what something looks like it might
feel like if it were touched.
2:41
For example,
an orange has a bumpy surface, but
2:46
a pear can sometimes feel fuzzy, and
an apple is generally smooth to the touch,
2:50
but at the same time, it still has
some visual texture on its surface.
2:56
The most common example of texture
in software is blocks of text,
3:01
and although we might
think of them as words,
3:06
visually the objectification of form
through mass, like a crowd of people, or
3:09
jumble of the letters, can make it
appear as one textured surface.
3:13
Texture can be used to break up
flat surfaces or help to slow
3:19
down the viewers eye and cause them to
examine something for a little bit longer.
3:24
For example, when a solid color or
3:29
a gradient is used as a background
sometimes it can be desirable to include
3:32
some noise to help break up the monotony
of the surface and add some character.
3:37
Texture can also make
things feel more tangible.
3:44
A line that looks like a brush stroke, or
a background that looks like old paper,
3:48
might convey a hand-crafted mood for
an artisan food vendor or a classy event.
3:53
You need to sign up for Treehouse in order to download course files.
Sign upYou need to sign up for Treehouse in order to set up Workspace
Sign up