13
Background and Text> Slide Text Background and Text > Footer Bar Background and Text> Slide Background Background and Text> Background Callouts> Background Background and Text> Header Text Background and Text> Header Background Buttons> Header Normal (Header Hover when moused over) Buttons>Navigation Normal (Navigation Hover when moused over) Tooltips> Background, Border, and Text Buttons> Navigation Active (indicates the step the learner’s currently viewing) Buttons> Navigation Normal Colors in Engage ’09 Process Interaction 12.21.10 Callouts> Text

Colors in Engage ’09 Process Interaction€¦ · Colors in Engage ’09 Tabs Interaction Buttons> Navigation Active (indicates the tab the learner’s currently viewing) Background

  • Upload
    others

  • View
    11

  • Download
    0

Embed Size (px)

Citation preview

Page 1: Colors in Engage ’09 Process Interaction€¦ · Colors in Engage ’09 Tabs Interaction Buttons> Navigation Active (indicates the tab the learner’s currently viewing) Background

Background and Text>

Slide Text

Background and Text >

Footer Bar

Background and Text>

Slide Background

Background and Text>

Background

Callouts> Background

Background and Text>

Header Text

Background and Text>

Header Background

Buttons> Header Normal

(Header Hover when

moused over)

Buttons>Navigation Normal

(Navigation Hover when

moused over)

Tooltips> Background,

Border, and Text

Buttons> Navigation Active

(indicates the step the learner’s

currently viewing)

Buttons> Navigation Normal

Colors in Engage ’09

Process Interaction

12.21.10

Callouts> Text

Page 2: Colors in Engage ’09 Process Interaction€¦ · Colors in Engage ’09 Tabs Interaction Buttons> Navigation Active (indicates the tab the learner’s currently viewing) Background

Colors in Engage ’09

Labeled Graphic

Background and Text>

Background

Callouts>Text

Background and Text>

Header Text

Background and Text>

Header Background

Tooltips> Background,

Border, and Text

Labeled Graphic>

Callout Background

12.21.10

Buttons> Header Normal

(Header Hover when

moused over)

Page 3: Colors in Engage ’09 Process Interaction€¦ · Colors in Engage ’09 Tabs Interaction Buttons> Navigation Active (indicates the tab the learner’s currently viewing) Background

Colors in Engage ’09

Tabs Interaction

Buttons> Navigation Active

(indicates the tab the

learner’s currently viewing)

Background and Text>

Header Text

Background and Text>

Header Background

Tooltips> Background,

Border, and Text

Buttons> Navigation Normal

12.21.10

Buttons> Header Normal

(Header Hover when

moused over)

Background and Text>

Background

Background and Text>

Slide Text

Buttons> Navigation Hover

(when moused over)

Tab>Background Tab>Slide Background

Page 4: Colors in Engage ’09 Process Interaction€¦ · Colors in Engage ’09 Tabs Interaction Buttons> Navigation Active (indicates the tab the learner’s currently viewing) Background

Colors in Engage ’09

Circle Diagram

Background and Text>

Header Text

Background and Text>

Header Background

Tooltips> Background,

Border, and Text

12.21.10

Buttons> Header Normal

(Header Hover when

moused over)

Background and Text>

Background

Background and Text>

Slide Background

Background and Text>

Slide Text

Buttons>Navigation Normal

(Navigation Hover when

moused over)

Callouts> Background

Page 5: Colors in Engage ’09 Process Interaction€¦ · Colors in Engage ’09 Tabs Interaction Buttons> Navigation Active (indicates the tab the learner’s currently viewing) Background

Colors in Engage ’09

Timeline Interaction

Background and Text>

Header Text

Background and Text>

Header Background

Tooltips> Background,

Border, and Text

12.21.10

Buttons> Header Normal

(Header Hover when

moused over)

Background and Text>

Background

Background and Text>

Slide Background

Background and Text>

Slide Text

Buttons>Navigation Normal

(Navigation Hover when

moused over)

Background and Text >

Footer Bar

Callouts > Text

Timeline > Period Text Timeline > Selected

Period Text

Timeline>Tooltip Hover

(the color appears if

learner hovers over an

event marker; otherwise a

callout for the current

event pops up, and the

textbox is white)

Page 6: Colors in Engage ’09 Process Interaction€¦ · Colors in Engage ’09 Tabs Interaction Buttons> Navigation Active (indicates the tab the learner’s currently viewing) Background

Colors in Engage ’09

Media Tour

Background and Text>

Header Text

Background and Text>

Header Background

Tooltips> Background,

Border, and Text

12.21.10

Background and Text>

Background

Buttons> Header Normal

(Header Hover when

moused over)

Page 7: Colors in Engage ’09 Process Interaction€¦ · Colors in Engage ’09 Tabs Interaction Buttons> Navigation Active (indicates the tab the learner’s currently viewing) Background

Colors in Engage ’09

FAQ

Background and Text>

Header Text

Background and Text>

Header Background

Tooltips> Background,

Border, and Text

12.21.10

Background and Text>

Background

Buttons> Header Normal

(Header Hover when

moused over)

Background and Text>

Slide Background

Buttons>Navigation Normal

Buttons> Navigation Active

(indicates the question the

learner’s currently viewing)

FAQ > FAQ Button Text The Search button

(concealed by the

“Click Next to

Continue” tooltip in

this picture) is

controlled by Buttons>

Navigation Normal

and Buttons>

Navigation Hover (the

same parameters as

the ones used for the

color of questions).

Buttons> Navigation Hover

(when moused over)

Page 8: Colors in Engage ’09 Process Interaction€¦ · Colors in Engage ’09 Tabs Interaction Buttons> Navigation Active (indicates the tab the learner’s currently viewing) Background

Colors in Engage ’09

Pyramid Diagram

Background and Text>

Header Text

Background and Text>

Header Background

Tooltips> Background,

Border, and Text

12.21.10

Buttons> Header Normal

(Header Hover when

moused over)

Background and Text>

Background

Background and Text>

Slide Background

Background and Text>

Slide Text

Buttons>Navigation Normal

(Navigation Hover when

moused over)

Callouts> Background

Page 9: Colors in Engage ’09 Process Interaction€¦ · Colors in Engage ’09 Tabs Interaction Buttons> Navigation Active (indicates the tab the learner’s currently viewing) Background

Colors in Engage ’09

Guided Image

Background and Text>

Header Text

Background and Text>

Header Background

Tooltips> Background,

Border, and Text

12.21.10

Buttons> Header Normal

(Header Hover when

moused over)

Background and Text>

Background

Background and Text>

Slide Background

Background and Text>

Slide Text

Buttons>Navigation Normal

(Navigation Hover when

moused over)

Page 10: Colors in Engage ’09 Process Interaction€¦ · Colors in Engage ’09 Tabs Interaction Buttons> Navigation Active (indicates the tab the learner’s currently viewing) Background

Colors in Engage ’09

Glossary

Background and Text>

Header Text

Background and Text>

Header Background

Tooltips> Background,

Border, and Text

12.21.10

Background and Text>

Background

Buttons> Header Normal

(Header Hover when

moused over)

Background and Text>

Slide Text

Callouts> Background

Background and Text>

Slide Background

Glossary> Item Selected

Glossary> Item Hover

Page 11: Colors in Engage ’09 Process Interaction€¦ · Colors in Engage ’09 Tabs Interaction Buttons> Navigation Active (indicates the tab the learner’s currently viewing) Background

Colors in Engage ’09

Flipbook Interaction

Background and Text>

Header Text

Background and Text>

Header Background

Tooltips> Background,

Border, and Text

12.21.10

Background and Text>

Background

Buttons> Header Normal

(Header Hover when

moused over)

Background and Text>

Slide Background

Background and Text>

Slide Text

Page 12: Colors in Engage ’09 Process Interaction€¦ · Colors in Engage ’09 Tabs Interaction Buttons> Navigation Active (indicates the tab the learner’s currently viewing) Background

Colors in Engage ’09

Stairstep Interaction

Background and Text>

Header Text

Background and Text>

Header Background

Tooltips> Background,

Border, and Text

12.21.10

Background and Text>

Background

Buttons> Header Normal

(Header Hover when

moused over)

Background and Text>

Slide Background

Background and Text>

Slide Text

Page 13: Colors in Engage ’09 Process Interaction€¦ · Colors in Engage ’09 Tabs Interaction Buttons> Navigation Active (indicates the tab the learner’s currently viewing) Background

Colors in Engage ’09

Carousel Interaction

Background and Text>

Header Text

Background and Text>

Header Background

Tooltips> Background,

Border, and Text

12.21.10

Background and Text>

Background

Buttons> Header Normal

(Header Hover when

moused over)

Background and Text>

Slide Background

Background and Text>

Slide Text