Month: January 2017

Rules are guides

We all need barriers to push against. To define our lives. Our zones of comfort. Less gives you more. Too much choice and uncertainty leads to poor design choices. As designers we need limits so we create rules to define these limits.

Defining these is a key part of the creative process and something that is essential when designing in the commercial world, where time is the main constraint.

I see rules more as guides.

Guides we can voluntarily adhere to. They are more often than not are born out of real world solutions to real world problems generated in professional environments. Responsive Web Design (RWD) is a perfect example of this. In the wonderful constantly evolving world of web design today’s rules are just guides as things are moving so fast we need to keep constantly reassign and defining. I believe there need to be rules and these rules guide us to create the best possible solutions and experiences. We need to consider many things in addition to creativity and communication we needs guides for our approach to HTML 4, HTML5, typography, interaction, view ports, browsers, standards, bandwidth and audience abilities.=

Let us be guided by the rules…

Our set of rules we call a Guide.

Lets us guide our clients to create beautifully effective sites that help define the rules…

Effective use of colour online.

I believe that effective use of colour is key to a successful and accessible website. Communication and brand recognition is greatly aided by the use of a simple, relevant and effective colour scheme throughout the site.

Optimising design for the screen based medium is something many print designers take a while to get to grips with as designing for websites involves dealing with backlit luminescence, which can vary from monitor to monitor and from platform to platform. Colours are RGB not CMYK. Therefore effective and use of limited colour with emphasis on contrast is very important. An understanding of how certain colours perform on screen compared to when they are printed helps avoid communication and branding mistakes. In general it’s a good idea to restrict the number of colours used and isolating areas involving large amount of colour variation i.e. colour-coded section dividers, navigation elements and photography. Other points to note are that: large areas of text are more readable on black on white than white on black. Sites can involve movement as well as clever use of colour to emphasise important points and branding truths.

Colour tips and guidelines

  • Understand your site’s message and brand
  • Choose colours that reinforce your message. For instance, if designing a site for a financial institution hoping to convey stability, choose cool, muted colours such as blue, grey, and green. In this case, using warm, vibrant hues would undermine the site’s brand.

Understand your audience

Cultural differences can lead to unexpected responses to colour. Additionally, demographic segments and age groups respond to colours differently. Younger audiences generally respond to more saturated hues that are less effective with older segments.

Use contrast for readability

Colours similar in value do not provide enough contrast and hinder legibility and accessibility. Black text on white backgrounds provides the highest degree of contrast.

As ever its important to test and test early… here is a useful tool to use as a guideline/reference point: