Design and Prototyping
Design Drafts
See the attachments to this document.
General Design Decisions
Typography
Font: Arial
Size: 11px, 10px
Color
Main colors:
Highlight & spot colors:
Grey shades:
Pictographs
List of icons to be designed:
| Label |
Icon |
Description |
Usage 1 |
| close |
|
|
|
| expand, collapse |
|
|
in-place editor, property bar |
| open in separate view |
|
|
in-place editor, page node |
| new (page, document, paragraph, folder, type) |
|
|
|
| edit (see "new") |
|
|
|
| delete (selected, delete all, user/groupe/role) |
|
|
|
| move, copy |
|
|
|
| activate (this page, with subpages); deactivate |
|
|
|
| refresh |
|
|
|
| import, export, backup |
|
|
|
| search |
|
|
additional toolbar |
| mode (hierarchical, preview) |
|
|
|
| filter(s) |
|
|
|
| download, upload |
|
|
|
| show in navigation |
|
|
|
| show content |
|
|
|
| show/restore versions |
|
|
|
| proceed, reject |
|
|
|
| cancel |
|
|
|
| go into, go up, go back |
|
|
tree navigation |
| about, help |
|
|
|
| info, warning, error |
|
|
|
1: tool bar, context menu, and ...
Style & Effects
- separation of sections: one pixel line
- components: rounded corners
- seamless borders
Layout Grid
User Interface Components
Navigation & Interaction Elements
