course notes 2015/16

colour

Dec 9th 2015

colour illustration

Colour is a topic which never ceases to inspire great discussion about interpretation, meaning and effect within design. As subjective as colour can be – it is our job as designers to be mindful of implications as well as considerate in our selection for use in interface and web design.

Don Norman discusses design psychology.

3 extremely different moods

Mary & Max

An animated clay feature film, telling the story of a pen-friendship between two very different people.
visit official website [flash]

Fotoshop by Adobé

A personal project by Jesse Rosten, filmmaker and commercial director.
read project details

Disposable Teens

Song and video by Marilyn Manson

colour slides

↓ download slides as PDF

colour scheme design

colour-scheme-design
How do you create your colour schemes? Where do you start?
Do you find this an easy aspect to design? Or do you struggle to get started?

Let’s talk about colours schemes ~ and possible methods to starting with their design.

online colour tools

colour oracleColor Oracle
– preview your design / colour scheme with colour blindness filter applied.

check-my-colcheck my colours
– the excellent colour checker, for contrast and accessibility

pictalicious pictalicious
– create colour palette from any image.

colourcode colourcode
– create colour palette using classic colour schemes, or free form. Export to various formats, including code.

adobecolorcc ColorCC
– former Adobe Kuler. Create, save and view/use colour schemes.

colorotatecolorotate
– a 3D colour picker, also showing collected colour schemes.

designinspirationdesign inspiration
– view images by colour.

… & just for fun:

Practice makes perfect :)

images and colours task iconTASK
Select one of the listed expressions and mockup a single webpage to portray your chosen mood.
Download the sample photos, edit one to fit your design idea and create a suitable colour scheme for your page.

↓ download sample photos

  • create drama
  • show calm
  • envoke curiosity

Include the photo in any way fitting and use any suitable (rough) content to demonstrate your design approach and support your mood. Focus on colour but consider how typesetting and layout are affected by your colour scheme; how all combine to create the final expression.

Comments are closed.