a guide to animated explainer video styles

10
A FUN AND FRIENDLY VISUAL GUIDE TO EXPLAINER VIDEO STYLES

Upload: flikli

Post on 06-Dec-2014

86 views

Category:

Design


2 download

DESCRIPTION

Feast your eyes on these vibrant visual libraries and check out our quick and helpful bullet points and descriptions that detail what sets each style apart and how they will be animated. Professional, cosmopolitan, quirky, or friendly -- no matter what your message is, we definitely have a style that will bring it home to your audience. Once you find a look that suits you, or if you decide you'd rather create a custom style video for your brand, get in touch with us for a free consultation at http://flikli.com.

TRANSCRIPT

Page 1: A guide to animated explainer video styles

A FUN AND FRIENDLY VISUAL GUIDE TO EXPLAINER VIDEO STYLES

Page 2: A guide to animated explainer video styles

We’ve made it easy to pick the right animation style

for your audience with our Ultimate Visual Styleguide

EXPLAINER VIDEOS COME IN ALL SHAPES AND SIZES!

Page 3: A guide to animated explainer video styles

ENTERPRISE

FUN FACTOR:

ANIMATION DEPTH:

LEVEL of DETAIL:

COLOR RANGE:

DATA

Our Enterprise style uses shapes and layouts designed to be minimal and easily recognizable across many different contexts. This style is inspired by the standard pictograms used on public signage all over the world, known as ISO symbols.

The Enterprise style is ideal for B2B companies or organizations looking to show complex mes-sages understandably. Charts and statistics fit the design of this style particularly well.

Enterprise often sticks to a very basic color palette, usually based on the signature colors of the client we are working with.

-Minimal character animation

-Basic motion & transitions

-Smooth shape transformations

-Wide variety of “reveals” for data & text

FROM THE ANIMATORS:

DATABASE B

DATABASE C

DATABASE D

DATABASE D

DATABASE A

CHARACTERISTICS:

GLOBALLYRECOGNISED

ICONS

SIMPLESHAPES

ESSENTIALSONLY!

ULTRAGRAPH

FRIENDLY

INFO ANDDATA

CENTRIC

Watch our favorite enterprise video: Infinio

Page 4: A guide to animated explainer video styles

data-base

ware-house

doc.

store

webservice

fun factor

color range

animation depth

level of detail

TAXI

From the Animators:

-Employs standard range of shots (close-up, medium, and wide shots)

-A classical storytelling experience

-Big, expressive faces and heads

-Motion is "rough-and-bouncy"

Cartoon is the original Fliki House Style. It’s inviting, simple, relatable, and friendly. And of course, it’s fantastic for explaining ideas or brand messages on screen.

The basic character construction allows for a wide variety of characters, but no matter their appearance, Cartoon style char-acters are e�ective, funny communicators and your best friends in the world of the explainer video.

Watch our favorite cartoon video: Lucidchartgreat

for storiessuper friendly

lookseriousor funny

veryexpressive

Page 5: A guide to animated explainer video styles

Cartoon is the original Fliki House Style. It’s inviting, simple, relatable, and friendly. And of course, it’s fantastic for explaining ideas or brand messages on screen.

The basic character construction allows for a wide variety of characters, but no matter their appearance, Cartoon style char-acters are e�ective, funny communicators and your best friends in the world of the explainer video.

Choose our Sketch style if you’re looking for an accessible style that lends a semi-rough and handcrafted feel to your message and story.

Sketch is similar to our Cartoon style in the look of its characters, objects, symbols, and backgrounds.

However, illustrations created in Sketch are hand drawn and resemble rough pencil and ink drawings on paper cutouts. The color palette is a very limited monochrome -- black and white dominate, and one or two accent colors are

used.

FROM THE ANIMATORS:

-Employs standard range of shots (close-up, medium, and wide shots)

-A classical storytelling experience

-Big, expressive faces and heads

-Motion is "rough-and-bouncy"

Watch our favorite Sketchy video: Trade As One

Page 6: A guide to animated explainer video styles

Cosmo is the most contemporary of our styles. It makes heavy use of geometric forms and draws a bit from �at design as well.

The geometric shapes help us create easy transitions to graphs, stats, and elegant icons within scenes.

Some hallmarks of the Cosmo style include realistic human proportions, detailed backgrounds and objects, isomet-ric views, and a large, vivid color palette that includes gradients and shading.

Cosmo works well with scenarios and messaging which demand a more serious, realistic, or “grown-up” feel, although it can certainly be humorous and fun as well.

- Medium amount of character animation

- 2.5D editing, which gives a greater depth to scenes

- Wide range of color visual e�ects

- Naturally paced movements

FROM THE ANIMATORS: FUN FACTOR:

ANIMATION DEPTH:

LEVEL of DETAIL:

COLOR RANGE:

TV DISPLAYS AMPLE POWER OUTLETSPRINTERS

1 2 3 4 5

6 7 8 9 0

CARTOONYBUT ELEGANT

ELEGANTBUT CARTOONY

+

VECTORGRAPHICS

21st CENTURYDESIGN

SO

NMO DER

GREAT FORSTORIES

+DATA VISUALISATIONWatch our favorite cosmo video: Panasonic

Page 7: A guide to animated explainer video styles

fun factor

color range

animation depth

level of detail

Vintage style was created to satisfy requests for a friendly style with some pleasing retro touches. We tapped into our own favorite memories of classic cartoons, comic books, and illustrations to design it.. The result is Vintage, a retro-�avored style that looks and feels familiar and can tell any story.

Some of Vintage style’s main characteristics include retro color schemes, worn textures, vector elements, fanciful illustrative backgrounds, simply-designed characters, and a fun overall feel that recalls cartoons from the ‘60s to the ‘80s. Our viral video, “O�ce Posture Matters” is one of the best examples of Vintage style to date.

funny & cute

retro &modern

intricatebackgrounds

nice textures

Complex character movementsMedium range of visual e�ectsDynamic pacingClassic transitions and scene dynamics

Dynamic pacingScenes and scene transitions based on classic cartoons

FROM ANIMATORS

Watch our favorite vintage video: Peoplelinx

Page 8: A guide to animated explainer video styles

Watch our favorite motion collage video: GlowPoint

Page 9: A guide to animated explainer video styles

THE FLIKLI VISUAL STYLES: CHEAT SHEETCARTOONENTERPRISE SKETCH COSMO VINTAGE COLLAGE

1 2 3 4 5

6 7 8 9 0

- Neutral- Familiar- Simple - Ideal for B2B- Great for charts and statistics

- Friendly- Expressive character design- Great for everything from

real-life scenarios to abstract diagrams

- Handcrafted feel- Minimal color palette- “Rough” line quality- Simple compositions

- Realistic character proportions- Detailed backgrounds and

objects- Large color palette- Modern- “Grown-up” feel

- Retro color schemes- Worn textures- Backgrounds- Recalls classic cartoons from the

‘60s to the ‘80s- Great for showing real-life

scenarios and interactions

- “Old-school” - not vector-based- Digitally hand-drawn- High-quality photo elements - Vibrant, individualized feel

FUN FACTOR:

ANIMATION DEPTH:

LEVEL of DETAIL

COLOR RANGE:

FUN FACTOR:

ANIMATION DEPTH:

LEVEL of DETAIL

COLOR RANGE:

FUN FACTOR:

ANIMATION DEPTH:

LEVEL of DETAIL

COLOR RANGE:

FUN FACTOR:

ANIMATION DEPTH:

LEVEL of DETAIL

COLOR RANGE:

FUN FACTOR:

ANIMATION DEPTH:

LEVEL of DETAIL

COLOR RANGE:

FUN FACTOR:

ANIMATION DEPTH:

LEVEL of DETAIL

COLOR RANGE:

+ CUSTOM + HOW- TODEMO VIDEOS

Would you prefer a unique custom style?Tell us what you need and we’ll help create it.

We also create tutorial videos that can show how to use your digital products.Get in touch if you think a How-To Demo Video is right for you!

Page 10: A guide to animated explainer video styles

If you like what you see, talk to us at http://�ikli.com to schedule a free consultation today!

We’ve developed a bunch of super-useful, very engaging house styles that you can choose

from when making your video. Choosing a style lets you pick a very basic look and feel for your

video which we develop with you over the course of our collaboration. This system helps us

stick to an e�cient process that gets you a great-looking video, on schedule.