7

This question is similar to this one and this one, but still different enough to merit it's own Q&A, imho.

As a beginning designer, and up to this day, I have always struggled with a very basic thing in my designs: the feeling that everything is important. This is especially true for flyers, posters, websites and other designs with lots of text.

This is especially true for very basic or non-existent design briefs, where the client/friend/family member expects you to do all the work since 'you're the designer'. Since everything is important, everything needs to be as big and/or colorful as possible, resulting in a crowded, bloated design, where it's really unclear what is actually important.

So, on to the question:

How can a designer create a relationship between equally important content within a design without the design appearing overly cluttered and unorganized?

How can multiple object/items be given "weight" but not overpower each other?


Note: uncluttered is not the same as minimalist or simple. I'm not looking for a way to leave any information off, but rather to decide between what should be seen first, and what should only become apparent on closer inspection.

Note 2: answers with practical examples of posters, flyers, design are much appreciated.

  • 3
    I see you only marked some words and phrases with italics or bold. Isn't everything in your question important? – usr2564301 Apr 13 '15 at 9:16
  • @Jongware, my first reaction was to laugh. But it actually makes sense to first write down what it is you want to say, and decide what's important from this text. Why not expand it into an answer? – PieBie Apr 13 '15 at 9:33
  • 2
    Short answer: Think hierarchy and reading order. What should everyone see first, what should they see next, etc; and what can be left for only those people who are looking for it. Also, whitespace is as good as size for giving things prominence. – user56reinstatemonica8 Apr 13 '15 at 11:31
  • 1
    This question is extremely broad, but it might be answerable. The short answer is 'using design techniques' which can include, scale, hierarchy, positioning, contrast, color, typography, dissonance, white space, etc, etc, etc. – DA01 Apr 13 '15 at 15:07
  • 1
    Hi PieBie, I edited this to be a bit less broad and hopefully gain more targeted answers. If you feel my edit was inappropriate, please feel free to click the edit link above and clarify. – Scott Apr 13 '15 at 17:37
5

Things that help designers focus on what's important to a design:

  1. Identify the key message - this is what people viewing the design should intuitively grasp, this is the voice or message of the design. Everything in the design should help reinforce the message. This is a careful balancing act as being too blatant can be off-putting and not everything in a design should be screaming the same message at the same time.
  2. Identify what the design is to accomplish - what are the business needs for the design? Why is someone paying for this? Why should people look at your design? Make sure your design actually helps accomplish the business goals that created it. Otherwise it just becomes personal art.
  3. Design uses several principles to accomplish its purpose: Balance, Rhythm, Proportion, Dominance (emphasis), and Unity (Gestalt theory). See http://char.txa.cornell.edu/ for a good overview of these principles (horribly designed website but the principles are good). Make use of these principles keeping in mind #1 and #2 above.

Keeping these items in mind as you design will help you maintain focus and help you better understand and utilize all the elements you decide to include in your design. Also, iteration will help you figure which design approaches work best for the project (again #1 and #2). Nothing beats experimentation to figure out what works and what doesn't. Finally, don't forget to break away for a time and come back with a refreshed mind to a design - too often designers shoot themselves in the foot by allowing themselves to be too entrenched in the work - a kind of tunnel-vision. Step away for a period of time and come back to it with a fresh mind. Also it can be helpful to have another designer review your work - a design critique - to help spot weaknesses in your design or spotlight further design possibilities to be explored.

Now for an example: http://store.apple.com/us/mac (viewed on 4/13/2015)

Here Apple is highlighting one of their new computers, the 2015 MacBook. Notice how Apple uses a product shot against straight white background with a minimal shadows. Notice the image is larger than the text but balanced as a whole. The image of the MacBook is angled, almost dropping, providing a sense of motion and activity. Notice the blue button with the pricing, inviting users to click. Looking at the whole of that design (ignoring the rest of the website which is a bit unfair but we don't have time to delve into all that) we see many of the design principles being used. We can also note the primary message (buy the new MacBook) and see how everything ties together to focus on that message. Left to right, top to bottom, large and small elements, almost symmetrical columns, a typeface rhythm, a splash of color to draw focus to the button, everything working to say "Buy this new product!".

To re-iterate: (clear message + clear purpose) * design principles = focused design.

  • great answer! But what if you have a definite, limited space, such as an A2-poster for a party? You can't hide all the info behind a click like in your example, everything needs to be on there: name, genre, date, venue, artists, ticket info, legal stuff, ... – PieBie Apr 13 '15 at 11:07
  • 1
    Constraints are an essential part of a design. So in your example of a concert/party poster - what's most important? Likely the name of the event and the date the event occurs, followed by how to purchase tickets. Then the venue comes next, closely followed by the participating artists. The genre could potentially be described via the background/imagery on the poster - it may not need text at all. Legal stuff is always small and at the bottom (there's reasons for that). The information hierarchy is established, now to use design principles to solve the design problem within the constraints. – bemdesign Apr 13 '15 at 11:22
  • @PieBie that question reminds me of this older question: Why does this poster look off, like it's lacking something to focus on? – user56reinstatemonica8 Apr 13 '15 at 18:09
  • @user568458: it's certainly similar. But mine is more a general question, imo. – PieBie Apr 14 '15 at 6:46

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.