design for the web

practising your floats

21/09/2012 Comments Off

Just to keep you busy and practising ~ your homework for next week is to work on a new and refined version of your fairy tale mini site:

• change your main menu into a left column vertical menu
• add a minimum of 3 new pages to show more images and relevant content
• experiment with image positioning within the page (left/right)
• refine your typography – using only common system fonts
• implement a suitable colour scheme

continue reading ➤

colour tool

looking at colour

21/09/2012 3 Comments

colour slides

the color game

25/01/2012 Comments Off

A wonderful little game to train your eye in regards to colour :) careful, it can be addictive ;)
Found via this tweet by @laura_eyedea.

Color was crafted by María Munuera and Mark MacKay
for Method of Action.

colour

let’s talk design.

03/11/2011 2 Comments

Take a look at the websites shown below and discuss the following points with your group. Leave your conclusions via the comments below.

• what was your very first impression?
  Comment on the design and its aesthetic feel.
• How deep is the navigation?
  Comment on the design and accessibility of the UI.
• How effective is the colour scheme?
  List strengths and weaknesses.
• How is typography used to present the content and guide the user's focus?
  Comment on use of type and page layout in regards to skim reading and focal points.
• Is all text legible and accessible?
  Comment on type size and contrast.

colour design

CONTRAST REBELLION

26/07/2011 Comments Off

CONTRAST REBELLION
Low-contrast fonts and unreadable texts?
To hell with them!
LET’S START WITH THE CASUS BELLI!

via this tweet from @brucel

accessibility colour typography

ColorTo.me

22/06/2011 Comments Off

This little online app is a colour previewer (created by Kailey Lampert) – it allows you to add 3 or 6 digit hexadecimal colour codes to preview your colours scheme. You can then save the colours as image or share the URL ~ nice ;)

colour tool