Look at your outfit. Chances are you’re wearing some sort of pattern right now. Am I right?
In web design, pattern creates consistency through the repetition of certain elements. Today I’m continuing the series, Applying the 7 Principles of Design to WordPress, by sharing some examples of WordPress websites that are using pattern in an inspiring way.
Example: Traveling Vineyard
Traveling Vineyard uses the repetition of circles throughout the site (logo, hero, icons, key, reviews, background, social media icons and loading graphic) to achieve consistency in the overall user experience.
Example: The New Yorker
The New Yorker website incorporates elements from the iconic, printed publication (typefaces, illustration, layout) and brings these patterns to life online.
Tips to create pattern
- Capture the essence of the logo and brand in the visual elements used in the design
- For example, if a logo has circles, use circles throughout the site—icons, patterns, graphics
- Look at existing print collateral to create a complementary design
Know any sites that are using pattern in a way you like? Please post ’em in the comments. Next up—Design Principle No. 6: Rhythm.