book graphic design - web design 2013

54
infographiste - metteur en page INFA 2012 - 2013 Frédéric Meissonnier

Upload: frederic-meissonnier

Post on 21-Feb-2016

226 views

Category:

Documents


0 download

DESCRIPTION

Book Graphic Design - Web Design 2013

TRANSCRIPT

Page 1: Book Graphic Design - Web Design 2013

infogr

aphi

ste - m

ette

ur en p

age

infa

2012

- 20

13

Fréd

éric M

eiss

onnie

r

Page 2: Book Graphic Design - Web Design 2013

case studies Print

case studies Web

Pro fessionnel ImprImerIe Gayet

Page 3: Book Graphic Design - Web Design 2013

client Print

client Web

Matte Painting

Page 4: Book Graphic Design - Web Design 2013

4

case studiesCouverture, # 1, # 3, #4 pages ... a prime

Page 5: Book Graphic Design - Web Design 2013

TEXTEEn haut à droite visuel global //

En haut à gauche, le bandeau central, en bas à gauche et à droite se situent

les détails du global.

54

Couverture de la bande dessinée A’. The Last F rontier :

«A Prime. The Last Frontier» //////////////////////////////////////

Couverture de bande dessinée sur le thème

de la science-fiction :

«A Prime. The Last Frontier» //////////////////////////////////////

Page 6: Book Graphic Design - Web Design 2013

6

Page 3

«A Prime. The Last Frontier» /////////////////////////////////////

Page 7: Book Graphic Design - Web Design 2013

76

Page 4

«A Prime.

The Last

Frontier» ////

//////////////////////////////

////////

Décomposition de la page 4

Page 8: Book Graphic Design - Web Design 2013

82

case studiesCommunication Dior addict

*Marque cliente

DIOR

*Accroche

«Addict, Thanks to You» ou «Accro, grâce à toi»

L’objectif était de garder une cohérence entre le produit parfum, dont la bouteille est rose, et la chevelure du modèle. La chevelure doit être moins marquée, d’un rose plus pâle. Un effet mèche en dégradé révèle mieux les qualités intrinsèques du modèle donc par effet de miroir, de l’acheteur (-se). Trop de rose ferai basculer le produit dans une sorte de jeux des vente «manga», du produit de luxe à l’eau de toilette. Cependant, cette dernière possibilité n’a pas était non plus négligé car l’image reste liée au cyber-punk renforcée par l’accroche «Addict, Thanks to You», c’est-à-dire, un parfum qui crée un besoin, un manque. Le concept fort et dérangeant, synonyme de rébellion et de jeunesse peut toucher aussi bien les femmes de 40 à 50 ans de nouveaux en recherche d’identité. Le filtre «translation» a enfin permis de poser l’accroche au centre de l’image et la division en 4 parties de mettre en valeur chaque élément. Les quatre paries se suivent donc comme des épisodes d’une série aboutissant à la fragrance dans toute son ampleur.La dynamique du concept : une femme plurielle, ainsi qu’une femme qui s’adapte à tous les contextes, même aux plus extrèmes tout en gardant son élégance.

*Le modèle

Modèle et actrice reconnue de part ses capacités d’adaptation ainsi que par sa plastique, CHARLIZE THERON, porte Dior depuis 5 ans en tant qu’égérie internationale de la marque prestigieuse. L’actrice incarne la femme forte, complètement émancipée et ne souffre d’aucun complexe.

*Typographie

Deux polices ont été utilisé, la police officielle de la Maison Dior, Roman Elzevir dans la classification Thibaudeau et pour l’accroche l’Adobe Garamond Pro, à empattement, designer(s) Claude Garamond, Jean Jannon. Les deux polices étant historiquement liées, classification Vox/ATypi, famille des garaldes.

Page 9: Book Graphic Design - Web Design 2013

98

# 1 Modèle ?Dans quel but ?

# 2 Découverte de l’épisode«Addict Thanks 2 You»

# 3 Découverte de la marque

#4 Le modèle dévoilé«Addict Thanks 2 You» ; Addict n°2 de Dior

Page 10: Book Graphic Design - Web Design 2013

10

Enchaînement de mises en situatio 4 m - 3 m,Affichage aux sorties des villes,

Poursuite de l’épisode ; Déclinaison des 4 visualisations

Page 11: Book Graphic Design - Web Design 2013

1110

Enchaînement de mises en situatio 200 cm - 150 cm,Affichage rames de métro

Poursuite de l’épisode ; Déclinaison des 4 visualisations

Page 12: Book Graphic Design - Web Design 2013

12

case studiesCouverture # création xion

XION. Connotation exotique dont la provenance ne peut être déterminée bien que familière. Le nom peut faire penser à un mot ou à une fusion de mots grecs.

*Le modèle

Produit indubitablement d’appel, JuDE LAw par sa seule présence, touche l’adolescent (-e) ainsi que la femme de 60 ans. L’acteur incarne en effet aussi bien le «gendre idéal» que l’aventurier, voire le séducteur invétéré. Le magazine est ainsi destiné à public largement féminin sans exclure la part masculine.

*Typographie

Helvetica : classification Vox ATypi, famille des linéales.Bodoni : classification Vox ATypi, famille des didones.

Les polices utilisées sont au nombre de trois, la Helvetica Neue, Bodoni SVTY Two ITC TT.Police de titre : Helvetica Neue TT Regular.Police de sous-titre : Bodoni SVTY Two ITC TT Book Italic.La police des appels : sur deux niveaux, Helvetica Neue Italic et Helvetica Neue Regular.

Page 13: Book Graphic Design - Web Design 2013

1312à droite, mise en situation Londres

affichage de rue 89,4 cm - 128 cm ou F4

Page 14: Book Graphic Design - Web Design 2013

14

case studiesCouverture rolling stone

ROLLING STONE. Il s’agit ici d’une énième première de couverture axée sur l’image de la plus grande star du rock & roll, clairement, l’image du chanteur reste une valeur sure.La couverture, simple mais efficace, entend valoriser la longévité, de Mick Jagger ou l’inoxydabilité du chanteur.

Magazine people

*Le modèle

Mick Jagger

*Typographie

Pour le titre du magasine, Royal Acid, Royal Acid Outline, dessinée par Dennis Ludlow et breveté en 2001 par Sharkshock Productions.Classification VoxATypi : famille des Scriptes.Les titres de seconde importance, Impact, famille des Linéales.

Page 15: Book Graphic Design - Web Design 2013

1514à droite, mise en situation Londres

affichage de rue 89,4 cm - 128 cm ou F4

Page 16: Book Graphic Design - Web Design 2013

16

case studiesCommunication quicksilver

Page 17: Book Graphic Design - Web Design 2013

1716

*Le duke ou l’icône ultime

Duke Paoa Kahinu Mokoe Hulikohola Kahanamoku dit Duke Kahanamoku. Le DUKE à lui seul résume ce qu’est le sport, un mode de vie en accord avec le respect des valeurs traditionnelles. Le père du surf moderne incarne la modernité d’une philosophie dont les plus grandes marques telles que Quicksilver s’inspirent jour après jour.Le Duke avec ses yeux parle d’un monde qui certe n’existe plus, mais dont l’héritage se transmet intact au travers des amoureux de sensations fortes et au-delà, d’une nature que nous nous devons de protéger en la traitant comme une mère. Il est considéré comme l’inventeur du surf moderne et reste un des plus grand nageur de tous les temps.

*Marque cliente

QuICKSILVER

Support visé : 4 m - 3 m ou d’autres formats panoramiques, présence dans les rames de métro, stations, galeries, magazins Quicksilver ou affiliés Quicksilver.

Page 18: Book Graphic Design - Web Design 2013

18

case studiesCommunication quicksilver

Page 19: Book Graphic Design - Web Design 2013

1918

*Kelly Slater ou l’ «extraterrestre»

En 2012, Kelly Slater obtenait son douzième titre mondial au sein de l’ASP (The Association of Surfing Professionals). Après une épreuve époustouflante à Hossegor, compétition au cours de laquelle il devançait Parko et John John, le surfeur origineire de Floride, s’empressait de reprendre la route. Le pipe avait été énorme, mythique et glassy, l’«extraterrestre» ce jour là semblait flotter, tel le surfeur d’argent.Aujourd’hui en 2024, Kelly reste une référence à l’instar du Duke. Mister Slater a certes pris sa retraite, mais loin des circuits, il parcours encore et sans relache, accompagné de sa famille, les vagues du monde entier. Quicksilver sera toujours là pour épauler les Grands et tous les fidèles de la liberté. Quicksilver le référence de tous les moments acquatiques, et pas seulement.

*Marque cliente

QuICKSILVER

*Accroche principale

«Summer style 2024» ou «Style estival 2024»

*Accroche Quicksilver

«Join the Team»

*Typographie :

Impact, dessinée par Geoffrey Lee en1965. Spécialement adaptée pour la ségnalétique, nous la retrouvons dans la compositions pour l’accroche principale. et Republikaps Exp, réalisée en 2000, en ce qui concerne l’accroche de la marque Quicksilver.Classification Vox Atypi : Les deux polices font parties de la famille des linéales.La police utilisée pour «summer style 2024» est : Brush Script Std (à droite), elle fait partie de la famille des Scriptes.

Page 20: Book Graphic Design - Web Design 2013

20

*Visualisations

La présence du Duke ne nécessite pas d’accroche ou slogan, elle est à elle seule la justification d’une campagne de publicité.Comme annoncé en introduction, la présence du Duke réhausse le ton donné à l’affichage. Il va de soi que pour les non-initiés l’accroche sans texte peut-être difficile à percevoir, laissant rêveurs les seuls initiés. Mais, il est des visages qui marquent par leur force expressive comme aujourd’hui le logo Quicksilver qui se passent tous deux de commentaires. Kelly Slater ni est certe pas étranger.Base de la philosophie du surf : la recherche.L’affiche se décline sur tous les formats panoramiques, sur beaucoup de supports et dans tous les lieux possibles.

Ci-dessous affichage metro 200 cm - 150 cm, Kelly

Slater et déclinaison «Summer Style 2024»

à droite Kelly Slater, Jérémy Flores annonce du Surf Tour 2024,

au centre le Duke situation d’affichage 89,5 cm - 128 cm ou F4, gamme avec

«Summer Style 2024»

Page 21: Book Graphic Design - Web Design 2013

2120Bandeau gauche, stuation d’affichage de ville, Londres, Piccadilly Circus, 3 m - 4 m ; 4 m - 3m

Ci-dessus, mise en situation Londres affichage de rue

89,4 cm - 128 cm ou F4 Au centre, Surf shop (Sydney),

128 cm - 89,4 cm ou F4 paysage

Page 22: Book Graphic Design - Web Design 2013

22

case studiesCommunication adidas

*un peu d’histoire

Telle qu’on la connait aujourd’hui, l’usine ADIDAS est née en 1948, cependant les frères Dassler fabriquaient des chaussures depuis 1924. Il a était imaginé que la marque était diffusée depuis cette époque, époque du renouveau des jeux olympiques et d’une période artistique faste, comme l’Art Déco.Les affiches se déclinent donc au grès des jeux, suivant un cycle de 40 ans et les célèbrent en conservant l’esprit artistique de l’époque d’origine.

*La typographie

La police utilisée est l’Avant Garde Gothic Std.De la famille des Linéales selon la classification Vox Atypi, l’Avant Garde Gothic fut créée par Herb Lubalin et Tom Carnase entre 1970 et 1977. Police spécialement adaptée à la signalétique et au titrage, elle se retrouve depuis en concurrence avec la Helvetica, bien que dégageant une impression beaucoup plus luxueuse.

Page 23: Book Graphic Design - Web Design 2013

2322

Page 24: Book Graphic Design - Web Design 2013

24

case studiesCommunication adidas

Page 25: Book Graphic Design - Web Design 2013

2524

à droite Communication, affichage de ville en sitaution, Londres 89,4 cm - 128 cm ou F4,

ci-dessous Paris (Bastille), même affiche et format.

Page 26: Book Graphic Design - Web Design 2013

26

*Philosophie

L’idée est de démontrer que les combats pour les droits de l’homme ne sont pas toujours là où on les attend. En effet, la première affiche. livre une vision encore floue d’une certaine réalité qui déjà envahit le quotidien de chacun. Tous les jours nous utilisons des dizaines de techniques pour mieux communiquer sans plus nous soucier de notre environnement proche, qu’il soit humain ou naturel. La création d’un «nouvel être humain» est en marche : Être théorisé au sein de laboratoires de robotique, situés au coeur d’universités prestigieuses telles que Harvard, le MIT, dont l’épiphénomène est l’Université de la singularité, l’avatar est promis à un bel avenir. Située sur le campus de la NASA en pleine Silicon Valley, Californie. L’Université de la Singularité entend faire de l’être humain une marchandise comme la conçoive les ultra-libéraux américains. L’homme sera modifiable à souhait ou ne sera pas, tel est le credo du transhumanisme. Les modifications peuvent aller de l’infiniment petit, implants nerveux sur le cortex, destinés à améliorer nos facultés cognitives, à l’infiniment grand, prothèses modifiant la mécanique de notre squelette ou exosquelette. Aucune loi de la bioéthique ne devrait plus venir interférer avec leurs agissements. L’être humain inapte à suivre ce mouvement doit donc disparaître, non par la force mais par son inévitable déchéance à ce renouveller techniquement.Aujourd’hui, il est nécessaire de prendre conscience du problème afin d’éviter la fondation et la pérénisation d’une idée dangereuse pour la nature humaine ou altérité de l’être humain dans sa totalité.

*Les symboles

H+ : l’homme modifié.La spirale et les deux flèches : en astrophysique représentation iconographique de la singularité (trou noir).Le panneau ou contour contenant les différents éléments est un signal de danger propre aux USA.

*Les couleurs

CMJN

Rouge : 15, 100, 90, 10 Jaune : 0, 0, 100, 0 Noir : pour la typographie

*L’accroche

«Vous... commence» : souligner la méconnaissance de cette philosophie sectaire et inciter les gens à se renseigner. La campagne se développera offrant petit à petit des précisions au concept.

*Typographie

Pour le texte et le H+ Arial Bold et Helvetica.

case studiesCommunication Amnesty

International

H+

Page 27: Book Graphic Design - Web Design 2013

2726

Vous ne savez pas pourquoinous non plus

mais le combat commence...

Page 28: Book Graphic Design - Web Design 2013

28

case studiesWeb Design

Communication Marseille Provence 2013

*Revisitation du web Design «marseille.fr»

Le site étant d’une complexité hors norme, il s’impose une simplification des rubriques.Toutes les rubriques apparaissent ainsi sur la même page, la page d’accueil avec visualisation immédiate.Le dépouillement fut donc le mot d’ordre face à l’éparpillement du site officiel.

*Les symboles

Outre les logos Marseille, ville de Marseille, la priorité a été donnée à Marseille capitale de la culture 2013, ainsi qu’au pictogramme flêche, pour la dynamique rappelant le mistral et les eaux que environnent la ville .

*Les couleurs

Les couleurs restent celles de la charte graphique de la ville, plus celles de Marseille capitale de la culture 2013.

*Couleurs du logo «marseille.fr», ville et typographique

Pantone : 300 C 298 C

CMJN : 100, 44, 0, 0 70, 0, 0, 0

RVB :0, 101, 18961, 183, 228

hexadécimales :#0066CC#00CCFF

Page 29: Book Graphic Design - Web Design 2013

2928

Page 30: Book Graphic Design - Web Design 2013

30

case studiesWeb Design

Communication abstractart / Anna Sobolewska

Communication WEB Anna Sobolewska

Première proposition web design.

*Résolution

1024 px - 780 px

*Background Le background en flash avec défilement, slider 5 secondes pour chaque image.

*Rubriques

Rubriques en haut à gauche, rappel en bas à gauche.

*Logo

En bas à droite surmonté des mêmes motifs graphiques, exagones.Des liens uniquement graphiques relient les rubriques en haut à gauche.

La clarté, la sobriété et le minimalisme sont de mise.

Page 31: Book Graphic Design - Web Design 2013

3130

Anna Sobolewska is one of Birmingham youngest and best respected interior designer, photograph and visual artist. She’s Offering residential interior design and decoration, commercial interior design and specialist architecture. Anna Sobolewska has produced work for corporate, retail and private clients in the USA, France, Italy,as well as the UK. Based in Birmingham, Anna Sobolewska has designed luxury clothes boutiques on Bond St, offices for major financial houses and law firms, contemporary art galleries. Her flair for detail, combined with unparalled knowledge of architectural refurbishment, interior design and decoration, makes her a first choice for interior design in Birmingham.

abstractartfree art

photography

visualisation

concept art

interior design

inspiration

Photography - Visualisation - Concept art - Interior design - Inspiration - Mentions légales

abstractartfree art

concept art

Photography - Visualisation - Concept art - Interior design - Inspiration - Mentions légales

abstractartfree art

interior design

Photography - Visualisation - Concept art - Interior design - Inspiration - Mentions légales

abstractartfree art

inspiration

Photography - Visualisation - Concept art - Interior design - Inspiration - Mentions légales

abstractartfree art

photography

Photography - Visualisation - Concept art - Interior design - Inspiration - Mentions légales

abstractartfree art

visualisation

Photography - Visualisation - Concept art - Interior design - Inspiration - Mentions légales

Page 32: Book Graphic Design - Web Design 2013

32

case studiesWeb Design

Communication La Canebière

Communication La Canebière

*Résolution

1024 px - 100 %

*Couleurs

RVB ; Hex

Bleu : 42, 166, 212 ; #2AA6D4 Orange : 253, 226, 67 ; #FFEE33 Orange : 250, 199, 46 ; #FFCC33 Orange : 238, 136, 34 ; #EE8822 Blanc : 255, 255, 255 ; #FFFFFF

Dégradé de trois couleurs pour les boutons en linéaire et linéaire ou radial pour les «bulles».

*Background

Blanc.

*Rubriques

Page d’accueilPage ‘Nos bières’Page ‘Formulaire de contact’

Rubriques en haut à gauche, rappel en bas à gauche.

*Logo

En haut à gauche.Des liens uniquement graphiques relient les rubriques en haut à gauche.

La clarté, la sobriété et le minimalisme sont de mise.

Page 33: Book Graphic Design - Web Design 2013

3332

Mentions légalesPowered by FredyX

Nos bières

Nouvelles de la cave

Accueil Où nous trouverNos produits

Accueil

Nouvelles de la cave

Où nous trouver

Nos produits

Nos produitsplusieurs propositions

pour une clientèlede connaisseurs

Où nous trouver ?Plusieurs propositions

pour une clientèlede connaisseurs

Nos bièresplusieurs propositionspour une clientèlede connaisseurs

Nos bières

Accueil

Page d’accueil

Page 34: Book Graphic Design - Web Design 2013

34

Nos bières

Ambrée

Blanche

Blonde

Brune

Lambic

Rouge

Achel BlondeAbbaye Des RocsAchel BruneAmbre Des Flandres - Nord-Pas-de-CalaisAngelus - Nord-Pas-de-CalaisArabierAugustijnAugustijn BruneBacchusBacchus FramboiseBacchus KriekBarbar BlondeBarbar Bok (brune Miel)Belgoo Luppo Dry HoppingBiere Du Desert - Nord-Pas-de-CalaisBlanche HainaultBlanche HonnelleBoon Gueuze Mariage ParfaitBoon Oud GueuzeBourgogne Flandres Vieille BruneBrigandBruegelBud - Etats-UnisBush AmbreeBush BlondeCantillon Gueuze BioCarlsberg Elephant - DanemarkCarolus Cuvee EmpereurCarolus Cuvee Empereur RougeCarolus HopsinjorCarolus TripleChimay BleuChimay RougeChimay TripleCorsendonk AgnusCuvée Des TrollsDe KoninckDelirium TremensDeusDuchesse BourgogneDuvelDuvel VerteEku - AllemagneEname TripleErdinger - AllemagneFloris Pomme FoudroyanteFranziskaner Dunkel - AllemagneFranziskaner Krist - AllemagneFruit DefenduGauloise AmbreeGrain D’orge - Nord-Pas-de-CalaisGuiness - IrlandeGulden DraakGuldenbergHerculeHoegaarden CitronHoegaarden Grand CruHoegaarden RoseHommelbierHopusHoublon ChouffeJacobin GueuzeKapittel AbtKapittel BlondeKapittel DoubleKapittel PriorKarmeliet TripelKasteel BlondeKasteel Cuvée ChâteauKasteel TripelKwakLa ChouffeLa Trappe Blonde - Pays-BasLa Trappe Double - Pays-BasLa Trappe Puur Bio - Pays-BasLa Trappe Quadruple - Pays-BasLa Trappe Triple - Pays-BasLa Trappe Witte - Pays-BasLindemans AppleLindemans CassisLindemans FaroLindemans FramboiseLindemans Gueuze ReneLindemans KriekLindemans PecheresseLuciferLupulusMac ChouffeMaredsous 10 TripleMaredsous 6Maredsous 8Martins P-ale - AngleterreMoinette BioMoinette BlondeMort Subite GueuzeMort Subite Oud KriekMort Subite Oude GueuzeNamur BlancheNoir De DottigniesOerbierOrvalPère NoëlPilsner Urquell - TchéquiePony StoutQueue Charrue AmbreeQueue Charrue BlondeQueue Charrue BruneQueue Charrue TripleQuintineQuintine AmbreeQuintine BlancheRochefort 10Rochefort 6Rochefort 8Rodenbach Grand CruSaison DupontSt Bernardus AbtSt Bernardus Prior 8St Bernardus TripleSt Feuillien BlondeSt Feuillien BruneSt Feuillien Grand CruSt Feuillien TripleSt Louis KriekStruisse EliotStruisse MikkellerStruisse RosseSvea IpaTriple MoineTroubletteUrthel Hop ItUrthel SaisonniaUrthel SamarantheWatou TripleWestmalle DoubleWestmalle TripleWhitbread P-ale - AngleterreXx Bitter

Mentions légalesPowered by FredyX

Nos bières

Nouvelles de la cave

Accueil Où nous trouverNos produits

Belgique France Allemagne Îles britanniques Autres

Page ‘Nos bières’

Page 35: Book Graphic Design - Web Design 2013

3534

Le blog

Sur la bière et ses vertuesLes bienfaits reconnus de la bièrese font sentir dès les premières prises............................................................

Sur la bière et son pouvoirLes bienfaits reconnus de la bièrese font sentir dès les premières prises............................................................

Sur la bière et son pouvoirLes bienfaits reconnus de la bièrese font sentir dès les premières prises............................................................

La bière................................................................................................................Ce deuxième volume de la collection Lezilus présente le travail de quatre jeunes artistes représentants d’une nouvelle scène graphique toujours en mouvement : Steven Burke (France), Guillaumit (France), Marcus Oakley (Angleterre), et Yassine (France). Flyers, couvertures de disque, animation, perfor-mances, street wear, galerie d’art contemporain et publicité sont désormais le terrain de jeu favori de ces artistes d’un nouveau genre. Chacun à leur manière, ils font bouger les lignes, entre l’art urbain, le graphisme et l’illustration. Avec gourmandise et détermination, ils colonisent chaque jour un peu plus notre espace visuel, et multiplient les interventions sur tous les supports.Ce deuxième volume de la collection Lezilus présente le travail de quatre jeunes artistes représentants d’une nouvelle scène graphique toujours en mouvement : Steven Burke (France), Guillaumit (France), Marcus Oakley (Angleterre), et Yassine (France). Flyers, couvertures de disque, animation, perfor-mances, street wear, galerie d’art contemporain et publicité sont désormais le terrain de jeu favori de ces artistes d’un nouveau genre. Chacun à leur manière, ils font bouger les lignes, entre l’art urbain, le graphisme et l’illustration. Avec gourmandise et détermination, ils colonisent chaque jour un peu plus notre espace visuel, et multiplient les interventions sur tous les supports...>

La bière La bière La bière

Mentions légalesPowered by FredyX

Nos bières

Nouvelles de la cave

Accueil Où nous trouverNos produits

Contact

Mentions légalesPowered by FredyX

Nos bières

Nouvelles de la cave

Accueil Où nous trouverNos produits

ContactN’hésitez pas à nous contacterRemplissez le formulaire et un e-mail nous sera envoyé...

* Champs obligatoires

*Nom :

*Prénom :

*Message :

Sujet :

*Recopierle code anti-spam : 1d4t97h

Prévisualiser Envoyer

Formulaire de contact

Page ‘Blog’

Page 36: Book Graphic Design - Web Design 2013

36

Proimprimerie gayetCommunication ville de Mouriès

*spécialité

festivités régionales.

*Client

Comité des Fêtes de Mouriès représenté par la Présidente Madame Maryse Boni.

*Conseils Photos

Manades, Taureaux, courses, arlésiennes, chevaux, gardians, Alliet

*Conseils couleurs

L’olivier, les fêtes taurines, la Provence, les Alpilles

CMJN

Noir : 0, 0, 0, 100 ; pour la typographie texte intérieur Rouge : 0, 100, 100, 0 ; typographie titrage et éléments graphiques texte intérieur Marron clair : 20, 20, 39, 0 ; typographie titrage première de couverture

*Création et exécution des encarts publicitaires

Redimensionnement des formats à insérer

1/8 : 67 mm - 43 mm ; 1/2 : 138 mm - 90 ; 1 : 138 mm - 184 mm.

*Création des gabarits sous QuarkXPress® 7.1*Création des gabarits sous Indesign® CS6

*Gestion du BAT

en collaboration avec Maryse Boni, Présidente du Comité des Fêtes de Mouriès.

*Imposition

PDF et Imposition sur Indesign® CS3 et CTP : placage4 plaques couleurs par 4 plaques d’imposition.

*Suivi presse

avec le conducteur offset Nicolas Pereira

*Tirage

3500 exmplaires

*Format fini

après massicotage, 210 mm - 297 mm ou A4 cahier, double A5, façonnage, agraffé

Page 37: Book Graphic Design - Web Design 2013

36 37Crédits photo : Jean-Pierre et Michèle Ayala

Martine LefebvreMaison du tourisme

2, rue du Temple - 13890 Mouriès - FranceTél. +33 (0) 4 90 47 56 58 - Fax +33 (0)4 90 47 67 33

www.mouries.com - office.mouriè[email protected]

Terre de fêtes et de traditions

MourièsFestivités

2013

4° de couverture

1° de couverture

Page 38: Book Graphic Design - Web Design 2013

38

charte graphique print

ClientCommunication Architecture d’intérieur

*Client : Anna Sobolewska*Domaine de compétence : Architecture/Architecture d’intérieur

*Résidence : Birmingham, West Midlands, United KingdomActuellement freelancer & fulltime che Patel architecture & Design

Bahauss Std Light

ABCDEFGHIJKLMNOPQRSTUVWXYZÀÁÂÃÄÅÆÇÈÉÊËÌÍÎÏÐÑÒÓÔÕÖ×ØÙÚÛÜÝÞabcdeffiflghijklmnopqrstuvxyzßàáâãäåæçèéêëìíïðñòóôõö÷øùúûüýþÿıŁłŒœŠšŸŽžƒ0123456789*+,-./:;<=>?@[\]^_`|~¡¢£¤¥¦§¨©ª«¬ ®¯¯°±²³´µ¶·¸¹º»¼½¾¿ˆˇˉ˘˙˚˛˜˝Ωμπ–—‘’‚“”„†‡•…‰‹›⁄€ℓ™Ω∂∆∏∑−∕∙√∞∫≈≠≤≥◊

Adobe Garamond Pro Regular

ABCDEFGHIJKLMNOPQRSTUVWXYZÀÁÂÃÄÅÆÇÈÉÊËÌÍÎÏÐÑÒÓÔÕÖ×ØÙÚÛÜÝÞabcdeffiflghijklmnopqrstuvxyzßàáâãäåæçèéêëìíïðñòóôõö÷øùúûüýþÿıŁłŒœŠšŸŽžƒ0123456789*+,-./:;<=>?@[\]^_`|~¡¢£¤¥¦§¨©ª«¬ ®¯¯°±²³´µ¶·¸¹º»¼½¾¿ˆˇˉ˘˙˚˛˜˝Ωμπ–—‘’‚“”„†‡•…‰‹›⁄€ℓ™Ω∂∆∏∑−∕∙√∞∫≈≠≤≥◊

Adobe Garamond Pro Italic

ABCDEFGHIJKLMNOPQRSTUVWXYZÀÁÂÃÄÅÆÇÈÉÊËÌÍÎÏÐÑÒÓÔÕÖ×ØÙÚÛÜÝÞabcdeffiflghijklmnopqrstuvxyzßàáâãäåæçèéêëìíïðñòóôõö÷øùúûüýþÿıŁłŒœŠšŸŽžƒ0123456789*+,-./:;<=>?@[\]^_`|~¡¢£¤¥¦§¨©ª«¬ ®¯¯°±²³´µ¶·¸¹º»¼½¾¿ˆˇˉ˘˙˚˛˜˝Ωμπ–—‘’‚“”„†‡•…‰‹›⁄€ℓ™Ω∂∆∏∑−∕∙√∞∫≈≠≤≥◊

Helvetica Neue CE 45 Light

ABCDEFGHIJKLMNOPQRSTUVWXYZÀÁÂÃÄÅÆÇÈÉÊËÌÍÎÏÐÑÒÓÔÕÖ×ØÙÚÛÜÝÞabcdeffiflghijklmnopqrstuvxyzßàáâãäåæçèéêëìíïðñòóôõö÷øùúûüýþÿıŁłŒœŠšŸŽžƒ0123456789*+,-./:;<=>?@[\]^_`|~¡¢Ł¤¥¦§¨©ª«¬ ®¯¯°±²ł´µ¶·¸¹º»¼½¾¿ˆ¡ˉ¢ÿ˚²˜½Ωµπ–—‘’‚“”„†‡•…‰‹›⁄€l™Ω€∂∆∏∑−⁄·√∞∫≈≠≤≥◊

Brush Script Std Medium

ABCDEFGHIJKLMNOPQRSTUVWXYZÀÁÂÃÄÅÆÇÈÉÊËÌÍÎÏÐÑÒÓÔÕÖ×ØÙÚÛÜÝÞabcdeffiflghijklmnopqrstuvxyzßàáâãäåæçèéêëìíïðñòóôõö÷øùúûüýþÿıŁłŒœŠšŸŽžƒ0123456789*+,-./:;<=>?@[\]^_`|~¡¢£¤¥¦§¨©ª«¬ ®¯¯°±²³´µ¶·¸¹º»¼½¾¿ˆˇˉ˘˙˚˛˜˝Ωμπ–—‘’‚“”„†‡•…‰‹›⁄€ℓ™Ω∂∆∏∑−∕∙√∞∫≈≠≤≥◊

TypographieBahauss Standart Light

Créée en 1975 par Ed Benguiat et Victor Caruso à la suite de l’étude du prototype de Herbert Bayer (1925), L’ITC Bahauss sous les déclinaisons (5) de Light à Heavy, n’a eu de cesse de se répandre.Classification Vox-Atypi : Famille des linéales. Sans empattements, la Bahauss std Light est difficilement lisible sur des longueurs de texte de plusieurs lignes.Cependant, sa légèreté lui confère une prédisposition pour la création de logoi et la ségnalétique. Sa simplicité et sa rationalité éprouvées en font donc un parfait matériau à déformer et reformer.

Adobe Garamond Pro

La police Garamond, créée en 1540 par Claude Garamond n’a eu de cesse d’être améliorée et finalement adoptée par Adobe. Elle est utilisée en priorité pour l’édition. Classification Vox-Atypi : égérie de la famille des Garaldes, L’Adobe Garamond Pro est considérée comme la plus lisible et facilement imprimable des polices à empattement. De plus, il a été remarqué que celle-ci était selon le ratio d’encrage, la plus eco-friendly.Pour les besoins de la charte graphique, la police a été déclinée en Regular et Italic, et consacrée à l’adresse du client ainsi qu’à ses qualités professionnelles.

Helvetica Neue CE 45 Light

La Neue Helvetica, née en 1983 est une refonte de la premire Helvetica, rationalisée au niveau des hauteurs et largeurs par Wolfgang Schimpf, Reinhard Haus, Erik Spiekermann et René Kerfante. La police fut déclinée en 51 variantes de caractres (poids) et 3 différentes largeurs (normale, condensée et étendue). En outre les variantes cyrilliques et Europe centrale obtinrent les déclinasons respectives.Classification Vox-Atypi : Aujourd’hui principale représentante de la famille des linéales, ses utilisations majeures se retrouvent dans la signalétique, l’affichage donc le titrage.Dans la charte graphique elle n’est représentée que par le nom et le prénom du client : Anna Sobolewska.

Brush Script Std Medium

Brush Script fut dessinée par Robert E. Smith en 1942 pour l’American Type Founders (ATF). La police simule l’écriture manuelle grâce à son irrégularité.Classification Vox-Atypi : famille des scriptes, elle eut ses heures de gloire dans les années 1950 et 1960.Elle est utilisée dans la charte graphique uniquement bas de page en vue d’imiter la signature du client.

Page 39: Book Graphic Design - Web Design 2013

38 39

40 mm

24 mm 6 mm6 mm

4 mm

4 mm

12 mm

20 mm

2 mm

2 mm

3 mm 3 mm

Logotype

Taille du logo et marges de sécurité internes, logo dit standart, l’homothétie doit être respectées

Visuel logo, taille dite standart, Lettre à

entête, dos cartes de visite

Visuel logo, taille dite standart,

logo de «remplacement»

Visuel logo, cartes de visite recto et carte de correspondance

Visuel logo dit de remplacement, cartes de visite recto et carte de correspondance

La marge extérieure de sécurité du logo est de 3 mm minimum en toute circonstance et ne doit exéder les 20 mm.La marge intérieure de sécurité varie proportionnellement à la hauteur et largeur, homotétiquement, il ne doit pas être déformé aussi bien en largeur qu’en hauteur.Le logo ne doit pas être enfermé dans un cartouche.

Les couleurs de la charte print sont :

CMJN : 10, 100, 90, 10 Rouge : Fond principal du logo et typographie client CMJN : 0, 0, 0, 20 Noir 20% : Fond de remplacement du logo CMJN : 0, 0, 0, 0 Blanc : Typographie du logo CMJN : 0, 0, 0, 100 Noir 100% : Typographie principale CMJN : 0, 0, 0, 80 Noir 80% : Typographie pour les italiques

Page 40: Book Graphic Design - Web Design 2013

40

@Abstractart.fr

Anna Sobolewska July 10. 2013Interior & Artist Designer Birmingham, United Kingdom

Et prima post Osdroenam quam, ut dictum est, ab hac descriptione discrevimus, Commagena, nunc Euphratensis, clementer adsurgit, Hierapoli, vetere Nino et Samosata civitatibus amplis inlustris.

Duplexque isdem diebus acciderat malum, quod et eophilum insontem atrox interceperat casus, et Serenianus dignus exsecratione cunctorum, innoxius, modo non reclamante publico vigore, discessit.Ego vero sic intellego, Patres conscripti, nos hoc tempore in provinciis decernendis perpetuae pacis habere oportere rationem. Nam quis hoc non sentit omnia alia esse nobis vacua ab omni periculo atque etiam suspicione belli?

Procedente igitur mox tempore cum adventicium nihil inveniretur, relicta ora maritima in Lycaoniam adnexam Isauriae se contulerunt ibique densis intersaepientes itinera praetenturis provincialium et viato-rum opibus pascebantur. Has autem provincias, quas Oontes ambiens amnis imosque pedes Cassii montis illius celsi praetemeans funditur in Parthenium mare, Gnaeus Pompeius superato Tigrane regnis Arme-niorum abstractas dicioni Romanae coniunxit. Et prima post Osdroenam quam, ut dictum est, ab hac descriptione discrevimus, Commagena, nunc Euphratensis, clementer adsurgit, Hierapoli, vetere Nino et Samosata civitatibus amplis inlustris.

Duplexque isdem diebus acciderat malum, quod et eophilum insontem atrox interceperat casus, et Serenianus dignus exsecratione cunctorum, innoxius, modo non reclamante publico vigore, discessit.

Anna SobolewskaInterior & Artist Designer

• 1027 Scotland Drive Birmingham UK tel. +447927255458 [email protected] www.abstractart.fr

20 mm

20 mm 20 mm

15 mm

10 mm

20 mm

25 mm

55 mm

Papier à entête

Papeterie

Papier à entêteformat 210 mm - 297 mm

Page 41: Book Graphic Design - Web Design 2013

40 41

Ego vero sic intellego, Patres conscripti, nos hoc tempore in provinciis decernendis perpetuae pacis habere oportere rationem. Nam quis hoc non sentit omnia alia esse nobis vacua ab omni periculo atque etiam suspicione belli? Procedente igitur mox tempore cum adventicium nihil inveniretur, relicta ora maritima in Lycaoniam adnexam Isauriae se contulerunt ibique densis intersaepientes itinera praetenturis provin-cialium et viatorum opibus pascebantur. Has autem provincias, quas Orontes ambiens amnis imosque pedes Cassii montis illius celsi praetermeans funditur in Parthenium mare, Gnaeus Pompeius superato Tigrane regnis Armeniorum abstractas dicioni Romanae coniunxit.

Et prima post Osdroenam quam, ut dictum est, ab hac descriptione discrevimus, Commagena, nunc Euphratensis, clementer adsurgit, Hierapoli, vetere Nino et Samosata civitatibus amplis inlustris.

Duplexque isdem diebus acciderat malum, quod et eophilum insontem atrox interceperat casus, et Serenianus dignus exsecratione cunctorum, innoxius, modo non reclamante publico vigore, discessit.Ego vero sic intellego, Patres conscripti, nos hoc tempore in provinciis decernendis perpetuae pacis habere oportere rationem. Nam quis hoc non sentit omnia alia esse nobis vacua ab omni periculo atque etiam suspicione belli?

Procedente igitur mox tempore cum adventicium nihil inveniretur, relicta ora maritima in Lycaoniam adnexam Isauriae se contulerunt ibique densis intersaepientes itinera praetenturis provincialium et viato-rum opibus pascebantur. Has autem provincias, quas Oontes ambiens amnis imosque pedes Cassii montis illius celsi praetemeans funditur in Parthenium mare, Gnaeus Pompeius superato Tigrane regnis Arme-niorum abstractas dicioni Romanae coniunxit. Et prima post Osdroenam quam, ut dictum est, ab hac descriptione discrevimus, Commagena, nunc Euphratensis, clementer adsurgit, Hierapoli, vetere Nino et Samosata civitatibus amplis inlustris.

Duplexque isdem diebus acciderat malum, quod et eophilum insontem atrox interceperat casus, et Serenianus dignus exsecratione cunctorum, innoxius, modo non reclamante publico vigore, discessit.

Anna SobolewskaInterior & Artist Designer

• 1027 Scotland Drive Birmingham UK tel. +447927255458 [email protected] www.abstractart.fr

55 mm

20 mm20 mm

20 mm

25 mm

Suite de lettre

Papeterie

Suite de lettreformat 210 mm - 297 mm

Page 42: Book Graphic Design - Web Design 2013

42

Birmingham, United [email protected]+447927255458

Anna SobolewskaInterior & Artist Designer

Birmingham, United [email protected]+447927255458

Anna SobolewskaInterior & Artist Designer

3 mm

3 m

m

22,4 mm 22,4 mm

15 mm

15 mm

Papeterie

Cartes de visite

Carte de visite format 85 mm - 55 mm

Recto - Paysage

Carte de visite format 85 mm - 55 mm

Verso - Paysage

Carte de visite de remplacement format 85 mm - 55 mm

Verso - Paysage

Carte de visite de remplacement format 85 mm - 55 mm

Recto - Paysage

Page 43: Book Graphic Design - Web Design 2013

42 43

• 1027 Scotland Drive Birmingham UK tel. +447927255458 [email protected] www.abstractart.fr 5 mm

10 mm

10 mm

10 mm

Papeterie

Carte de correspondance et enveloppeCarte de correspondance format 210 mm - 99 mm

Enveloppe en papier recyclable

format 220 mm - 110 mm

Page 44: Book Graphic Design - Web Design 2013

44

Cab

orer

um n

us.

Erum

inve

ntio

int m

o cu

mqu

i bla

ccab

ores

t res

t ha

rum

rept

a ve

nim

us

dole

store

del

igna

tur?

As, c

um a

dio

et v

olup

tatu

r, so

lorib

us a

ntot

ate

enis

cor

abor

epra

idel

lorp

or m

agna

ture

vol

oria

por

ibus

ci.

Olu

pti b

erna

tur?

N

is et

ani

s sin

cul

labo

. N

am a

qua

m ip

sam

ut

sunt

ur a

lique

.

Mi,

volo

r aud

itasp

id q

ui

aut e

less

um n

ecab

is re

m q

uis r

empo

re, s

itiat

ia p

elig

natin

pr

es e

xeru

m fa

cepu

dis a

libus

ande

m re

ri ve

llam

labo

re,

quam

vol

ecto

rept

at.

Cea

rion

vent

emp,

qui

bus a

cepe

ror s

antu

ribus

dol

o qu

i tec

-te

cto

intia

s et d

ipid

end

i cor

empe

dit.

Mi,

volo

r au

dita

spid

qu

i au

t ele

s-su

m n

ec

ab

is re

m q

uis

rem

po

re,

sitia

tia p

elig

na

tin p

res

exe

rum

fa

ce

pu

dis

alib

usa

nd

em

reri

vella

m

lab

ore

, qu

am

vo

lec

to re

pta

t.

Cab

orer

um n

us.

Erum

inve

ntio

int m

o cu

mqu

i bla

ccab

ores

t res

t ha

rum

rept

a ve

nim

us

dole

store

del

igna

tur?

As, c

um a

dio

et v

olup

tatu

r, so

lorib

us a

ntot

ate

enis

cor

abor

epra

idel

lorp

or m

agna

ture

vol

oria

por

ibus

ci.

Olu

pti b

erna

tur?

Nis

et a

nis s

in c

ulla

bo.

Nam

a q

uam

ipsa

m u

t su

ntur

aliq

ue.

Mi,

volo

r aud

itasp

id q

ui

aut e

less

um n

ecab

is re

m q

uis r

empo

re, s

itiat

ia p

elig

natin

pr

es e

xeru

m fa

cepu

dis a

libus

ande

m re

ri ve

llam

labo

re,

quam

vol

ecto

rept

at.

Cea

rion

vent

emp,

qui

bus a

cepe

ror s

antu

ribus

dol

o qu

i tec

-te

cto

intia

s et d

ipid

end

i cor

empe

dit.

A N

ew In

terio

r D

esig

n C

on

ce

pt

Har

um e

aqui

scia

aut

aut

e.

Dol

or si

t, et

ur m

axim

inum

eni

entiu

m a

tur a

ut e

umqu

unt i

lis

evel

ecat

i di t

o et

lab

in p

oreh

en ih

iliqu

e ve

nt.

Ipsa

m, c

on re

stin

pel m

into

con

sequ

am q

ue n

is et

ur, o

ci

ne

cons

ed m

aior

alig

enda

m, s

eces

ed it

ibus

da ip

sum

nem

porp

os

mos

ven

iend

it.

Del

ende

ndam

, aut

aci

tate

vol

upta

tin re

ped

enisq

uam

ese

quam

, qu

am n

onet

ver

spel

ibus

non

sequ

ibus

dol

es a

liqua

tem

alib

us,

utet

rem

. aut

la v

olen

dia.

Fin

d m

ore

at w

ww

.ab

stra

cta

rt.fr

Dépliant 297 mm - 210 mmou A4, Trifolio, Verso

Pour les photographies © Anna Sobolewska

Page 45: Book Graphic Design - Web Design 2013

44 45

ab

stra

cta

rt

Ovi

delec

tur s

um eu

m ex

erit,

as e

um eo

s et q

uam

rehe

ndig

nist

quisq

ue

veles

eum

rem

por r

emol

essi s

unt o

c t

e sim

ini s

olup

tatu

s dol

upta

-tiu

m v

ellup

i cien

deb

itius

ae p

a nu

met

odi

s deb

itate

m et

est e

sed en

tur

auda

e. At

labo

reni

et v

olup

ie nd

iciet

et la

bora

t im

in co

ne n

est, q

uassi

t at

empe

d et

aut

em q

uam

reic

test

arum

lam

eius

dem

adi

tius,

eum

unt

po

rro

dolu

ab

stra

cta

rtve

ro in

ctia

e et

es e

stior

mol

upta

s and

andu

s dol

lest

aut f

acea

qu

odic

ipsa

nt v

olup

tiuria

aut

resto

qui

sand

ell a

ccae

ctum

lant

o bl

aut

que

sand

icid

qui

d es

t, co

rece

r ept

An

na

So

bo

lew

ska

Sco

tlan

d D

rive

Birm

ing

ha

mte

l. +4

4xxx

xxxx

xxxx

ab

stra

cta

rt.fr

co

nta

ct@

ab

stra

ct.f

r

ab

stra

cta

rta

bst

rac

tart

ab

stra

cta

rta

bst

rac

tart

ab

stra

cta

rt

ab

stra

cta

rtve

ro in

ctia

e et

es e

stior

mol

upta

s and

andu

s dol

lest

aut f

acea

qu

odic

ipsa

nt v

olup

tiuria

aut

resto

qui

sand

ell a

ccae

ctum

lant

o bl

aut

que

sand

icid

qui

d es

t, co

rece

r ept

Dépliant 297 mm - 210 mmou A4, Trifolio, Recto

Pour les photographies © Anna Sobolewska

Page 46: Book Graphic Design - Web Design 2013

46

Pour la photographie © Anna Sobolewska

Papeterie

Flyer 148,5 mm - 210 mm ou A5

Page 47: Book Graphic Design - Web Design 2013

46 47Papeterie

Mockup de la charte print avec carnet de notes en carton recyclable

Page 48: Book Graphic Design - Web Design 2013

48

www.abstractart.fr

Web Design

La marge extérieure de sécurité du logo est de 35 pixels minimum en toute circonstance.La marge intérieure de sécurité varie proportionnellement à la hauteur et largeur, homotéti-quement.

Résolution : 1280 px - 1024 px - montage en pixels.

Les couleurs de la charte web sont :

RVB : 196, 5, 37 ; Hex : #C40525 Logo et typographie principaux RVB : 217, 218, 219 ; Hex : #D9DADB Noir 20% : remplacement du logo RVB : 255, 255, 255 ; Hex : #FFFFFF Blanc : Typographie logo RVB : 0, 0, 0, 0 ; Hex : #000000 Noir 100% : Typographie principale RVB : 87, 88, 90 ; Hex : #57585A Noir 80% : Typographie italiques

charte graphique web

ClientCommunication Architecture d’intérieur

*Client : Anna Sobolewska*Domaine de compétence : Architecture/Architecture d’intérieur

*Résidence : Birmingham, West Midlands, United KingdomActuellement freelancer & fulltime che Patel architecture & Design

Page 49: Book Graphic Design - Web Design 2013

48 49iPad 3 Wide

Macbook Pro Retina

iMac

Page 50: Book Graphic Design - Web Design 2013

50

mat

te p

ainti

ngStellaires Ast

rono

my

Dom

ine

Page 51: Book Graphic Design - Web Design 2013

mat

te p

ainti

ng

AstronomyDomine

YearÊ1LastÊReport

Page 52: Book Graphic Design - Web Design 2013

52

M.S

.K.

Psyc

hefr

acta

l

Page 53: Book Graphic Design - Web Design 2013

52 53

A L

on

g D

ec

em

be

r

Page 54: Book Graphic Design - Web Design 2013