If you’ve ever been in a two-person kayak for the first time, you might know what happens when people aren’t quite working together in unity. (A lot of paddling and very little progress.)
In web design, unity is uber-important too. It creates a harmonious effect in which all the elements are working together to support the design as a whole. Check out some tips and examples of unity in web design in today’s installment of Applying the 7 Principles of Design to WordPress.
Example: Aspen Homes
When it comes to elements working together, the Aspen Homes site has a woodsy, outdoorsy flavor in the logo supported by grungy browns, torn fragments, handwritten type and distressed type throughout the site. The design is desaturated, uses overlays and warm wood tones. There is unity throughout: the icons match the logo and lifestyle elements are in the video as well.
Example: Method
Method uses their branding to inspire their website design. Beautiful imagery showcases their products and corresponding icons further the design’s harmony. The clean text and bold use of color and white space results in an undeniably colorful and clean design.
Tips to create unity
- Look at the logo and brand elements to include throughout the design
- Consider the feeling and message you want to invoke in the viewer
- Be aware of the bigger picture of the site as a whole; ensure that all sections and elements are working together in harmony
Does a site that’s really unified come to mind? Share it! Next up—Design Principle No. 5: Pattern.
