dfourneau_geek_behind_screen_4

20
PRINT VISUELS SITE INTERNET COMMUNICATION 4

description

COMMUNICATION SITE INTERNET VISUELS PRINT 18 17 15 Page internet Contact Logo titre 5 9 D’un point de vue formel, ellipses et formes rondes évoquant les montagnes et les Ces livrets de présentation et les recherches graphiques liées au dessin animé constituent la base de la charte graphique du projet. Les recherches sont ainsi bien entamées mais seront peaufinées lors de la suite de la réalisation.

Transcript of dfourneau_geek_behind_screen_4

Page 1: dfourneau_geek_behind_screen_4

PRINTVISUELSSITE INTERNETCOMMUNICATIONÉ

4

Page 2: dfourneau_geek_behind_screen_4
Page 3: dfourneau_geek_behind_screen_4

COMMUNICATION

Charte graphique

Logo titre

Digipak DVD

Page internet

Contact

5

9

15

17

18

Page 4: dfourneau_geek_behind_screen_4
Page 5: dfourneau_geek_behind_screen_4

C H A R T E G R A P H I Q U E

Ces livrets de présentation et les recherches graphiques liées au dessin animé constituent la base de la charte graphique du projet. Les recherches sont ainsi bien entamées mais seront peaufinées lors de la suite de la réalisation.D’un point de vue formel, ellipses et formes rondes évoquant les montagnes et les nuages du jeu Pig Island pourront être décli-nés pour le boitier DVD et son livret. Ils sont évocateurs de l’esthétique du dessin animé qui privilégie un style de dessin souple plu-tôt qu’angulaire.

Page 6: dfourneau_geek_behind_screen_4

6

La charte couleur reprend également les codes de couleur du dessin animé lui-même, en particulier les couleurs vives du jeu vidéo.

C100 M0 J0 N0

C41 M5 J100 N0

C0 M0 J100 N0 C0 M43 J100 N0

C76 M0 J91 N0

C19 M0 J100 N0

CH

ARTE GRAPH

IQU

E

Page 7: dfourneau_geek_behind_screen_4

7

Les polices utilisées dans ce dossier et dans la communication autour du projet sont :

BIRTH OF A HEROabcdefghijklmnopqrstuvwxyz123456789ABCDEFGHIJKLMNOPQRSTUVWXYZ,?;.:/!

Helvetica-Condensed-Light-Li

abcdefghijklmnopqrstuvwxyz123456789

ABCDEFGHIJKLMNOPQRSTUVWXYZ,?;.:/!

DINabcdefghijklmnopqrstuvwxyz123456789A B C D E F G H I J K L M N O P Q R S T U -VWXYZ,?;.:/!

CH

ARTE

GRA

PHIQ

UE

Page 8: dfourneau_geek_behind_screen_4
Page 9: dfourneau_geek_behind_screen_4

A l’origine, j’avais intitulé le projet «Geek». C’est sur ce mot que j’ai donc travaillé de manière un peu plus poussée, après de nombreux tests.Mon but a été de mettre en avant la passion de Naomie la Geek, en symbolisant cette passion par des coeurs. En travaillant ce mot sous la forme d’une série de coeurs, le titre évoquerait également les items de «vies» dont dispose le joueur dans la plupart des jeux vidéos et qui apparaissent sous cette forme à l’écran. J’ai alors stylisé le mot et créé une typographie sous Illustrator dans le but d’obtenir un logo authentique. J’ai ensuite essayé de le décliner en couleur, en relief...

L O G O T I T R E

Page 10: dfourneau_geek_behind_screen_4

10

Behind the Screen

LOG

O TITRE

Page 11: dfourneau_geek_behind_screen_4

11

LOG

O T

ITRE

Cet ensemble manquant de lisibilité et s’éloignant de l’esthétique voulue pour le dessin animé, j’ai préféré me recentrer sur ma charte graphique et reprendre cette idée de manière plus simplifiée. J’ai alors obtenu des résultats plus satisfaisants. Cette ver-sion du logo n’est pas définitive mais donne un bon aperçu de la version finale :

G KBehind The Screen !

Page 12: dfourneau_geek_behind_screen_4

12

Cette version permet également des déclinaisons en raccord avec la charte graphique, ce qui favorise l’intégration du titre en fonction de la couleur d’arrière plan :

G KG KG KLO

GO

TITRE

Page 13: dfourneau_geek_behind_screen_4

13

Lorsque l’arrière plan est «trop coloré», et que le titre n’est pas suffisamment visible, il est possible de décliner une fois de plus avec l’ajout d’un «nuage» derrière le logo :

G KBehind The Screen !

LOG

O T

ITRE

Page 14: dfourneau_geek_behind_screen_4

G KBehind The Screen !

Page 15: dfourneau_geek_behind_screen_4

D I G I P A K D V D

Suivant la charte présentée précédemment et qui sera peaufinée durant les prochaines semaines, un boîtier DVD accompagné d’un livret quatre pages complétera la présenta-tion du projet. Plus précisément, le DVD du dessin animé sera contenu par un digipak DVD raccord avec la charte graphique.Ci-contre vous trouverez le gabarit sélec-tionné pour la confection (format fini : 137.5 x 188.5 x 7.5 mm).

Sur la première de couverture, apparaitra une illustration du dessin animé avec son titre.Sur la quatrième de couverture (dos du Digi-pak), le résumé de l’histoire et des déclinai-sons graphiques.A l’intérieur, sur la page de gauche, une encoche permet de glisser un livret qui contient quelques illustrations.

Page 16: dfourneau_geek_behind_screen_4

1e

de couverture4e

de couverture

intérieurlivret

Page 17: dfourneau_geek_behind_screen_4

P A G E I N T E R N E T

Face à l’ampleur du projet et notamment de la phase d’animation, le développement d’un site internet et de sa charte graphique com-plète n’était pas envisageable. Cependant, il est nécessaire de rendre le projet visible sur internet. C’est pourquoi un blog ou une page facebook lui sera consacré .Cette solution permettra de diffuser la vidéo de la bande annonce, une galerie d’illustra-tion et quelques éléments du making-of. Sur l’interface, seule l’entête de la page sera personnalisée grâce à un bandeau contenant le titre, mais pour un minimum de moyen le projet sera accessible à un plus large public.

Page 18: dfourneau_geek_behind_screen_4

C O N T A C T

Delphine [email protected]

http://dziff.wordpress.com

Page 19: dfourneau_geek_behind_screen_4
Page 20: dfourneau_geek_behind_screen_4

Delphine FourneauMaster II Créanum

Projet ProfessionnelDossier Préparatoire