A house divided against itself cannot stand
—Abraham Lincoln
The house Lincoln was referring to was the United States of America shortly before the Civil War. As Lincoln put it, the country was half slave and half free. Two very different messages about what the country stood for. Lincoln further said about the country
It will become all one thing or all the other.
We know now which “all” the country did become and I hope we all agree the U.S. became the right “all.”
Lincoln’s point reaches beyond the socio-political climate of the time. A house, the United States, a design can not stand when divided. Every part must be working toward the same unified goal.
In design working toward the same unified goal is the idea of unity.
What is Unity in Design?
unity n., pl., -ties.
1. The state or quality of being one; singleness.
2. The state or quality of being in accord; harmony.
The idea behind the design component unity is to create elements that support each other and all work together toward a common goal. It’s about avoiding mixed messages. Your design elements should look like they belong together and not be arbitrarily placed on the page.
There are two kinds of unity we’re concerned with
- Visual unity – for example a group of elements all aligned to a common axis
- Conceptual unity – for example an image of a diamond, a mansion, and a pile of money might be unified around the concept of wealth
Unity is a measure of how well the elements on the page belong together. Through unity a viewer should first see the whole and then the sum of the parts making that whole.
Creating unity is similar to branding. You first establish what the design will be about, what the brand will stand for, and with that in mind create elements or make public statements that reinforce the design or brand. Think consistency around a central message.
Why Unity is Important
A sentence conveys more information than random words on a page. A paragraph conveys more information than random sentences on the page. Order and organization helps convey your message. Unity leads to more order and organization.
The goal of your design is to communicate a single message or perhaps a primary and secondary message. The more your elements are unified the more of your message you’ll communicate in your design. Your design will impart a sense of being complete and being about a single idea.
Unity holds your design together both visually and conceptually. It emphasizes your concept and theme and helps communicate your message to your reader. Through unity your elements aren’t competing with each other for attention. They are working together to reinforce your message. Through unity your design will be seen as a single complete piece, as a whole and not a group of disparate parts.
Unity adds order to a design. Too much unity can be dull and lifeless, however. Variety adds interest and energy to a design. Too much variety makes your design chaotic and difficult to read. A balance between unity and variety must be sought.
Unity and variety can work together. For example your main page heading can be larger with a different font a color than all other text on the page. That will create variety with the text and images around it. By using that same size, font, and color on all page headings across the site, you reintroduce unity into the overall site design.
How to Create More Unified Designs
To create unity in your design you should have a clear idea of what you are trying to communicate. Your elements can’t be unified toward a common message if you don’t have a clear idea what that message is.
Once you know what you are trying to communicate you want to stay focused on it and not deviate. Everything you include in your design should complement the key theme and concept and should serve some functional purpose in the design. Placing an image on the page because it looks cool is not unity. Placing an image on the page because it enhances communication of the design’s theme is unity.
We can use the basic design principles of contrast, repetition, alignment, and proximity to help us achieve visual unity.
- Contrast – adds variety within the unity
- Repetition – Things that look alike appear more related to each other
- Alignment – Elements that share a common axis appear more related to each other
- Promiximity – Objects that are closer to each other appear more related to each other
Similarly our choice of images, colors, style, etc. should all be conceptually related to our central idea with the design. If you want to get across a message of openness it doesn’t make sense to box in all your design elements with borders. It would make more sense to create an open layout with lots of whitespace.
It’s unlikely no matter how hard you try that your design will be 100% unified toward a single idea. We all interpret what we see differently. We all bring a lifetime of connections and perceptions to any piece or art or design.
Use your own judgement. Look over your design and ask yourself if everything belongs. The navigation you came up with may look great, but if it doesn’t contribute to the general concept it’s probably better left out in favor of navigation that does reinforce the concept. You can use that great looking navigation on another project.
The final and ideal test of unity is to have a design where nothing can be added or taken away without having to rework what’s left. The relationship between all your elements should be so strong and so right that to change anything would hurt the design. This is the ideal. Can you realistically create such perfection? Probably not and part of any design is knowing when to say enough.
Always be thinking about the elements you place on the page. Why are you adding it? Why did you choose to place it on one side of the page as opposed to the other? Why did you choose that color, font, size, image? Always be asking yourself these questions and asking yourself how your choices are enhancing the overall idea you want to communicate.
Summary
Unity exists when your elements agree. Unity can be seen as the single most important goal of any design; to make your whole design more than the sum of its parts.
Use the the design principles of repetition, alignment, and proximity to add visual unity to your design and use contrast to add variety and interest. Make sure any images you use agree conceptually with your theme.
Through unity your designs will communicate more and more effectively.
The 7 Components of Design
- unity
- gestalt
- space
- dominance
- hierarchy
- balance
- Color Part I: Color Theory
- Color Part II: How to Use Color
Download a free sample from my book, Design Fundamentals.
This article has been shared on favSHARE.net. Go and vote it!
Great text with a important message. Design is not only creativity, is order and logic.
Might want to check your quotes. That opening quote was actually first said by Jesus. Mark 3:25 -same idea though. Good article.
I’ll trust you on the quote. I’ve always known it as a Lincoln quote, but I’ll trust you that Jesus said it first.
I think the opening of the post still stands even if I attribute the quote to the wrong person.
Thanks for mentioning it and for enjoying the article.
Really like this and very helpful for Design students such as myself. Thank you! ^.^
Thanks Liz. I’m glad you enjoyed the post.
(Matthew 12:25). ‘And Jesus knew their thoughts, and said unto them, Every kingdom divided against itself is brought to desolation; and every city or house divided against itself shall not stand’
Sorry James that you are wrong on the book, chapter and verse or that quote.
Yes Abraham Lincoln did use this quote but he was quoting what the bible was saying into his speech for when he was elected as a candidate for the U.S. Senate, running against Democrat Stephen A. Douglas.
Thanks for the additional info on the quote.
Amazingly well written article.
Very, very nice presentation and good information that is explained very well. Great video also!
Thanks. I wish I could take credit for creating the video, but all I did was find it. It is good though.
Great article for me as I’m a student of designing dis ws worth even more then my lectures great work I wished if u could help me wid some interesting concepts or the idea behind tht concept u think is good ,waiting for ur rply
Thanks Anchal. I’m glad I could help.
very helpful to me Bradley thanks
Great article that really dives in deep to the topic of unity in design. Great job!
Amazing article Steven! I’m currently learning the basic design principles as the goal for me is to be a competent freelance designer and developer of websites, web applications and mobile apps.
In the article you spoke about having a clearly defined message and theme, I was wondering what methods you would suggest in deciding upon that theme. Would I be writing in citing research into the project as my main port of call, for example establishing:
– The goals of the client
– The target audience
– How the particular project fits into an overarching one
– Competitor analysis
And if this is the case what methods would you suggest in A.) conducting that research and B.) generating ideas and inspiration from that research?
Bit of a long winded question I know and feel free to skip it or take whatever time you need to get back to me.
Cheers!
Thank you, Mr Bradley, for the very clear explanation. It’s very useful for me and my students.