: What techniques can be used to create a proper hierarchy of design elements? This question is similar to this one and this one, but still different enough to merit it's own Q&A, imho. As

@Eichhorn212

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


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.
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.
Design uses several principles to accomplish its purpose: Balance, Rhythm, Proportion, Dominance (emphasis), and Unity (Gestalt theory). See 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: 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.

Vote Up Vote Down