47 (71)
Copyright © Nokia Mobile Phones 2000. All rights reserved.
Systemfont20bolditalic 20 pix
Bold-
Italic
Titles in Notes
Systemfont 22bold 22 pix Bold Command button texts
Systemfont24light 24 pix Light
Company name, Date and time, size,
type, etc. in lists
Menu shortcuts (in zoom step 2)
Systemfont 24normal 24 pix Normal Text body (in zoom step 2)
Systemfont24bold 24 pix Bold
Labels, New (unread) contacts in
messages (in zoom step 2), Titles
Systemfont29light 29 pix Light
Company name, Date and time, size,
type, etc. in lists
(in zoom step 3)
Systemfont29normal 29 pix Normal Text body (in zoom step 3)
Systemfont29bold 29 pix Bold
Labels, New (unread) contacts in
messages (in zoom step 3)
Systemfont16digital 16 pix normal
Digital font type for clock application
(small clock)
Systemfont24digital 24 pix Normal
Digital font type for clock application
(large clock)
Table 6: System font sizes and styles
Leading is important as it keeps text loose, thus improving readability. In Latin fonts there needs to be at least 1 pixel
between lines (preferably two) so that the letters do not touch each other. Lines in which the bottom half of the
characters is missing should not appear in a view, except in editors that cannot be controlled.
Alignment in the lists is to the left. Date and time and size in the columns are aligned to the right.
11.4 Controls
11.4.1 Title bar
Every view should have a title bar. The title bar is the same colour in every application in the UI and within any one
system palette. There are three different kinds of title bar according to the view layout type (see chapter 6). The title
font is Systemfont24pixbold, and the colour is white with a black shadow. The title text should start on the same
vertical line as the application texts (the margins are the same).
In list views, the height of the title bar is 30 pixels and the top margin is always 3 pixels. The length of the title bar
depends on the Application Area width and there is always a 3-pixel margin on the left and right-hand sides. The title
bar ‘‘fill colour’’ is a gradient and has no frame. The title text margin is 20 pixels.
Figure 54: Normal list view title bar
To Next Page
Loading...
