Space and Texture3:59 with Nick Pettit
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.
- 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.
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 up