Design Guy, Episode 32, We're All Seeking Closure

Download Episode 32

Design Guy here, welcome to the show. This is the program that explores timeless principles of design and explains them simply.

In our continuing series on Unity, we're exploring Gestalt Theory - which is about perception, and how our minds make meaningful wholes out of incomplete parts. But as a topic of design study, it's a way of putting designers in the driver's seat. In other words, these concepts help us control how our audience sees what we put in front of them. It allows us to control the points of emphasis, among other things, so we can communicate in a more controlled way.

So moving right along, the next Gestalt concept we want to cover is Closure. Closure describes something that our our minds do to help us fill in the blanks. If a square is composed of a broken or dashed line, we understand it to be a square. We accept it as a square. It's not truly a square because of the spaces between the bits of line, but our minds of forgiving of this, and accept it as a square. If we see a half-shadowed face, we fill in the blanks. We accept that there is another side of the face. Otherwise, we might scream in horror over missing eyes and ears.

And this is a really good thing to know if you're ever stranded on a desert island. You can have full confidence that when you form the word, "S.O.S," out of rocks on the beach, the rescue plane pilot won't just see a bunch of scattered stones, he'll recognize your distress call for what it is and pick you up.

But Closure does another important thing for designers. It teaches us an important sensibility. And that's that you don't have to be super-explicit all the time. You don't have to overplay your hand to get the job done. Your audience can put together a whole lot of meaning out of a few elements. And this reminds us not to visually over-explain, or to underestimate our audience. We can take a less-is-more approach with assurance that they'll "get it." So go ahead and imply a human face with a few odd, unlikely objects. Your audience will discern that face and smile at how clever you were, and how clever they were for being able to see it. Or go ahead and suggest additional letterforms using the figure-ground technique we discussed last time. Your audience will perceive that letter, and you're client will thank you for making a slicker logo for them.

But, that's Closure. And the stronger the gestalt effect is, which is a function of strong grouping, the easier it is for your audience to see the intended effect. In that SOS example, imagine if the stones on the beach were left unattended, and the tide began to move them apart, weakening the grouping. That would certainly make it harder for the pilot to see those letterforms. So, like most things, there's a balance you'll want to strike between clarity and ambiguity. And it's up to the designer to make that call.

Well, that's it for today. This one was brief, but like that Closure sensibility, why overplay my hand, why overexplain?

I'll just remind you that, as always, a transcript may be found at designguyshow.blogspot.com. Music is by Kcentricity.com. And if you're enjoying this ongoing series, please vote for the program at podcast alley, or at the iTunes profile page, and I'll thank you in advance for doing so, as I thank you once again for tuning in.

Design Guy, Episode 31, Figure-Ground

Download Episode 31

Design Guy here, welcome to the show. This is the program that explores timeless principles of design and explains them simply.

We're talking about Unity, which we've described as the compositional goal of taking many elements and fashioning them into a cohesive whole. In other words, we don't want our audience to be distracted by the parts and pieces of a thing, we want them to see the big picture, and want them to see it in way where everything ties together, everythings feels integral, everything hangs together as one piece, and creates one effect. And as we pointed out, this is essentially the definition of design, itself.

So, in keeping with this idea, we're taking a short tour through Gestalt theory, which is about perception as a dynamic process. It's about making meaning out of what we see, and how our minds want to make meaninful patterns out of chaos. And we do this by perceptually organizing what we're looking at. As we look around, as we survey our environment, we begin to infer a sense of structure and relationship among the things we see. And we do this so we can quickly come to terms with it all, to make sense of it all. And in a survival sense, it makes sense that our minds want to know what we're up against, so we can react appropriately.

In visual design, we learn how to apply these principles of perception so we can aid that process. Generally speaking, we want to make things as intuitive and as instant as we can. Because the goal is communicate, to transmit meaning rapidly, and make sure people get the message.

So, I'd like to give a quick rundown of these Gestalt rules, or tools, starting with what's called figure / ground. Figure/Ground is a way of understanding the visual field before us. If we see a man, for example, standing in the street, we see the man as the figure, and everything else as ground. And depending on how clear that distinction is to us, we'll have a stronger or weaker sense of which is which. The distinction between figure and ground is usually achieved by contrast. The darkness or lightness of a figure, for example, will clarify it as the figure. Or maybe the background is blurry, whereas the figure is in focus. Or maybe the distinction has something to do with the composition, since the placement of the figure can influence our perception of it. As designers, we want to get skillful at controlling the balance of figure and ground, and sometimes even making it purposely uncertain, in order to achieve a certain effect.

And I'll ask you to call to mind the famous optical illusion of the faces and the vase. This is the one that usually depicts a white vase against a black field. I remember personally encountering this for the first time as a kid on a cub scout trip to the Franklin Institute in Philadelphia, which is basically a science museum. One of the exhibits featured this image. And I remember that as I looked at that vase, an unexpected surprise happened. I sensed a kind of shift, as the foreground and background flipped positions, and suddenly the shape of two faces, two facing profiles emerged. Those black shapes - the faces - were now the foreground and the white vase was pushed back into space. It was all my own perception, but it was powerful nonetheless. Powerful enough for me to recall the experience vividly, some thirty years later.

You may also remember the famous Gestalt picture of the old lady and the young woman. At first glance, you see a young woman, head turned away from us. But as you continue looking, you may see the face of an old lady emerge.

The reason this kind of switch or flip occurs is due to a perceptual decision that we make. Our minds decide that one thing is the figure, and the rest ground. One thing appears as foreground, the rest is background. So if an image is ambiguous in this respect, this figure-ground flip is likelier to happen, as we seek to wrap our perceptual mind around the subject. So, this is kind of an internal decision making process that we're not necessarily aware of. Our minds do it in order to make sense of what we're looking at.

M.C. Escher famously manipulated our sense of figure and ground with his popular sketches, a perrenial favorite in the form of coffee table books and mugs and mouse pads

And graphic designers continually exploit figure ground. They do this for a lot of reasons. One reason is that it's just a neat optical trick, as we've pointed out. But the best reason is that it's just so efficient. It's elegant. Think about it. Why introduce additional figure, why add another positive element, when you can imply another element from the ground? It's a way of making 1 +1 = 3, of getting more from less, of pulling a rabbit out of hat. And that's why the shining examples in graphic design are those classic corporate logos. Look up Saul Bass' wonderful and enduring Girl Scout logo, for example, and you'll see a cascade of faces constructed out of just a couple of shapes and an activated background. Bass works magic with this mark. He brings the background into the foreground in such a way that the sum is greater than the parts.

I'll admit this is a tough one to describe in words alone. So, I'll encourage you to continue this little lesson on your own by searching Google images for stuff like the Girl Scout logo, or the works of M.C. Escher. It's helpful to explain how figure ground works, but you've just got to see it to appreciate it.

But I think that'll do for today. Let me remind you that a transcript of today's episode may be found at designguyshow.blogspot.com. Music is by kcentricity.com. I look forward to having you back again.