Interface development

Editing exercise interface: layout

Patrick:

I have been working on establishing a grid-based layout and color scheme for the time triggers, and have reached a point where the presentation looks consistent and balanced to me. I'm going to record some of the numbers (colors, margins) here in case anyone else needs to use, adjust, or downright excoriate them.

These have all been implemented in the latest version of the prototype, demo7-trigger.dir, on the partition.

[[ If you want to see any of the related Photoshop files, go to > layout_and_graphics on the partition and see the folders > timeTrigger_layout and > timeTrigger_graphics ]]

Color scheme:

I did quite a bit of daubing and experimentation, and this is the pallette which I found both complementary and distinct enough to keep the categories distinct.

Red (film technique)- R 132 G 74 B 74

08/09/00 changed to R 134 G 74 B 74 9 original "132" may have been a typo
Blue (literary origins)- R 89 G 112 B 137
Green (historic re-creation)- R 70 G 119 B 102
Purple (racial representation)- R 129 G 103 B 135

New font information:

for category graphics:

Gill Sans (Extra Bold)

size 14

kerning: 75

for svo time triggers:

Gill Sans (Bold)

size 16, size 14

kerning: 0

for svo scholar ID tags:

Name, Title, Institutional Affiliation

Arial

size 10

leading 12 for 3 lines of text

leading 11 for four lines of text

Name of Voice-Over

Arial

size 16

Click to Return

Arial

size 10

Photo size: 100 by 110 including off white border
85 by 100 not including border
black and white photo converted to RGB
add smallest amount of yellow to midtones using variation
Add noise, level 12

Layout:

I work at implementing a grid for three possible arrangements of triggers on the screen (two, three, and four), trying to maintain a consistent gutter of no less than fifteen pixels. You can look at the layout schemes themselves in the > timeTrigger_layout folder. But here's the measurements it led to:

size of the time trigger: 295 (width) X 55 (height)

08/09/00 size changed to 230x65 - removed space for graphics

arrangement of 4:

set the locH of timeTrigger1 = 185
set the locV of timeTrigger1 = 45
set the locH of timeTrigger2 = 480
set the locV of timeTrigger2 = 115
set the locH of timeTrigger3 = 185
set the locV of timeTrigger3 = 425
set the locH of timeTrigger3 = 185
set the locV of timeTrigger3 = 425
set the locH of timeTrigger4 = 480
set the locV of timeTrigger4 = 490

arrangement of 3:

set the locH of timeTrigger1 = 185
set the locV of timeTrigger1 = 45
set the locH of timeTrigger2 = 480
set the locV of timeTrigger2 = 115
set the locH of timeTrigger3 = 350
set the locV of timeTrigger3 = 465

arrangement of 2:

set the locH of timeTrigger1 = 350
set the locV of timeTrigger1 = 100
set the locH of timeTrigger2 = 350
set the locV of timeTrigger2 = 465