DESIGN DOCUMENT MG
Alexa van de Wall 512993 Melissa Beekenkamp 518358 Tim Jennes 485673 Eric Tuller 512822 Jawed Sabet 478393 Laura Roelofen 517148 Lena Sophia Mathis 561677 Simon Fussenegger 561678 Edith Mentink 533760 Tomas van Buuren 542741 Michelle van Manen 503597 Thom van den Akker 506950 Kevin Brown 469270 Nina Ibba 508574 Iris Janssen 511716 Amber Parks 561688
Date: Teacher(s): Version:
INDEX Introduction page Concept page Storyboards page Color page Typography page Audio page
2
3 4 5 11 12 13
INTRODUCTION This Document gives an impression on how the motion graphics for the livestream will turn out. With a few examples of “storyboards� there will be an understanding about how to approach the designs and animations. Also this document includes the guidelines for Color and Typography taken from the Brand Design Document. The last chapter is an opinion an audio.
3
CONCEPT As explained during the chapter on personal vision in the research document page 18 these motion graphics will be used mostly to inform our viewers, each motion graphic has its own function. These motion graphics will be made in the same style as the brand design of our company GreenStream Media. All of these motion graphics need to be clear and enjoyable to look at.
1. IDENT The Ident will be different shapes and colors morphing into the final logo. This will work well together with SFX and music.
2. TITLE BUMPER The title bumper will appear from either the left or right side of the screen preferably at the bottom. The shape will be rectangular with a small opacity. The logo will be shown and the colors used will be from the brand design document, as well as the typography.
3. MALFUNCTION PAGE The malfunction page will be a picture of the studio (this will be taken during rehearsal) with the text Patience Please. The typography from the brand design document will be used for this.
4. BUMPER POLL RESULTS The best course of action will be to make a percentage bar. This way we can easily apply it to the livestream. This bar will be of course made in the style of GreenStream.
5. OUTRO The outro will not differ much from the intro. The logo will just form into the words thank you for watching and fade out. The sponsor logos will then fade in and we can fade to black.
6. ANNOUCMENT In the background we can show some slightly blurred pictures of the past weeks with the logo (animated) clearly in front. A timer can be showed at the bottom of the page (right) to inform viewer how long until the show is aired.
7. CRAWLER I still advise a crawler it doesn’t need to be in view throughout the whole livestream. But can be used to inform viewers when needed where they can post their polls. The crawler will be in the same style as the GreenStream brand design and will have a small opacity.v
4
STORYBOARD 1. IDENT
2. TITLE BUMPER
5
3. MALFUNCTION PAGE
4. BUMPER POLL RESULTS
6
5. OUTRO
6. ANNOUCMENT
7
7 CRAWLER
8
UMENT
GREENSTREAM MEDIA
ON FUSSENEGGER
D
COLOR
SUSTAINABLE IS OBTAINABLE
COLORS
As explained before we will be using the brand colors of GreenStream Media.
TREAM MEDIA“. It is created for am about the Non-GovernmenEarth“. The slogan for the brand is BLE”.
nd, and everything created by the he purpose of the livestream, is flat ep the design for any graphic creatm, clean and simple.
ns about the branding?
MAIN COLORS HEX 63C4A5 RGB 99 / 196 / 165
HEX F4D8A8 RGB 244 / 216 / 168
HEX 00A77C RGB 0 / 167 / 124
HEX EFB36C RGB 239 / 179 / 108
HEX 007251 RGB 0 / 114 / 81
TYPEFACE DIGITAL FONT MAIN FONT Univers LT Std 67 Bold Condensed
1. Order
ABCDEFGHIJKLMNOPQRSTUVWXYZ1234 567890!Ӥ$%&/()=? Univers LT Std 47 Light Condensed
2. Order
ABCDEFGHIJKLMNOPQRSTUVWXYZ123456 7890!Ӥ$%&/()=? SECONDARY FONT Ryman Eco
Highlights
A B C D E F G H I J K L M N O P Q R ST UVW XY Z 1234567890!”$%&/()=? PRINT FONT Univers LT Std 67 Bold Condensed Univers LT Std 47 Light Condensed Ecofont Vera Sans
1. Order 2. Order Continuous Text
ABCDEFGHIJKLMNOPQRSTUVWXYZ12 34567890!Ӥ$%&/()=?
9
HEX F4D8A8 RGB 244 / 216 / 168
d everything created by the pose of the livestream, is flat e design for any graphic creatan and simple.
HEX EFB36C RGB 239 / 179 / 108
TYPOGRAPHY HEX 00A77C RGB 0 / 167 / 124
HEX 007251 RGB 0 / 114 / 81
TYPEFACE
We will also be using the GreenStream chosen typography.
DIGITAL FONT MAIN FONT Univers LT Std 67 Bold Condensed
1. Order
ABCDEFGHIJKLMNOPQRSTUVWXYZ1234 567890!Ӥ$%&/()=? Univers LT Std 47 Light Condensed
2. Order
ABCDEFGHIJKLMNOPQRSTUVWXYZ123456 7890!Ӥ$%&/()=? SECONDARY FONT Ryman Eco
Highlights
A B C D E F G H I J K L M N O P Q R ST UVW XY Z 1234567890!”$%&/()=? PRINT FONT Univers LT Std 67 Bold Condensed Univers LT Std 47 Light Condensed Ecofont Vera Sans
1. Order 2. Order Continuous Text
ABCDEFGHIJKLMNOPQRSTUVWXYZ12 34567890!Ӥ$%&/()=?
ut the branding? 5999
10
AUDIO The audio must emphasize the look and feeling of the motion graphics. But not all the motion graphics should be supported by audio in my opinion it would be to distracting. For motion graphics like the Ident and Outro we should have some music. For the malfunction page, announcement page and tree poll results we should use a combination of music and sfx. The rest of the motion graphics should be soundless in my opinion. If we opt to still use audio for these motion graphic I suggest a small sfx to catch the viewers attention of information being exposed on the screen.
11