Enhance Your Designs with the Principle of Unity

By LaurenMarie

This seems like the perfect opportunity for a good quote.

A house divided against itself cannot stand.

That Lincoln was a smart, well versed man. Unity binds together elements and strengthens what it supports. It is so in any aspect of life, even design!

What is Unity?

Unity in graphic design is what ties everything together. It is the sense that the design is consistent, it agrees with itself in each element, there is nothing sticking out that says, “I don’t belong!” Sometimes people refer to the principle of unity as harmony.

Unity is used to…

  • Harmonize
  • Tie everything together
  • Create consistency

Creating Unity

Unity is often created through repetition, or what I’ve defined previously as rhythm. Rhythm focuses more on the actual repeated use of these elements, where unity focuses more on the entire system; how well each piece contributes to the whole and how well all the pieces blend together to support the design.

Choosing a harmonious color palette to use throughout a design is the easiest way to create unity in color. Research established color theory as well as your handy dandy color wheel to help you.

Arranging lines consistently and ensuring a regular style, even if they are consistently inconsistent.

Scale is a difficult beast to work with sometimes, especially if you have multiple sections that need emphasis. Create unity through scale by making sidebar boxes the same width (can’t always make those the same height), headings, subheads, captions, etc. the same size and weight as each other, and keeping image sizes in a proportional scale to each other (or even better, to the page, too!).

Unity through shape looks like choosing to use all rounded shapes or all angular shapes, all geometric or all organic. That doesn’t mean you can’t use a square in a mostly soft, circular design, but perhaps you round the corners to bring it more in line with the overall shape theme.

Like with rhythm, we can assess space in terms of layout. Using a well-defined and flexible grid (think alignment and placement, too) is your number one route to unity with space. If things are too spread out, the design will definitely feel disconnected.

What kind and how much texture a design uses has a huge impact on the feeling of unity. A glossy button would look so out of place in a grungy design! Torn edges and distressed paper would suit a grungy design much better.

Similar values will really make a design cohesive. Having difficulty with your color palette but just can’t figure out why? It might be that you have a wide range of values present. Try making everything grayscale and see if anything jumps out as being too dark or too light compared to the rest of the design.

Examples of Unity

Galerie au chocolat

If you have the budget or you’re just really lucky with stock photos (or maybe taking your own!) it’s awesome to create unity through images. The same models or the same strong colors or the same photography style can go a long way in adding harmony to a design. This goes along especially with illustrations. It seems there is a much wider variance in illustration styles than photography styles, so be particularly conscious of mixing; it usually doesn’t work well. (design by Paprika)

Geek Squad

Creating a typographical hierarchy system is a perfect way to add some unity to a design. This will employ the elements of scale/size, value and probably color. Lucky Geek Squad employees who get an awesome manual like this! (design by Crispin Porter + Bogusky)

Stanford Lively Arts

I absolutely adore designs that have a style they can carry through every piece of literature. From the use of graphic flourishes to the distressed texture, font choice and type treatment, the system created by Chen Design Firm for Stanford Lively Arts is saturated with unity. It is particularly important to note that a unified theme also employs the principle of contrast; the two principles are not mutually exclusive. Contrast is seen in the use of individual principles of design (most notably here in texture, color and value).

How You Can Improve Your Sense of Unity

The most obvious step is to look at the design as a whole. Does anything stand out like a sore thumb? Why? Look at the elements of design to help you identify what needs to be changed. Is it the only spot of red in the entire layout? Is it the only headline that has a stroke around it? Is it the only circle in the midst of an obvious grid layout?

Next, go through your layout and identify what elements you’ve used that give it a cohesive feel. Did you consciously pick a color palette? Are your lines (implied or literal) all going in the same direction? Do you need to repeat any elements to make them fit better into the design? Remember odd numbers are best!

Think about your economy, too. Is there any element that is unnecessary? Eliminating even that borderline element will strengthen the unity because there is less that can tear it apart.

Finally, learn to use a grid. This would include checking the alignment of all your objects. If you haven’t yet, go pick up Grid Systems in Graphic Design
by Josef Muller-Brockmann. This quote from the introduction sums it up nicely,

If the text and pictures are arranged systematically, the priorities stand out more clearly.

And that’s it for the principles of design! If you want to review, we’ve been through balance, contrast, direction, economy, emphasis, proportion, rhythm (repetition) and how to apply them in your designs.

Note: This post contains affiliate links. Please consider using them in an effort to support Creative Curio! Thanks!

  1. Posted January 21, 2009 at 6:20 am | Permalink

    I’d consider this excellent design advice – the kind of principle that is often overlooked in the “business” of web design. Thanks for reminding us of the importance of unity.

    Brandon Cox´s last blog post: Do Something that Matters

  2. Posted January 21, 2009 at 7:40 am | Permalink

    Truly a great reminder of this importance. This completely relates to album artwork I am designing right now and unity is one of the biggest elements within it. Unity makes the piece in my opinion.

    Thank you.

    Josh Corken´s last blog post: Air And Simple Gifts

  3. Posted January 22, 2009 at 7:48 am | Permalink

    As usual, a very informative article on design principles. Perhaps you should consider putting all those design articles of yours together in one PDF, turn into an e-book.

    That was a valuable advise to turn the artwork into b&w and check the values. I’ll have to keep that in mind.

    I see you too are drawing lots of inspiration from the latest Design Annual issue of CA ;) I also keep getting back to it, and every time I discover something new and interesting that I somehow overlooked before.

    inspirationbit´s last blog post: Eight Bits

  4. Posted January 22, 2009 at 8:52 am | Permalink

    Brandon,
    Thanks again :) Ah! And I forgot to include a good web design sample! Oops

    Josh,
    Indeed unity is a great contributor to good design. I think the principle of direction is also very important (and one that I sometimes struggle with).

    Vivien,
    You and I think too much alike! I am already working on putting my elements of design articles into a PDF and next will be the principles. Yes, the Comm Arts Design Annuals are a big source of inspiration and learning for me! Maybe some of my work will make it in there someday :)

  5. Posted January 22, 2009 at 10:39 am | Permalink

    hehe ;) We do think very much alike.
    You should send your work to Comm Arts competition. I’m sure it will get featured there once they see it.

    inspirationbit´s last blog post: Eight Bits

  6. Posted January 22, 2009 at 11:19 am | Permalink

    Thank you for yet another great article! I’m glad to be following a blog that has so much information in it.

    Josh Corken´s last blog post: Air And Simple Gifts

  7. Posted January 22, 2009 at 2:17 pm | Permalink

    Vivien,
    Eek! I think I’ll wait a bit before submitting my work to CA! I don’t think I’d make the cut (will I ever think I’m good enough? :} )

    Josh,
    Well thank you! If there’s ever anything you would like me to write about, just shoot me an email!

  8. Posted January 23, 2009 at 2:24 am | Permalink

    I am actually always surprised how important role is to background image, and if You use opacity it’s enormormous.

    Still learning to use grids practically, but yes, every site should be created on the bases of grid system like 960.gs

    Dainis Graveris´s last blog post: 45 Sites, Free Icons And PSD Resources For Web-Design

  9. Brett
    Posted January 26, 2009 at 6:53 pm | Permalink

    Galerie au chocolat is a good Unity example

  10. Posted January 27, 2009 at 1:30 pm | Permalink

    That’s another smashing article Lauren. I wasn’t aware about the ones you wrote about Contrast and Economy.

    Looks like I’ll have some reading to do when I have some spare time tonight.

    Andrew Kelsall´s last blog post: The Professional Designers Guide to using Black

  11. Posted January 28, 2009 at 1:19 pm | Permalink

    Dainis,
    Yup, grids are important in any design, web, print or otherwise.

    Brett,
    It is indeed!

    Andrew,
    Thanks and I hope you enjoy Contrast and Economy, too :) I really liked your Using Black article! Yay CommentLuv!

  12. Posted February 15, 2009 at 10:21 am | Permalink

    Glad to see you’re doing some more of this kind of article. I really enjoy your insights into the principles of design

  13. Posted February 24, 2009 at 9:10 am | Permalink

    David,
    Hey, nice to see you here again! There are lots more of these articles since this one, including the first one analyzing all the elements and principles in a single design. I need to fix the links above so all of them are listed.

  14. Posted March 21, 2009 at 10:00 pm | Permalink

    Very interesting article, thanks.

    Fernanda Carvalho´s last blog post: 5 dicas para o desenvolvimento de identidades visuais

  15. Posted April 10, 2009 at 11:04 am | Permalink

    I love the consistency, this article rocked my world. Made my day, well written and very grounding. Good piece.

  16. Posted October 5, 2010 at 8:35 pm | Permalink

    very nice article. thanks for the great tips!

2 Trackbacks

  1. [...] Read More [...]

  2. [...] goes against the design principle of unity. Using different values for spacing prevents your design from coming together as a whole. The [...]

Creative Curio design by LaurenMarie and built on the Sandbox theme. Copyright 2007-present. Proudly powered by WordPress and BlueHost.