Learning School

Select Menu
  • Home
  • Blogging
    • Tutorial Blogspot
    • CSS
    • jQuery
    • Widget
  • Tools
    • Font Awesome
    • HTML Editor
    • HTML Encrypter
    • Code Color
    • Responsive Cek
  • Sitemap
  • About Me
  • Link Exchange
Home » Uncategories » Keeping Design Consistent with a Style Guide

Wednesday, 23 December 2015

Keeping Design Consistent with a Style Guide

Unknown
Add Comment
Wednesday, 23 December 2015

Keeping Design Consistent with a Style Guide

So far we’ve discussed typography, colour, photography and your high-converting home page layout. Once you’ve nailed down all of these creative elements you then need to put the effort in to keeping it all seamless and consistent.
That’s where your brand style guide comes into play.
A style guide is a document that explicitly states how your brand should be represented visually in terms of logomarks, typography and brand colour palettes.
If you’ve never used or adhered to a style guide before I’m sure you’re well aware of the degenerating process your website and other creative material take. The first month everything looks great, but 12 months in and your brand has taken on a Frankenstein appearance and nothing is consistent or matches up. It’s in shambles.
The way to avoid this is to create a simple brand style guide that lays out strict rules and criteria for your logo, colours and typography.
Below is an example of a simple style guide template.
style-guide-template
In your style guide you should include all of the different logo variations you use, including inverted logos and black and white logos, along with up to 5 brand colours (and their shades) and the fonts you’ve chosen to use in your branding.
Once you have your style guide built out, don’t let it sit on your hard drive to collect cyber dust. Instead, whenever you hire a new employee or contractor who are tasked with any creative work, make sure your style guide is the first thing they see.
When you, your employees and contractors work with your style guide your brand is guaranteed to stay consistent, seamless and beautiful for many years to come.
I sincerely hope you’ve enjoyed reading this post and that you’ll implement one, two or all of these design features into your own business and websites. If you do, I can guarantee you’ll only see positive results.

And remember, when your business reaches a certain level you should definitely consider hiring a pro designer to help you with all of this. I’m currently available for design work myself so please feel free to checkout my AwesomeWeb profile and reach out with any questions you have.
Suka Artikel? Bagikan: Facebook Twitter Google+

0 Comments

Newer Post Older Post Home
Subscribe to: Post Comments (Atom)

Mengenai Saya

Unknown
View my complete profile

Entri Populer

  • Deposit Photos
    This is my goto stock photo site. Their range is massive and their quality is pretty good. It’ll take you a little longer to find the right...
  • Irregular verbs practice
    Recently, I have been reading a book about learning and memory. It contains a lot of facts, but the longer I read it the more it seems ob...
  • Success Online – the Politically Incorrect TRUTH!
                   By: Craig Ballantyne     Topics: Blogging Success Online – Creating a Captivating H...
  • The ‘Authority’ Bar
    A common design feature you’ll notice on many websites owned and run by authority marketers is the ‘Authority Bar’. The purpose of this bar...
  • 18 Things Making Your Website Slow
                 Optimizing the loading time of your website is a win-win approach to keep the visitors of your site happy and to in...
  • 5 Design Features Guaranteed to Boost Sales and Conversions
    By: Brent Turner     Topics: Build Better Websites Is there anything better than a beautifully des...
  • A Survey of Employment Trends for Online Educators
    "Freedom is the right to choose: the right to create for oneself the alternatives of choice." — Archibald MacLeish FI...
  • iStockPhoto
    The grand daddy of stock photo sites. Their range is huge and their quality is impeccable. But expect to pay a premium for just one photo. ...
  • Bottom Lead Magnet Box
    Bottom Lead Magnet Box According to many heatmap studies, not many visitors will scroll down this far on your homepage. With the boxes and ...
  • Roboto
    The ‘official’ Google font and one that’s similar to well known Helvetica, Roboto is a good standard font, although there’s nothing partic...

Blog Archive

  • ▼  2015 (30)
    • ▼  December (30)
      • Investigating the Online Student Body
      • A Survey of Employment Trends for Online Educators
      • Communication 102: Creating a Community from Behin...
      • Tech Literacy II: Skills for the Online Instructor
      • Intro to Online Course Design
      • Irregular verbs practice
      • 1) Know Your Vision
      • 2) Know Your Marketplace
      • 4) Know Yourself
      • 5) Know Your Allies
      • 18 Things Making Your Website Slow
      • Success Online – the Politically Incorrect TRUTH!
      • 5 Design Features Guaranteed to Boost Sales and Co...
      • Roboto
      • Sofia Pro
      • Adobe Color
      • Deposit Photos
      • 3. High-Converting Photography
      • Unsplash
      • iStockPhoto
      • 4. Your High Converting Home Page Layout
      • The ‘Authority’ Bar
      • The Hero Area
      • The ‘Most Wanted Actions’ Box
      • Blog Posts
      • The ‘More Info’ Box
      • Bottom Lead Magnet Box
      • Testimonials and Short Case Studies
      • Keeping Design Consistent with a Style Guide
      • The Website Footer
Powered by Blogger.
,
Copyright 2013 Learning School - All Rights Reserved
Template by Dian Anarchyta - Powered Blogger