course notes 2017/18


Oct 25th 2017

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.

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

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 (mac / pc)
– 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.

– a 3D colour picker, also showing collected colour schemes. [flash]

designinspirationdesign inspiration
– view images by colour.

… & just for fun:

profile page design

mini project – part #3

With feedback on your content and typesetting in hand, work on iterations and include your ideas for a fitting colour scheme.

to-do list

  1. work either in a graphics app, or CSS, to experiment with colour schemes
  2. produce a digital mockup of your design
  3. post a link to your colour scheme ideas in the comments below, or post to the #design channel on Slack
  4. give feedback to each other ;)

Do share your initial ideas and get/give some feedback :)

Comments are closed.