Page 1

QUIMBEE VIDEO STYLE GUIDE

2 Introduction

34 G r a p h i c S l i d e s

3

35

General Requirements

36

Ve n n D i a g r a m

37

Ve n n D i a g r a m : T h r e e C i r c l e s

Philosophy

4 Design Standard 5

Ty p o g r a p h y

38

Causal Chain

6

Background Colors

40

Chevron Process

7

Te x t a n d B a c k g r o u n d c o l o r c o m b i n a t i o n s

41

Chevron List

42

Continuum

9 Te x t S l i d e s

44

Organizational Chart

10

Cover Slide

46

Organizational Chart Horizontal

11

Next up

48

B a l a n c e Te s t

12

T i t l e / B o d y Te x t

50

B a l a n c e Te s t w i t h T i t l e

14

T i t l e / S u b / B o d y Te x t

52

Pie char t no Title

16

List with Carrots

53

P i e c h a r t Tw o s l i c e s

18

List with Sub/Carrots

54

Pie chart Four slices

20

List with Numbers

55

Ta b l e

22

L i s t w i t h N u m b e r s / L e v e l Tw o

24

Title Only

26

Te x t O n l y

57

Notifications

28

Quotation

58

Result settings

29

Side by Side

60

Figure

30

Anchored Title

62

Domestic Map

Ta b b e d G u i d e

63

International Map

32

56 S u p p o r t i n g E l e m e n t s


Introduction

T h e p u r p o s e o f t h i s d o c u m e n t i s t o a r t i c u l a t e t h e d esig n a nd a ni m a t i o n s t a n d a r d s g o v e r n i n g o u r t u t o r i a l v i d e o s . The d o cument w i l l b e o r g a n i z e d i n t o t h r e e p a r t s . P a r t I I w i l l d escr ib e t he d es i g n r e q u i r e m e n t s f o r o u r t u t o r i a l v i d e o s , i n c l u d ing b a ckg r o und c o l o r s a n d t y p o g r a p h y. P a r t I I I w i l l s e t f o r t h t he r eq uir ement s f o r s t a t i c t e x t a n d g r a p h i c s . P a r t I V w i l l e x p l a i n t he r ules g o v erning the use of animation.

2


QUIMBEE VIDEO STYLE GUIDE

Philosophy Text and static images are default approach Animation only used when inherent to concept being taught Narration should drive the presentation On-screen visuals should merely suppor t the narration

3


D E S I G N S TA N D A R D

C h apter 1

Design Standard

I n t h i s s e c t i o n , w e w i l l d e s c r i b e t h e d e s i g n r e q uir ement s t ha t a r e u n i v e r s a l l y a p p l i c a b l e t o o u r p r e s e n t a t i o n s . B it ev er cia nt iss i t a t e d o l u p t a t u m i m o v o l u p t a s u n t e t e x p l a c e s d er um r em sit , i n i s p e c o n s e c a t u r ? Ug a .

4


QUIMBEE VIDEO STYLE GUIDE

Typography Typeface

Fu tu r a S t d

Weights Futura Std Heavy

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 01234567890 Futura Std Book

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 01234567890 Font colors Brown

White

Orange

Light Blue

#2b2111

#43638d

#e94924

#a9d9ea

5


D E S I G N S TA N D A R D

Background Colors Primar y Colors Blue

White #43638d

#43638d

R 253

R 67

G 248

G 99

B 244

B 234

Brown #2b2111 R 43 G 33 B 17

Secondar y Colors Orange

6

Light Blue #e94924

#a9d9ea

R 234

R 169

G 73

G 217

B 36

B 234


QUIMBEE VIDEO STYLE GUIDE

Text and background color combinations Primar y Combinations

BROWN ORANGE

ORANGE WHITE

LIGHT BLUE WHITE

Secondar y Comb inations

BROWN WHITE 7


TEXT SLIDES

8


QUIMBEE VIDEO STYLE GUIDE

C h apter 2

Text Slides

I n t h i s s e c t i o n , w e f o c u s o n e x p l a i n i n g h o w t o set t yp e b y s l i d e s . I n v e l i q u a t i a m s u s s i m a g n i h i l e t l i q u o s q uia q uia nd ust q u i d o l u p t a e v e l i a s e s c i a m e s t l a t i c o n e n o n e a s ma g nimo d is doloriti dolor a volest latiant estrum quam.

9


TEXT SLIDES

Cover Slide [Link to example video clip]

Requirements Ty p e

It has to be white colored and centered. Background

Brown Motion

None

10


QUIMBEE VIDEO STYLE GUIDE

Next Up [Link to example video clip]

Requirements Ty p e

Orange: courses completed White: next cours e Blue: upcoming courses Background

Brown Motion

None

11


TEXT SLIDES

Title/Body text [Link to example video clip]

Requirements Ty p e

Orange,white, brown, and light blue Background

White, brown, and blue Motion

None Special requirement

Max 2 lines for title Max 40-words for body text Fully justified text

12


QUIMBEE VIDEO STYLE GUIDE

Samples of alter native

13


TEXT SLIDES

Title/Sub/Body text [Link to example video clip]

Requirements Ty p e

Orange,white, brown, and light blue Background

White, brown, and blue Motion

None Special requirement

Max 2 lines for title Max 40-words for body text Fully justified text

14


QUIMBEE VIDEO STYLE GUIDE

Samples of alter native

15


TEXT SLIDES

List with Carrots [Link to example video clip]

Requirements Ty p e

Left aligned Three sets of color schemes

White BG: Title: black, text: black, carrot/plus sign: orange Blue BG: Title: light blue, text: white, carrot/plus sign: light blue Black BG: Title: orange, text: white, carrot/plus sign: orange Motion

Listed elements fade-in line by line as it’s narrated. Special requirement

Each carrot must have a maximum of 2 lines For numbered lists, each line must end in a semicolon and the last line must end in a period. Non-ordered lists can be taken to two lev els: Level 1 (bullets) and Level 2 (dash)

16


QUIMBEE VIDEO STYLE GUIDE

Samples of alter native

17


TEXT SLIDES

Layouts: List with Sub/Carrots [Link to example video clip]

Requirements Ty p e

Left aligned Three sets of color schemes

White BG: Title: black, text: black, carrot/plus sign: orange Blue BG: Title: light blue, text: white, carrot/plus sign: light blue Black BG: Title: orange, text: white, carrot/plus sign: orange Motion

Listed elements fade-in line by line as it’s narrated. Special requirement

Each carrot must have a maximum of 2 lines Non-ordered lists can be taken to two lev els: Level 1 (bullets) and Level 2 (dash)

18


QUIMBEE VIDEO STYLE GUIDE

Samples of alter native

19


TEXT SLIDES

List with Numbers [Link to example video clip]

Requirements Ty p e

Left aligned Motion

Listed elements fade-in line by line as it’s narrated. Special requirement

Each number must have a maximum of 2 lines For numbered lists, each line must end in a semicolon and the last line must end in a period.

20


QUIMBEE VIDEO STYLE GUIDE

Samples of alter native

21


TEXT SLIDES

Layouts: List with Numbers/Level Two [Link to example video clip]

Requirements Ty p e

Left aligned Motion

Listed elements fade-in line by line as it’s narrated. Special requirement

Each number must have a maximum of 2 lines For numbered lists, each line must end in a semicolon and the last line must end in a period.

22


QUIMBEE VIDEO STYLE GUIDE

Samples of alter native

23


TEXT SLIDES

Title Only [Link to example video clip]

Requirements Ty p e

+ Orange,white, light blue. + The text needs to be centered. + Always have colored on the background. Background

Brown, orange, a nd blue Motion

None Special requirement

Max of three lines

24


QUIMBEE VIDEO STYLE GUIDE

Samples of alter native

25


TEXT SLIDES

Text Only [Link to example video clip]

Requirements Ty p e

+ Orange,white, light blue. + The text needs to be centered. + Always have colored on the background. Background

Brown, orange, a nd blue Motion

None

26


QUIMBEE VIDEO STYLE GUIDE

Samples of alter native

27


TEXT SLIDES

Quotation [Link to example video clip]

Requirements + Source must be in italics with an em-dash in front followed by one space + Always include citation for case names Motion

None

28


QUIMBEE VIDEO STYLE GUIDE

Side by Side [Link to example video clip]

Requirements + NoneRio dolorio consectatem. Occus que dolo te occus ae rem niae dolorent, temporum ipsum accabor porecte nistias Motion

None

29


TEXT SLIDES

Anchored Title [Link to example video clip]

Requirements Ty p e

It has to be white colored and centered. Background

Orange, blue, and brown Motion

None

30


QUIMBEE VIDEO STYLE GUIDE

Samples of alter native

31


TEXT SLIDES

Tabbed Guide [Link to example video clip]

Requirements Ty p e

It has to be white colored and centered. Background

Orange, and brown Motion

None

32


QUIMBEE VIDEO STYLE GUIDE

Samples of alter native

33


GRAPHIC SLIDES

C h apter 3

Graphic Slides

I n t h i s s e c t i o n , w e w i l l d e s c r i b e t h e d e s i g n r e q uir ement s t ha t a r e u n i v e r s a l l y a p p l i c a b l e t o o u r p r e s e n t a t i o n s . B it ev er cia nt iss i t a t e d o l u p t a t u m i m o v o l u p t a s u n t e t e x p l a c e s d er um r em sit , i n i s p e c o n s e c a t u r ? Ug a .

34


QUIMBEE VIDEO STYLE GUIDE

General Requirements

W hen to Use An imat ion The concept to be lear ned is explicitly depicted in the animation (e.g. how to fold paper);T he animation entails motion, trajector y, or change over time so that the animation helps build a model of the dynamics; the animation reveals relationships that are not other wise visible

W hen No t t o U se An ima t ion Panning and zooming; decorative purposes

35


GRAPHIC SLIDES

Venn Diagram [Link to example video clip]

Requirements + Data labels must go inside the circles + Max of 3 circles + Max of 2 lines for data labels Motion

Circle will split into the two for Venn diagram.

36


QUIMBEE VIDEO STYLE GUIDE

Venn Diagram: Three Circles [Link to example video clip]

Requirements + Data labels must go inside the circles + Max of 2 lines for data labels Motion

Circle will split into the two for Venn diagram.

37


GRAPHIC SLIDES

Causal Chain [Link to example video clip]

The process graphic might be helpful to show the steps that a student should take in analyzing a particular problem, such as evaluating whether a cour t has personal jurisdiction over a defendant. Requirements + Max of 5 containers + 5-word limit for e ach container Motion

Yes, if the text is referenced in the narration. No, if the text is not directly referenced in the narration.

38


QUIMBEE VIDEO STYLE GUIDE

Samples of alter native

39


GRAPHIC SLIDES

Chevron Process [Link to example video clip]

Requirements + Max of 5 containers + 5-word limit for e ach container Motion

Yes, if the text is referenced in the narration. No, if the text is not directly referenced in the narration.

40


QUIMBEE VIDEO STYLE GUIDE

Chevron List [Link to example video clip]

Requirements + Max of 5 containers + 5-word limit for e ach container Motion

Yes, i f the text is referenced in the narration. No, if the text is not directly referenced in the narration.

41


GRAPHIC SLIDES

Continuum [Link to example video clip]

Requirements Motion

Bring in the arrow and bookend labels all at once. Something ver y simple, maybe a fade in. We can highlight the other labels in sync with the VO.

42


QUIMBEE VIDEO STYLE GUIDE

Samples of alter native

43


GRAPHIC SLIDES

Organizational Char t [Link to example video clip]

Use to show hierarchical information or the relationships between various types of ideas. One of the most frequently used graphics in our presentations. Requirements + Word and character limits + Top-down (no clockwise or counterclockwise) + Maximum of 3 levels. + Margins within each text box should be 0.3 all around. + 5-word max for labels Motion

Animate to match narration.

44


QUIMBEE VIDEO STYLE GUIDE

Samples of alter native

45


GRAPHIC SLIDES

Organizational Char t Horizontal [Link to example video clip]

Use to show hierarchical information or the relationships between various types of ideas. One of the most frequently used graphics in our presentations. Requirements + Word and character limits + Top-down (no clockwise or counterclockwise) + Maximum of 3 levels. + Margins within each text box should be 0.3 all around. + 5-word max for labels Motion

Animate to match narration.

46


QUIMBEE VIDEO STYLE GUIDE

Samples of alter native

47


GRAPHIC SLIDES

Balance Test [Link to example video clip]

Use to show balancing tests. Requirements + 5-word max for each container + Scale must always be balanced at the end + Slide title optional Motion

Scale will be balanced until weights are added and will be unbalanced until all the weights animate in and become balanced.

48


QUIMBEE VIDEO STYLE GUIDE

Samples of alter native

49


GRAPHIC SLIDES

Balance Test with Title [Link to example video clip]

Use to show balancing tests. Requirements + 5-word max for each container + Scale must always be balanced at the end + Slide title optional Motion

Scale will be balanced until weights are added and will be unbalanced until all the weights animate in and become balanced.

50


QUIMBEE VIDEO STYLE GUIDE

Samples of alter native

51


GRAPHIC SLIDES

Pie Char t no Title [Link to example video clip]

Requirements Ty p e

It has to be white colored. Background

Always brown Motion

TBD

52


QUIMBEE VIDEO STYLE GUIDE

Pie Char t Two Slides [Link to example video clip]

Requirements + 1-line max for titles + 2-line max for subtitles + Both title and subtitle need to be left justified Background

Always Brown Motion

TBD

53


GRAPHIC SLIDES

Pie Char t Four Slides [Link to example video clip]

Requirements + 1-line max for titles + 2-line max for subtitles + Both title and subtitle need to be left justified Motion

Slides in from the bottom, maybe the icon animates? Text is static.

54


QUIMBEE VIDEO STYLE GUIDE

Table [Link to example video clip]

Requirements Ty p e

It has to be centered. Background

Always white Motion

TBD

55


SUPPORTING ELEMENTS

C h apter 4

Suppo r ting Elements

56


QUIMBEE VIDEO STYLE GUIDE

Results Settings [Link to example video clip]

Requirements Ty p e

It has to be white colored. Background

Always brown Motion

Slides in from the bottom

57


SUPPORTING ELEMENTS

Notifications [Link to example video clip]

Requirements Ty p e

It has to be light blue colored on title; white colored on explaination text. Background

Always brown Motion

Slides in from the bottom

58


QUIMBEE VIDEO STYLE GUIDE

Samples of alter native

59


SUPPORTING ELEMENTS

Figure [Link to example video clip]

Requirements Color Usage

Brown/White: defendant, Orange: Plaintiff Motion

Animate according to example, either static figure or full animated to scenario.

60


QUIMBEE VIDEO STYLE GUIDE

61


SUPPORTING ELEMENTS

Domestic Map [Link to example video clip]

Requirements TBD

62


QUIMBEE VIDEO STYLE GUIDE

International Map [Link to example video clip]

Requ irements TBD

63


SUPPORTING ELEMENTS

Transitions Zoom i n t o n ex t fra me R equ i rements ( Link to Ex ample) S l ide up R equ i rements ( Link to Ex ample) S l ide d own R equ i rements ( Link to Ex ample) Fade to ne x t fra me R equ i rements ( Link to Ex ample) S pl it l eve l R equ i rements ( Link to Ex ample) ( Link to Ex ample2) S l ide f rom rig ht to left R equ i rements ( Link to Ex ample) Fade O ut R equ i rements ( Link to Ex ample)

64

Quimbee video style guide sigle page  
Advertisement