TRAVAIL DE FIN D’ÉTUDES CFPME DINANT - C.E. INFOGRAPHIE 2010-2011
Olivier Wenders
TRAVAIL DE FIN D’ÉTUDES CFPME DINANT - C.E. INFOGRAPHIE 2010-2011
Olivier Wenders
Remerciements Mes premiers remerciements s’adressent à Marie-Hélène, Céline et Amanda qui nous ont enseigné semaine après semaine les bases du métier d’infographiste en partageant leurs expériences et leurs savoirs. Pour les cours annexes - comptabilité, anglais et droit - nous avons bénéficié d’excellents enseignants, très bons pédagogues, merci à eux aussi. Le goût des arts, je le dois à mes parents qui m’y ont baigné dès le plus jeune âge, que ce soit la peinture ou la musique. C’est donc véritablement une porte qu’ils ont ouverte pour moi, et c’est pour cela que je tiens à les remercier. Enfin, et par dessus tout, mes remerciements les plus vifs vont sans conteste à mon fils Loïc, éternelle source de joie et d’inspiration, et à Cécile mon épouse qui, depuis le début, a soutenu ma démarche. Elle m’a poussé à concrétiser cette envie d’exercer une activité artistique moi qui m’étais tourné depuis longtemps vers une carrière scientifique. Merci pour la patience dont elle a fait preuve au cours de ces deux dernières années. Son mérite ne s’arrête pas là, il existe quelques raisons de ne pas être en couple avec un infographiste, et malgré tout elle est toujours à mes côtés. Pour vous donner une idée... • Il analyse les conversations par calques. • Il mange et boit des trucs bizarres juste parce qu’il trouve le packaging sympa. • Il est le dernier à sortir de la salle de cinéma après avoir vu la totalité du générique de fin. • Il prend presque tous les jours des photos avec des cadrages étranges. • Il sollicite votre opinion mais finalement fait ce qu’il lui plait. • Tout est justifié à gauche, à droite ou au centre mis à part quand il arrive en retard. • Il déteste «Comic Sans» avec la même force qu’il adore «Helvetica». • Vous ne pouvez pas décorer votre maison sans le consulter. • Quand vous vous disputez, il vous affuble de surnoms que l’on trouve dans le menu déroulant sur Mac OS X. • Il ne sait pas s’habiller sans consulter son Pantonier. • Vous passerez votre journée en Brainstorming. • Il ne peut aller au restaurant sans critiquer la mise en page et le choix de la typo du menu. • Il a ses propres magasins, faits spécialement pour lui et qui sont les plus chers de la ville. • Il veut dépenser tout son argent chez Apple Store. • Vous ne comprendrez jamais ses cadeaux.
SOMMAIRE Sommaire
Sommaire
Sommaire
Sommaire
Sommaire
Sommaire
Sommaire
Sommaire
Sommaire
Sommaire
maire
Somm
Remerciements......................................................... 3 Introduction ............................................................... 7 Le projet ..............................................................................................................8 Présentation de l’entreprise..........................................................................8 Le cahier des charges......................................................................................9 Pourquoi ? .....................................................................................................9 Quoi ? ..............................................................................................................9 Quand ? ........................................................................................................10 Combien ......................................................................................................10
Le logo en noir et blanc ..................................................................... 42 Le logo avec fond .....................................................................................43 L’élément «01» ........................................................................................... 44 La taille minimale .....................................................................................45 La zone de protection............................................................................ 46 Les applications interdites .....................................................................47 Le logo .................................................................................................. 47 L’élément «01»...................................................................................... 48 La typographie ..........................................................................................49 Documents graphiques .................................................................... 49
Les aspects financiers ........................................... 11
Web, email ........................................................................................... 50
Les devis ............................................................................................................12
Les documents ..........................................................................................51
Les imprimeurs traditionnels................................................................14
La carte de visite - 85 x 55 mm (échelle : 100 %) ............................51
Les imprimeurs online ............................................................................27
La carte de compliments - A6 : 148 x 105 mm (échelle : 75 %) .. 52
Tarif G Tari
hi
C
d visite (85 x 55 mm) ........................ 27 résentation (DIN A4) ................... 27
Le choix des imprimeurs .............................................................................28 Carte de visite : .................................................................................... 28
Le papier à en-tête - A4 : 210 x 297 mm (échelle : 55 %) > 1ère page ...................................................................................................... 53 Le papier à en-tête - A4 : 210 x 297 mm (échelle : 55 %) > suite de la 1ère page ......................................................................................... 54
Livre (TFE) : .......................................................................................... 28
La facture - A4 : 210 x 297 mm (échelle : 55 %) > sur base de l’entête de lettre ......................................................................................... 55
Farde de présentation :...................................................................... 28
L’enveloppe - US : 229 x 114 mm (échelle : 75 %) .......................... 56
Enveloppe, papier à en-tête, carte de compliments :.................. 28
La farde de présentation pour documents DIN A4 (échelle : 25 %) + gabarit (échelle : 15%) .................................................................... 57
Le travail graphique ..............................................29 Le logotype ......................................................................................................30
Le template email.....................................................................................58
Entrée en matière .....................................................................................30
Conclusions .............................................................. 61
La classification du logo .........................................................................34
Premières conclusions ..................................................................................62
La création du logo ..................................................................................35
Les aspects techniques ................................................................................62
Premières esquisses ............................................................................ 35
La qualité des impressions ..........................................................................63
Typographie, vectorisation et retouches ....................................... 37
Perspectives .....................................................................................................63
Colorisation ......................................................................................... 39
Glossaire ....................................................................64 Références ................................................................66 Annexes..................................................................... 67
La charte graphique ......................................................................................40 Les références couleurs ..........................................................................40 Le logo en couleurs ............................................................................ 40 Le logo en niveaux de gris .................................................................41
6
INTRODUCTION
INTRODUCTION
Introduction Introduction Introduction Introduction Introduction Introduction Introduction Introduction Introduction Intr duct
ntroduction Introd
LE PROJET Cet ouvrage constitue en quelque sorte une synthèse des connaissances acquises et mises en pratique au cours de ces deux années de formation. Il a permis de mettre en œuvre de nombreux points abordés tels que le pré-presse, la mise en page, la typographie, le dessin vectoriel, le web design, etc.. Cependant, ce travail est aussi un projet personnel. Il a été une opportunité pour exprimer pleinement mes envies. En effet, 01 art design est une entreprise qui n’existe pas ou du moins pas encore et si je devais créer une entreprise c’est exactement comme cela que je la concevrais. L’objectif de ce projet a donc été de créer toute l’identité visuelle de cette entreprise fictive et ainsi mettre en place les fondations pour un développement futur potentiel. L’identité visuelle d’une entreprise est un élément capital de sa communication. Elle permet de positionner l’entreprise sur le marché et de faire en sorte qu’on s’en souvienne d’où l’importance d’une conception réfléchie et parfaitement alignée sur sa philosophie et l’image qu’elle veut donner d’elle-même.
PRÉSENTATION DE L’ENTREPRISE 01 art design est une entreprise de création graphique proposant ses services dans les domaines suivants: • La PAO pour des projets d’impression d’affiches, de flyers, de cartes de visite, de mise en page ou encore des projets de compositions photographiques /vectorielles, etc.. • La création de logos, de chartes graphiques et d’identités visuelles • Le web design Sa clientèle cible est composée des PME mais aussi des particuliers. 01 art design se veut dynamique, ouverte sur le monde et inspirée par sa diversité. Le moteur de cette entreprise est l’intérêt poussé exprimé pour l’art graphique en général, l’abstrait, le design contemporain comme celui du passé. Rencontrer les désirs et souhaits du client est son objectif mais il est aussi d’atteindre un équilibre avec un certain intérêt artistique. Dans 01 art design il y a «art» et «design» mais aussi «01» qui relie les deux autres attributs au monde binaire, à l’univers digital puisque c’est dans celui-ci qu’évolue l’entreprise et duquel elle tire tous les avantages, que ce soit la puissance des outils disponibles ou encore les énormes possibilités des moyens de communication numérique qui connectent chacun d’entre nous à l’échelle planétaire. 8
INTRODUCTION
LE CAHIER DES CHARGES Pourquoi ? Réalisation du logo de l’entreprise, de sa charte graphique, ainsi que toute son identité visuelle, à savoir : • • • • • • •
carte de visite carte de compliments papier à en-tête facture enveloppe farde de présentation template email
Les cibles de cette communication visuelle sont les PME désirant s’adjoindre les services d’un infographiste pour leurs projets graphiques mais aussi les particuliers qui veulent se tourner vers un professionnel pour leur carte de visite, un montage ou une retouche photo, etc..
Quoi ? Les supports papier sont réalisés par impression numérique ou offset selon les possibilités de l’imprimeur et en fonction du prix de l’impression (voir «devis» pour de plus amples détails techniques). Le canevas de courrier électronique doit pouvoir être lu correctement par différents clients email selon l’aspect défini. Le logo intègre les concepts suivants: art visuel, art digital, dynamisme et sobriété. La philosophie de l’entreprise doit transparaître au travers des graphismes (voir «présentation de l’entreprise») et le design est dynamique et lumineux. Sans être minimaliste, il évite toute surcharge de la composition. Aucune sous-traitance n’est nécessaire excepté pour les impressions.
9
Quand ? Les différents éléments seront livrés au plus tard le 25 mai 2011 aux imprimeurs. Le tout sera clôturé et déposé le 31 mai 2011.
Combien Conception et réalisation: non-applicable. Impression: le budget est de 750 €.
10
Les aspects financiers Les aspects financiers Les aspects financiers Les aspects financiers Les aspects financiers Le sp
FINANCIERS
LES ASPECTS
LES ASPECTS FINANCIERS
finan ers Les aspects financiers Les aspects fi
Pages 12 Ă 28
GRAPHIQUE
LE TRAVAIL
LE TRAVAIL GRAPHIQUE
Le travail graphique Le travail graphique Le travail graphique Le travail graphique Le travail graphique Le travail graphique Le trava g
que Le travail gra
LE LOGOTYPE Entrée en matière Le logo appartient au domaine des symboles et des signes et est un concept qui remonte à l’époque prénéolithique. Il doit être compris immédiatement et clairement identifié à l’entreprise par le consommateur. Il peut être adapté en dimensions comme en applications sur différents supports et matériaux mais il doit être suffisamment robuste pour conserver son identité dans l’esprit de l’observateur et ses propriétés stratégiques : stabilité des couleurs, proportions, impact visuel, etc.. Le logo survit souvent à ses créateurs, il ne doit donc pas s’inspirer des tendances fugaces. Le logo se transforme ensuite en identité visuelle. Il existe différentes catégories de logo:
Le monogramme : ce sont des initiales enchevêtrées. Étant donné qu’elles sont les unes dans les autres, ces lettres ne semblent n’en former qu’une, composite. Exemples : Yves Saint Laurent, Rolls Royce, Coco Chanel.
30
LE TRAVAIL GRAPHIQUE
L’idéogramme :
c’est un signe abstrait, c’est-à-dire que le dessin ne représente pas d’objet, d’être, ni d’élément de l’espace, comme une architecture par exemple, mais simplement une idée ou un graphisme abstrait. Exemples : la virgule de Nike, les trois traits d’Adidas, les traits entrecroisés de Reebok.
Le pictogramme : c’est un dessin qui renvoie à un élément connu. On reconnaît ce qui est représenté. Exemples : le crocodile de Lacoste, le puma de Puma, La vague et la montagne de Quicksilver.
31
32
L’initiale :
la première lettre de la marque est représentée dans une typographie choisie, et le plus souvent inscrite dans une forme géométrique. Exemple : Carrefour.
La marque :
écrite en toute lettre, la marque tient son identité visuelle du choix de sa typographie ou police de caractères. Exemples : Perrier, L’Oréal, Dior, Kenzo.
LE TRAVAIL GRAPHIQUE
Le sigle :
ce sont des initiales alignées, séparées par un point ou pas. Exemples : D&G H&M SNCF.
L’acronyme :
abréviation d’un groupe de mots formée par la ou les premières lettres de ces mots dont le résultat se prononce comme un mot ordinaire. Exemple: Fiat, acronyme de « Fabbrica Italiana Automobili Torino ».
33
La combinaison : ces différentes catégories peuvent également être associées les unes avec les autres pour former une combinaison de lettrage et d’image. Exemple: Pringles.
La classification du logo Le logo de 01 art design développé ici peut être défini comme étant une combinaison. En effet, comme cela va être vu dans les pages suivantes, un pictogramme représentant un œil se combine avec le nom de l’entreprise
34
LE TRAVAIL GRAPHIQUE
La création du logo Premières esquisses
vs.
Dès le départ, deux idées ont émergé du lot. D’un côté, une représentation d’un pot de peinture vu du dessus faisant référence à l’art graphique; de l’autre, un oeil stylisé pour signifier que l’on a affaire à un art visuel. La symbolique de ce dernier évoque également le plaisir de regarder. Elle colle à la philosophie de l’entreprise qui est, notamment, son ouverture sur le monde qui l’entoure.
35
L’élément «01»
Un sous-élément du logo peut être utilisé comme élément secondaire pour appuyer davantage l’identité visuelle de l’entreprise et augmenter ses possibilités créatives. Il s’agit du «01» au centre du logo. Son utilisation est beaucoup plus souple et il peut donc être décliné en de nombreuses variantes (voir section «les applications interdites»).
44
LE TRAVAIL GRAPHIQUE
La typographie Documents graphiques
Myriad Pro Regular
Myriad Pro Condensed
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 éèù%;àç@&()!?
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz
Myriad Pro Italic
Myriad Pro Condensed Italic
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 éèù%;àç@&()!?
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 éèù%;àç@&()!?
Myriad Pro Bold
Myriad Pro Bold Condensed
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 éèù%;àç@&()!?
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 éèù%;àç@&()!?
Myriad Pro Black
Myriad Pro Bold Condensed Italic
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 éèù%;àç@&()!?
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 éèù%;àç@&()!?
0123456789 éèù%;àç@&()!?
49
Web, email
Arial Regular ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 éèù%;àç@&()!? Arial Italic ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 éèù%;àç@&()!? Arial Bold ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 éèù%;àç@&()!? Impact (pour les titres uniquement) ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 éèù%;àç@&()!?
50
LE TRAVAIL GRAPHIQUE
Les documents
x
3 mm
3 mm
La carte de visite - 85 x 55 mm (échelle : 100 %)
3 mm
x x
Myriad Pro Condensed 12 pt
x
Myriad Pro Condensed 10 pt
Myriad Pro Condensed 12 pt 3 mm
Tomato Round Condensed Medium 9 pt
image de la surface couverte sur le recto par un vernis UV repéré Couleurs des caractères:
A A
0
0
0
85
0
0
0
0
image de la surface couverte sur le verso par un vernis UV repéré
51
La carte de compliments - A6 : 148 x 105 mm (échelle : 75 %)
5 mm
5 mm
Myriad Pro Bold Condensed 28 pt x
Myriad Pro Condensed 18 pt espace après : 12 mm
Myriad Pro Condensed 12 pt
55 mm x
Myriad Pro Condensed 18 pt espace avant : 2 mm
Tomato Round Condensed 12 pt
x
5 mm 60 mm
Couleurs des caractères:
A A
52
0
0
0
85
0
0
0
0
LE TRAVAIL GRAPHIQUE
Le papier à en-tête - A4 : 210 x 297 mm (échelle : 55 %) > 1ère page
19 mm
61 mm
40 mm
60 mm
Couleurs des caractères:
A A A
30 mm
x x
0
0
0
85
0
0
0
100
0
0
0
0
45 mm
100 mm
x
20 mm
Tomato Round Condensed 14 pt 80 mm
repère de pli 0,75 pt d’épaisseur - 10 mm de longueur
60 mm
Myriad Pro Regular 12 pt
80 mm max. disponible sur la gauche pour que le logo n’apparaisse jamais tronqué dans la fenêtre de l’enveloppe
10 mm
60 mm max. disponible en largeur pour le nom et l’adresse du destinataire
Myriad Pro Bold Italic 12 pt (interligne 20 pt)
20 mm max. disponible en hauteur pour le nom et l’adresse du destinataire
100 mm
repère de pli 0,75 pt d’épaisseur - 10 mm de longueur
Myriad Pro Regular 12 pt
3 mm
Myriad Pro Condensed 10 pt 30 mm
Myriad Pro Condensed 14 pt
53 3 mm
50 mm
30 mm
Tomato Round Condensed 9 pt
50 mm
3 mm
Le papier à en-tête - A4 : 210 x 297 mm (échelle : 55 %) > suite de la 1ère page
Couleurs des caractères:
A A A
30 mm
0
0
0
85
0
0
0
100
0
0
0
0
45 mm
Myriad Pro Bold Italic 12 pt (interligne 20 pt)
100 mm repère de pli 0,75 pt d’épaisseur - 10 mm de longueur
Myriad Pro Regular 12 pt
100 mm
repère de pli 0,75 pt d’épaisseur - 10 mm de longueur
Myriad Pro Condensed 10 pt 30 mm
54
Myriad Pro Condensed 14 pt
3 mm
Tomato Round Condensed 9 pt 50 mm
30 mm
LE TRAVAIL GRAPHIQUE
La facture - A4 : 210 x 297 mm (échelle : 55 %) > sur base de l’en-tête de lettre
60 mm
Couleurs des caractères:
30 mm
x
Myriad Pro Bold 14 pt x
A A A
0
0
0
85
0
0
0
100
0
0
0
0
Myriad Pro Regular 12 pt
10 mm
Myriad Pro Bold 9 pt Tableau 5 colonnes marges cellules: 1,411 mm (par défaut) 1ère colonne: texte ferré à gauche autres colonnes: texte ferré à droite
Myriad Pro Regular 9 pt
Myriad Pro Bold 9 pt
Myriad Pro Regular 7 pt
3 mm
3 mm
55 30 mm
L’enveloppe - US : 229 x 114 mm (échelle : 75 %)
30 mm
50 mm
x x
fenêtre de l’enveloppe
x
Tomato Round Condensed 11 pt 40 mm
30 mm
111 mm
Couleurs des caractères:
A A
56
0
0
0
85
0
0
0
100
20 mm
LE TRAVAIL GRAPHIQUE
La farde de présentation pour documents DIN A4 (échelle : 25 %) + gabarit (échelle : 15%)
20 mm
x
180 mm
x
Tomato Round Condensed 23 pt
120 mm
Couleur des caractères:
A
0
0
0
85
57
Le template email A l’époque où internet est devenu la première source d’informations pertinentes, l’emailing est un outil extraordinaire pour optimiser la communication d’une entreprise. Il est le complément d’un bon site internet. Grâce à l’emailing, on peut atteindre facilement plusieurs objectifs: • Véhiculer l’image de l’entreprise • Prospecter et fidéliser la clientèle • Informer rapidement le public sur les nouveaux produits/services Dans mon cas, je n’ai pas développé de site internet pour une raison de temps mais je me suis attelé à la création d’un template email, première étape avant la campagne mail marketing proprement dite mais qui ne sera pas abordée ici. Le visuel joue de nouveau un rôle primordial dans ce type de communication ; en effet, un email au format texte n’aura pas le même impact qu’un email comportant des images, des vidéos, des animations voire même du son. Ceci nous amène vers le format HTML. HTML vous dites ? Ça va être facile…et bien non, détrompons-nous car l’email HTML est encore à l’âge de pierre comparé aux pages web. La première difficulté est que dans la plupart des clients email (Outlook, Gmail, AOL, etc.), les images vont être bloquées par défaut et un email très visuel devant les yeux de son créateur risque d’apparaître comme une succession de cadres vides et de croix rouges sur l’écran du destinataire. Il faut ainsi veiller à ne pas placer de titres ou de liens importants dans une image. Une autre difficulté est que les CSS sont reconnus très différemment d’un client email à un autre et donc il faudra se rabattre sur l’utilisation des tableaux pour structurer l’email, ceux-ci étant pourtant déconseillés aujourd’hui dans la création de sites web, pour vous dire…
58
LE TRAVAIL GRAPHIQUE
Le but ici n’étant pas de s’attarder sur ces considérations techniques, je passe outre ces difficultés pour passer aux méthodes de création de templates email en HTML, en voici quelques unes : 1. Utilisation de templates existant dans certains programmes (exemples : Mail Mac, Outlook). Cette méthode consiste à les ouvrir dans un logiciel Wysiwyg tel que Dreamweaver par exemple et de les modifier selon les besoins. L’avantage est que l’on bénéficie d’un template qui a été passé au crible de ces grandes sociétés et qui posera donc moins de problèmes lors de l’envoi. 2. Création d’une page web que l’on met en ligne et que l’on récupère dans un email grâce à l’option Command+I du navigateur Safari sur Mac. 3. Ecriture du code HTML directement dans le client email. Cette méthode exige cependant l’installation de plugins coûteux. 4. Création d’un fichier sous Dreamweaver par exemple puis ouverture de ce fichier dans MS Word et sauvegarde de celui-ci en fichier .dot. Dans Outlook, ce fichier .dot pourra servir de template à l’ouverture d’un nouvel email. 5. Le programme Thunderbird de Mozilla propose des outils de création d’emails HTML. Afin de ne pas brider les possibilités créatives j’ai opté pour la deuxième méthode. J’ai ainsi créé sous Dreamweaver un template email que j’ai mis ensuite en ligne. L’option Command+I de Safari suffit alors pour appeler le client email et rédiger le message. Voici le code HTML de la page créée sous Photoshop notamment avec l’outil tranche et mise en ligne avec Dreamweaver : <!DOCTYPE html PUBLIC «-//W3C//DTD XHTML 1.0 Transitional//EN» «http://www.w3.org/TR/xhtml1/DTD/xhtml1transitional.dtd»> <html xmlns=«http://www.w3.org/1999/xhtml»> <head> <title>Sujet email</title> <meta http-equiv=«Content-Type» content=«text/html; charset=utf-8» /> </head> <body> <!-- Save for Web Slices (email.psd) --> <table width=«700» border=«0» align=«center» cellpadding=«0» cellspacing=«0»><tr><td colspan=«3»><img src=«http://users.skynet.be/fb928837/images_email/email_01.jpg» width=«700» height=«200» alt=«01 art design»/></td></tr><tr><td width=«100» background=«http://users.skynet.be/fb928837/images_email/email_02. jpg»></td><td width=«500» height=«400» style=«font-family:Arial, Helvetica, sans-serif; text-align:left; verticalalign:top»>Texte à introduire ici.</td><td width=«100» background=«http://users.skynet.be/fb928837/images_email/ email_03.jpg»></td></tr><tr><td colspan=«3»><img src=«http://users.skynet.be/fb928837/images_email/email_04. jpg» width=«700» height=«100» alt=»» /></td></tr></table> <!-- End Save for Web Slices --> </body> </html>
59
Lors de la création j’ai évidemment veillé à intégrer l’identité visuelle de l’entreprise. Ce template est évolutif et il pourra intégrer plus tard un lien vers un site web voire même un menu pour accéder plus directement à certaines pages spécifiques. Le template email sera alors le parfait complémentaire du site web.
60
Conclusions
Conclusions
Conclusions
Conclusions
Conclusions
Conclusions
Conclusions
Conclusions
CONCLUSIONS
CONCLUSIONS
Conclusions
Conclusions
Conclusions
Conclu
CONCLUSIONS
LA QUALITÉ DES IMPRESSIONS J’ai abordé précédemment le coût des impressions. J’en avais déduit qu’ils variaient fortement d’un imprimeur à l’autre et particulièrement entre un imprimeur traditionnel et un imprimeur online mais qu’en est-il quant à la qualité ? Et bien elle n’est pas forcément moindre chez un imprimeur online. Le résultat de la carte de visite obtenue chez en effet, à mes yeux, excellent. Les couleurs sont très proches du référentiel Pantone 4-color process guide et les finitions sont réussies (découpes précises et vernis UV bien calé sur le graphisme). Par contre, il en va autrement pour la farde de présentation imprimée che alement imprimeur online. En effet, le gris à 85% est devenu noir et la découpe est imprécise. Tout cela sans compter la livraison chaotique d’un colis humide et quelques exemplaires abîmés. Enfin, je suis très satisfait de la qualité des imprimés de Un autre point de vue est aussi celui de la différence entre impression offset et numérique. La carte de visite est le seul imprimé ayant été réalisé par offset, les autres étant le résultat d’une impression numérique. Et bien, selon moi, une différence peut se distinguer au niveau de la colorimétrie de la carte de visite, plus précise que pour les autres produits quand on compare au nuancier Pantone 4-color process guide.
PERSPECTIVES Grâce à ce travail j’ai maintenant entre les mains tout le matériel visuel qu’il faut pour démarrer une entreprise, depuis le logo jusqu’aux supports papier en passant par la charte graphique et la base d’une campagne emailing. Ce travail aura donc atteint ses objectifs aussi bien du point de vue formatif que du point de vue utilitaire.
63
Glossaire sons et des liens vers d’autres pages pour constituer un site web.
supérieure. Exemple: papier de magazine, etc..
Papier non-couché : papier sans traitement de surface. Exemple: papier journal, papier pour imprimante, etc..
de papier qui, après pliage, forme un tout et porte une signature permettant l’assemblage.
Identité visuelle : elle exprime, grâce à un style graphique propre à l’entreprise, les valeurs, l’activité et les ambitions de celle-ci. Son application doit donc répondre à des exigences de clarté et de cohérence.
Charte graphique : document de
Impression numérique : transfert
travail qui contient l’ensemble des règles fondamentales d’utilisation des signes graphiques qui constituent l’identité visuelle d’une organisation, d’un projet, d’une entreprise.
direct et automatisé d’images sur le papier depuis le fichier numérique, sans création de plaques.
Bichromie : impression en deux couleurs; un mélange de deux couleurs Pantone par exemple permet d’intéressants résultats.
Cahier : feuille ou partie de feuille
Client email : logiciel qui sert à lire et envoyer des courriers électroniques. CMJN : cyan, magenta, jaune et noir – les quatre couleurs du processus en quadrichromie. CSS (Cascading Style Sheet) : langage qui permet de gérer la présentation d’une page web.
Flashage : opération qui consiste à réaliser un film à partir d’un fichier informatique.
Grammage : mesure du poids du papier par unité de surface. Valeur exprimée en g/m².
HTML (Hypertext Markup Language) : langage le plus répandu sur internet, qui permet de créer des documents, appelés pages web, contenant des textes, des images, des 64
Offset ou lithographie offset : technique d’impression indirecte où la plaque d’impression fabriquée numériquement subit un traitement chimique de sorte que l’image accepte l’encre et repousse l’eau.
Pantone 4-Color process guide : nuancier présentant 3010 couleurs CMJN imprimées sur de l’offset. Pour chaque couleur, la composition CMJN est donnée mais ce nuancier ne donne pas les équivalences CMJN des couleurs Pantone.
PDF (Portable Document Format) : langage de description de pages d’impression créé par Adobe Systems. La spécificité du PDF est de préserver la mise en forme telle qu’elle a été définie par son auteur, et ce quelles que soient l’application et la plate-forme utilisées pour imprimer ou visualiser le dit fichier.
Pixel : plus petit élément d’une image à l’écran ou imprimée. Le mot pixel vient de « pictures » et « element ».
PMS (Pantone Matching System) : système international permettant aux concepteurs, aux clients et aux fournisseurs de sélectionner, d’identifier et de contrôler les couleurs de façon fiable.
Police : famille de caractères.
PAO (Publication Assistée par Ordinateur) : il s’agit de composition,
Profil ICC (International Color Consortium) : fichier qui décrit
de mise en page, de contraste, de typographie, etc. appliquées via des logiciels informatiques.
l’ensemble des couleurs qui peuvent être reproduites par un périphériques tel qu’un écran, une imprimante, un scanner. Grâce aux profils ICC, les informations colorimétriques sont transmises d’un périphérique à un autre en conservant des couleurs cohérentes et prévisibles.
Papier couché : papier dont la surface a été traitée avec un couchage à base de liants et de pigments pour permettre une qualité d’impression
Quadrichromie : impression superposant quatre couleurs (cyan, magenta, jaune et noir) avec des valeurs de trame différentes. Le mélange optique de ces couleurs tramées permet d’obtenir une vaste gamme de teintes.
RVB : rouge, vert et bleu – les trois couleurs des supports multimédia.
Tramage : action de modifier la trame. Trame : assemblage de pixels sur une grille pouvant être affichée sur un écran ou un support imprimé. Vectorisation : opération graphique consistant à transformer une image composée de pixels en courbes mathématiques. Vectoriser un texte c’est transformer celui-ci en dessin non modifiable.
Vernis UV repéré / sélectif : liquide étalé puis durci à la lumière ultra-violette de sorte que l’encre reste intacte. Mat ou brillant il peut être appliqué de façon précise ou recouvrir toute la feuille. Il est appliqué « sur la presse », soit avec les autres encres, soit lors d’un tirage à part.
Wysiwyg : what you see is what you get, logiciel qui permet visualiser directement à quoi ressemblera le résultat final.
65
Références Dabner D., Calvert S. et Casey A. – Design graphique, cours et ateliers – Paris, Editions Eyrolles, 2010, p. 108, 126-127, 150, 168-169, 184-187 Gautier D., Gautier C. – Mise en page(s), etc. – Paris, Éditions Pyramyd, 2009, p. 266-270 Hofer T. – Maquette de magazine – Advanced Creation Hors-Série n°8, Savoir tout faire en PAO - Paris, Éditions Oracom, 2010, p. 146-149 http://wikipedia.fr/index.php http://www.alsacreations.com/astuce/lire/65-comment-rgler-les-problmes-demail-en-htmlcss.html http://www.intellego.fr/soutien-scolaire-seconde-professionnelle/aide-scolaire-arts-appliques/logo/1986 http://www.lalogotheque.com/ http://www.medibelplus.be/fr/medibel/index.jsp http://www.placeaudesign.com/reperes/lexique/lexique.htm http://www.pompage.net/traduction/emails-html-dompter-la-bete
66