课程: InDesign: Layout and Composition

Arranging elements

- In this movie, we'll look at how to arrange elements to create visual relationships between them. I'll be using the example of a business card. This might seem like an easy project, but it's challenging to fit so much information into such a limited space. I want to restrict the number of variables. We are working with a standard sized business card. That's 3 1/2 by 2 inches, or 85 by 55 millimeters. It's going to be in horizontal or landscape format. Vertical business cards can work well sometimes, but for our purposes, we're sticking with horizontal. The typeface I'm using is Gill Sans Nova. This is available on Adobe fonts. I'm going to have the person's name in bold. The logo needs to be at least one inch wide, and I'm going to have margins of 1/8 of an inch. So this is my first attempt. Logo at the top, text at the bottom in a single block, everything centered. It's okay, but it's a bit safe, a bit boring, perhaps. The equal amount of white space that is created by centering the content creates a rather static, i.e. undynamic result. For the second attempt, I've chopped the text into common sense blocks. In this simple, almost intuitive step, I'm applying an important design principle, proximity. I'm strengthening the relationship between pieces of information by arranging them close to each other. I'm also creating a visual relationship through alignment. The text blocks are aligned so that their edges define the border of our live area, the area inside the margins. And the top and bottom text blocks are aligned on their left edge. Within each text block, the text is left aligned or ragged, and this raggedness creates a uniformity of style and asymmetry. The asymmetry comes from the varying amount of white space at the end of each line. But just applying these design principles is no guarantee that I'll get a good result. And here I've ended up creating an awkward amount of white space, a trapped area of white space within the center of the card. Now, when we refer to white space, we mean negative or unoccupied space, regardless of its actual color. Every design has white space. Ideally, this will be incorporated into the design and used actively. So in the next movie, let's see how we can improve upon these first attempts.

内容