eyelearn

a look at design for the web & all it entails

· view menu ·

colour, mood & accessibility

colour blindnessColour 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 consider colour vision deficiency in our creation of colour schemes for use in interface and web design.

Don Norman discusses design psychology.

images and colours task iconTASK Select one of the listed expressions and create 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.

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

(updated)

useful links

… & just for fun:

colour practise

mini project

Selecting a quote and using a set piece of fine art as inspiration – create a single page design. The goal is an entirely visual focus ~ emphasizing the message, expressing it through colour, line and form. Using any method of your choosing, present a representation of the quote which shows a clear connection—in mood, or colour, or composition— with your selected art piece.

↓ download brief as PDF
deadline: 12/3/2014

some inspiration from Veerle :)

25 Comments

  1. Justeen
    25
    25/03/2014

    Hi Prisca. Have uploaded my effort.

  2. Kate
    24
    12/03/2014

    My Theo van Doesburg / Jason Santa Maria / De Stijl inspired page:

    http://grelawtk.users37.interdns.co.uk/quotation-site/

    Sorry for the lack of creativity, but just managed to make it responsive – albeit desktop-first. Ta!

  3. James
    23
    12/03/2014

    Here’s my tongue-in-cheek submission

    http://greloja.users39.interdns.co.uk/applied-art-for-the-web/inspirational-quote/

    I’ll email you the files later today.

  4. Tony
    22
    12/03/2014

    Hi Prisca, this was a much bigger task than I thought it would be, but I pulled it off. I’m glad I did!

    http://tonyjamesball.co.uk/university/a-dao-of-web-design/

    I’ll email you the files now.
    See you later today.

    Tony

  5. Catia Gomes
    21
    12/03/2014

    This is my quote interpretation:
    http://www.imcatia.com/coursework-projects/applied-art/quote/index.html

    Inspiration
    – ‘K VII’ László Moholy-Nagy
    – Swiss Style Geometry/ Typography/Simplicity

    Thank you,
    Catia

  6. Natalie Bent
    20
    11/03/2014

    Hi Prisca,

    Here is the link to my piece of artwork interpretation.

    http://www.nlbdesign.co.uk/artwork_inspiration/

    I will send over the files now.

    Natalie

  7. Sonata
    19
    11/03/2014

    Hi Prisca:)

    Here’s the link to my interpretation :)

    http://www.sonataweb.co.uk/quote/

    Sonata

  8. Phil Baker
    18
    10/03/2014

    Hi Prisca, here is my mini site: http://philbaker.me/ma/design-quote/

  9. prisca
    17
    10/03/2014

    Thanks, Duncan and Barbara ~ lovely pieces :)

    And yes, please – do email me your files ~ thanks.

  10. Barbara
    16
    10/03/2014

    Hi Prisca, here’s mine. Wasn’t really feeling inspired sadly, so this will have to do. Do we have to email it to you as well?

    http://design.barbasboth.com/applied-art/quote/

  11. prisca
    15
    10/03/2014

    Tony,
    oh my… can’t believe I had that wrong – been using this brief for a few years now as I like the premise…

    thank you for pointing this out ~ will amend the details…

  12. Tony
    14
    10/03/2014

    Hi Prisca, I thought it were best to let everyone know that the image you have in the pdf called ‘Composition” ‘by László Moholy-Nagy is actually ‘Arithmetic Composition’ by Theo van Doesburg.

  13. Duncan Struthers
    13
    09/03/2014

    Hi Prisca,

    My site for the art inspiration mini project is here:
    http://grestrudun.users36.interdns.co.uk/dieter-rams-ten-principles/

    I’ve chosen Dieter Rams’ ten principles of good design as my quote and I’ve used his product design work as the inspiration for the colour and form of the site.

    Thanks,
    Duncan

  14. prisca
    12
    22/02/2014

    Sonata ~ absolutely :)
    you can do this however you like ~ with or without images, up to you. The aim is to use colour and art inspiration to express/enhance your chosen quote ~ anything goes :)

  15. Sonata
    11
    22/02/2014

    Hi Prisca :)
    Can part of the quote be an image? Can we use images at all?

  16. Sonata
    10
    19/02/2014

    Sorry, had to run for the train:)
    My castle:
    castle

  17. Barbara
    9
    19/02/2014

    Those of you guys who liked the Fotoshop video (I think it’s awesome!), check this out too, I think you’ll like it :) http://youtu.be/sZwmo_2DOz0

  18. Milad
    8
    19/02/2014

    aiming the drama;

    drama

  19. Natalie Bent
    7
    19/02/2014

    Hi Prisca,

    My castle of doom and gloom can be found here:
    castle

    Natalie

  20. Catia Gomes
    6
    19/02/2014

    evening
    aiming for mistery…

  21. Milad
    5
    19/02/2014

    Hi Prisca,

    here are the links to a few colour vision tests;
    1: http://www.youtube.com/watch?v=CWyrp3hu4KE
    2: http://www.youtube.com/watch?v=8g69b0VakmI
    3: http://www.youtube.com/watch?v=yEIM4jmK1F0

  22. prisca
    4
    19/02/2014

    from Barbara:
    street

  23. James
    3
    19/02/2014

    somersetflood

    Changed the clouds to dark to incite drama especially for these poor folks that live in Somerset, with all the flooding going on.

    The green grass represents the nice countryside of Somerset, before the floods came.

  24. prisca
    2
    19/02/2014

    from Tony:
    drama

  25. Phil
    1
    19/02/2014

    Here are my versions of the street at different times of the day:

    Street night:
    street at night

    Street day:
    street in day