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