DESIGN FOR THE SMALL SCREEN

The Brief:

Propose, design and make either an animated ringtone or a clock for the Apple iPhone.

Colors have a very important meaning in people's life. They can effect or represent their feelings and behavior.

As day goes by the light changes and consequently the colours. You look through the window and can tell if it's early morning or late afternoon without looking at the clock.

In 1983, Peter Saville, created a colour coded alphabet for the cover of New Order's Power Corruption And Lies, which he combined to a 19th century Fantin-Latour flower painting he had spotted as a postcard in the National Gallery shop.

Apparently the code translation means: FACT 75 which is the number of that release on the Factory's label

My proposal for this project is to create a colour coding to represent the time.

The basic color wheel made out of the 3 basic process colours (yellow, cyan and magenta) has 12 different colours (primary, secondary/complementary, tertiary) and I will use those colours to represent each hour, starting from yellow being noon - because noon is the brightest hour of the day as well as yellow in the colour wheel.

This is the first sketch and thoughts

It will consist of 3 wheels: the center one representing the hours, one level out is the minute's area and the outer wheel, the seconds. This one will have just one colour that will follow the minute's one. It will take one minute to complete each circle and after 5 rotations it changes colour - so as the minute.

The idea is to have two different 'clocks'. The standard version will allow you to get familiarized with the concept of having the colours meaning the time. 

Once you are used to identify the colours and the time you can then go for the advanced mode, where the circle does not exist anymore and all you have are bars of colours. 

The bigger one representing the hour - this one will have just one colour - which is the same one that represents that certain time on the standard mode.

The middle bar is the minutes and follows the same colour coding as on the standard version, changing colour every 5 minutes.

The smallest one shows the seconds and it has the same colour as the minute's bar and changes colour as the minute's bar does.

The fun part is that on the advanced mode you can interact and play with the bars. By touching the screen you can arrange then as you like and make your own design.

Let's see how it works! 

(For presentation purposes the clock is speeded up)

the time wheel from Mariana Lopes on Vimeo.