53 (71)
Copyright © Nokia Mobile Phones 2000. All rights reserved.
The background of the Application Area and dialogs is white. Texts are mainly black. Coloured components are mainly
light grey. The contrast ratio of the background and text should be at least 3:1.
Strong colours should be used economically, i.e. only to highlight important information.
11.6 Icons
Most common icons can be divided into Application icons, List icons and Note icons.
There are also several indications of different sizes and small icons in the UI, which are defined by the application.
Small list icons should be kept very simple and two dimensional. Application icons and note icons can be three
dimensional and more detailed.
The metaphors are usually taken from everyday situations, mostly from the office environment. The metaphors should
be globally relevant, not offensive or ambiguous (see also chapter 13).
In all icons, the light comes from the upper left-hand corner. The shadows are on the bottom right and behind the
object. The viewing angle of the objects in icons is from the front top left or right (and in small list icons, directly from
the front).
11.6.1 Icon palette
Icons have their own 35-colour palette, which should be used when a new icon is created. The colours are pure and
bright to bring ‘‘spice ‘‘ and fun to the UI.
Colour RGB
1 White 240,240,240
2 Grey1 48,48,48
3 Grey2 80,80,80
4 Grey3 96,96,96
5 Grey4 128,128,128
6 Grey5 160,160,160
7 Grey6 176,176,176
8 Grey7 192,192,192
9 Grey8 208,208,208
10 Grey9 224,224,224
11 Black 0,0,0
12 Light yellow 240,240,96
13 Yellow 240,240,0
14 Light orange 240,224,144
15 Orange 240,160,0
16 Beige 224,176,112
17 Brown 192,112,32
18 Reddish brown 160,48,0
19 Dark brown 112,48,16
20 Red 240,0,0
21 Pink 240,48,112
22 Light pink 240,176,192
23 Smoke (greyish blue) 96,128,176
24 Light blue 192,224,240
To Next Page
Loading...
