Design editorial tendances 2015-2016

Les tendances graphiques

du

présente

partie 1

design éditorial

tour

du m

onde

2015-2016

LES "TEMPS DANCENT" DU DESIGN ÉDITORIAL - 2015-2016

sommaire #1

partie 1:

1 flat&pure le flat design, reflexe confirmé

2 couleurs à 360 le retour des pastels vifs

3 Free typ"ô" La typographie se libère

4 Papier 2.0 la fabrication devient techno



flat & pure

1/


flat

simplicité, épure, 2 dimensions, approche minimaliste,

la conception graphique revient à sa forme la plus pure,

Le moins devient le plus.Contraintes techniques

ou tendance esthétique ?

1flat design


exemples

1flat design


Visuel spéctaculaire en fond plein cadre, typographie minimaliste et formes géométriques simples. Home page pour le site d’un restaurant invitant à la découverte du climat scandinave.Norvége.

1flat design


1flat design

Les pictos noir en «open source».de nombreuses banques d’images pour picto font leur promotion.


1flat design

La couverture du magazine le plus vendu à New York(4 millions exemplaires)2 couleurs primaire, et un titre.USA.


1flat design

Un contenu réduit à son minimum, ici une illustration, un titre, un petit texte pour chaque double page.Consumer magazine d’aéroport.Nouvelles Zélandes.


1flat design

Une illustration simple et percutante pour Lifo, magazine de société.Gréce


1flat design

Image noir et blanc en haute résolution plein cadre, titre et logominimaliste._Nosotros guide TV Brésil


1flat design

Messages courts et illustration simple, impactants et pédagogiqueSite du ministère de l’éducation.Allemagne.

1flat design

Poster pédagogique sur l’écoligie dans la ville de Varsovie.Pologne.


1flat design

autresexemples

>>>>


1flat design


1flat design


exit

a retenir

1flat design


exit

• Brillance sur les objets• Ombres portées• Succession d’effets• Volumes et 3D

1flat design


IN

• Illustrations 2D • Icônes monochromes• Motifs répétés en fond • Visuels qualitatifs plein cadres

1flat design


Le «flat design» tire son influence de différents styles de l’art, y compris: le style suisse, le minimalisme et les styles émergents

du Bauhaus, on peut dire qu’il s’est propagé depuis la sortie du système d’exploitation Apple

IOS 7, Windows 10 et Androïd M.

SOURCE


• Rendre la lecture et la navigation simple et lisiblele retour des hieroglyphes (pictos) pour une communication immédiate complice et planètaire.

• RESPONSIF: les contenus sont préparés pour être mis en scène sur plusieurs formats et systèmes d’exploitation sans avoir besoin de retravailler des éléments complexes.

• ESTHETIQUE: trop d’effets tue l’effet, les styles se reportent sur l’iconographie.

POURQUOI1flat design


free typ"ô"

2/


La typographie sous toutes ses formes !

Les titres et les identitées graphiques se lâchent ! la typographie se libére des contraintes de prix et de droits

pour le plus grand bonheur des graphistes du monde entier qui

l’utilisent sans limites et lui redonnent ses lettres de noblesse.

2typ"ô"


2typ"ô"

exemples

La presse américaine dite «people» souligne les personnalités dans un exer-cice de style créatif et original chaque mots est dessinés ou composés en sym-biose avec le visuel. Sting, Bob Dylan, Daniel Craig et Ben Affleck.USA.

2typ"ô"


2typ"ô"


Le 1er septembre 2015, Google offi-cialise un nouveau logo qui tranche avec le précédent, il est composé cette fois-ci uniquement de cercles et de traits, laissant tom-ber la typographie «serif» Catull utilisée depuis 1999.USA.


Périodiquement, Google procède à des adaptations temporaires de son logo, les ver-sions modifiées étant affichées pendant une journée sur la page d’accueil de son moteur de recherche : ce sont les Goo-gle DoodlesUSA.

2typ"ô"


2typ"ô"

Ouverture de chapitre pour le Magazine «Fortune»USA.


2typ"ô"

Poster pour la foire du livre de design de l’univer-sité Zhejiang Gongshang.Ici les lettres ont été décou-pées et pho-tographiées avant d’être recomposées en visuel.Chine.


2typ"ô"

Identités graphiques en forme de labels graphique, ces éti-quettes composent lesommaire déroulant des contenus du siteUSA.


Poster pour le programme du théatre Helena Sà Costa.Portugal.

2typ"ô"


Les «quotes» ces petites phrases spirituelles et philosophiques qui in-nondent nos réseaux sociaux. Ces phrases sont designées pour être mémorisées et pour être partagées.

2typ"ô"



2typ"ô"

La typo comme struc-ture graphique pour des cartes postales Dior France.


La grande Fête du graphisme à Paris 3éme édition.Expositions, livres, confé-rences de desi-gners venuent du monde entier dont Jan Bajtlik (en haut à gauche) sont présents à Paris en janvier et février 2016France.

2typ"ô"


Couverture composés en mode fichier PAO.Les typogra-phies choisies font références à l’univers des premiers logi-ciels, culture «nostalgeeks» garantie pour TheVerge.USA.

2typ"ô"


Les mots clés deviennent un visuel a part entiéreOuverture.pour maga-zines d’ actua-lité.Angleterre

2typ"ô"


Travailler la typo à la main c’est pas facile, mais le résultat sera à la hauteur de votre talent: donc unique.Belgique.

2typ"ô"


2typ"ô"

autresexemples

>>>>


2typ"ô"


2typ"ô"


2typ"ô"

exit

a retenir


exit

• Les typographies classiques• Les contraintes techniques • l’interdiction d’usage

2typ"ô"


IN

2typ"ô"

• Les typos manuscrites • Les free-fonts• La typo comme illustration


La typographie depuis Gutemberg et ses lettrines ont toujours été utilisées pour

illustrer le corps du texte. La pop culture , l’apparition de la PAO et les designer l’ont remis en scène

de manière spéctaculaire

SOURCE


• La multiplication des médias et des formats de lecture appellent à l’originalité,

• Il faut plus que jamais capter l’ œil !

• La revanche du «print», pour se singulariser le print réhausse sa créativité.

• Pour des raisons techniques, la typo est moins travaillée pour le digitale

POURQUOI 2typ"ô" 3/


à 360couleurS 3/


Le code couleur a changé ! après quelques années

discrètes, aplats pastels vifs, illustrations aux couleurs primaires

motifs graphiques, innondent les pages et galavanisent l’ œil,

allez un peu de joie !

3couleurs


exemples

3couleurs

Datadesign expliquant la signification psychologiques des couleurs. Classement et répartitions sur les logo des plus grandes entreprises américaines. USA

3couleurs


3couleurs

Une image noir et blanc fusionnée avec des couleurs vives en mode dégradé.Viens-là agence digitale. France


Poster pour les prix «Dulux Colour» Ces awards offrent neuf catégories d’entrée et dix possibilités d’être reconnu pour une utilisation exceptionnelle de la couleur.Australie.

3couleurs


The New York Times Magazine est la réference américaine du magazine de qualité, lors de son relooking en 2015 les partis pris étaient d’utiliser les couleurs vives dans les visuels.USA.

3couleurs


Home page dans un univers graphique en bailladères pour ce site offrant des services matrimo-niauxGréce.

Home page en motion design pour fivefootsix agence de communication et de design.Prix awwards 2015Angleterre.

3couleurs


Retrospective la musicale pour le site de Spotify.image traitée en duochrome.USA.

3couleurs


Poster pour un festival de cinema.2 couleurs primaires ressortent fortementsur un visuel noir.Russie.

3couleurs


David Mac Candless le célebre designer du «data design» utilise des couleurs vives sur fond noir pour illustrer ses livres de datavision.Angleterre.

3couleurs

Nouvelle identité graphique pour l’Atlantic Theater Company de New YorkFondée en 1985.USA.

3couleurs


Home page pour un site sur graphisme et le design japonais Gurafiku.Japon.

3couleurs


Musa book livre sur le designLa couverture est calquée d’un papier vert transparent. Portugal.

3couleurs


Noir + jaunediverses combinaisons pour un impact garantie !

Affiche pour la foire du livre à Bruxelles ou un groupe de rock au Danemark.

3couleurs


Home page de VO2 group. Un design inspiré des années 80 par ses formes géométriques et son code couleur.France

3couleurs


Catalogue de design mobilier.Un cahier central en calque vert contient certains des textes.Irlande.

3couleurs


3couleurs

autresexemples

>>>>


3couleurs


3couleurs


3couleurs

a retenir

les couleurs sont en «open source». Pantone génére des palettes pour chaque

saison. Les sites de template graphique regorgent de solutions acidulées.

Mais aussi par esprit vintage et nostalgique les couleurs des années 80 et 90 sont de retour.

SOURCE


• Dans une époque d’émotion la couleur s’ exprime sur tous les supports

• La couleur et un moyen efficace et immédiat, un neuro transmetteur puissant.

• Les couleurs vives et flashy créent une distraction pour les utilisateurs d’applications mobiles et de sites elles permettent de bien se repérer sur les écrans.

POURQUOI 3couleurs


papier 2.0

4/


papier 2.0

le papier se rebelle ?un média ancien mais qui se modernise

devient RARE, noble, et raffiné.De nombreuses techniques d’ impression et des nouvelles matières apparaissent

les formats aussi s’emancipent.bref LE PAPIER n’a jamais

été aussi beau

4fabrication


exemples

4fabrication

Un coffret rigide qui renferme 3 volumes thématisés du rapport annuel de Pirelli. Un angle en découpe permet a cet objet de luxe de tenir debout. Italie.

4fabrication


Plaquette de mode dépliant grandeur nature (1m80) de hauteur.Japon.

4fabrication


Coffret réalisée sur une imprimante 3D plastic pour ce roman deChang-rae «On Such a Full Sea» USA.

4fabrication

Surcouverture en «bague» plastique micro pérforée pour un livre de design.Espagne.

4fabrication


4fabrication

A4 une brochure dépliante pour un programme immobilier.Perou.


Coffert plaqué et lannières en tissus.Year book pour la fondation Lien.Singapour.

4fabrication


4fabrication

Couverture intégrant un engrenage plastic modulable évo-quant la qualité et la modulari-té des produits. Portugal


Double coffret pour intégrer la documentation financièred’Exxaro.Australie

4fabrication


Perforations au laser.L’outil permet une extreme précison Catalogue de matériel de cuisine.Canada

4fabrication


Dans la boite !Un rapport annuel en mini-formats livrés dans ces boites de conserve.Banques Alimentaires du QuebecCanada.

4fabrication


Brochure en multi -pliage style origami.32 plis sur papier cartonéArgentine.

4fabrication


«Sur l’histoire du journal» Essai publié sur un tabloîd grand format pour raconter l’épopée de la presse quotidienne.Autriche


autresexemples

>>>>


4 4fabrication


4fabrication


4fabrication

a retenir


On imprime moins , mais on imprime mieux.Le print se transforme en objet de luxe.

Le travail sur la matiére évolue, impression 3D, vernis, gaufrages, perforations

découpe laser, papier lumineux etc... la fabrication se modernise et se démocratise.

SOURCE

• Les années de développement durable ont favorisé la recherche d’un meilleur usage

• Le print se transforme en objet parfois luxueux et «collector», il devient décoratif.

• Le papier réconfortant devient noble et se distingue du «main stream» digital.

Pourquoi4fabrication


a suivre ...


constats

On analyse souvent le fond, les chiffres,

mais rarement le design, pourtant il exprime tout,

on le croit subjectif

mais il est en réalité objectif.

Les tendances du design éditorial expliquent

les usages, les techniques, les humeurs.


constats

le design éditorial est...

En perpetuelle évolution,

car il est un reflet de la société

Omniprésent, le design n’a jamais été aussi vu

Démocratisé, tout le monde peut publier

des contenus

Indispensable car dans la profusion

des contenus, il permet la compréhension

des messages.


recherches

Des semaines de recherches pour glaner le «best of». Plus d’une centaine de blogs, sites, et portfolios mais aussi les portails de lauréats et les concours de design à travers le monde.

a suivre...

partie 2: en cours de réalisation

icône: les nouveaux hieroglyphes sont là

images: post prod toujours plus !

templates: l’uberisation du design ?

artisanat graphique: le retour aux racines

alors besoin d’un

?


Le «benchmarking» visuel vous permet d’aiguiser vos axes de recherches, de partager et d’analyser des constats et convictions avec tous vos publics.

Pour: Illustrer, accompagner vos recommandations et projets Animer et co-présenter vos rencontres interprofessionnels Création d’outils de communication pédagogiques

préstations:

Etudes des tendances et benchmarks

Consulting et direction de création

Production et présentation

de contenus

En tant que directeur de création fondateur du avec + de 25 ans d’ experience dans la presse magazine et en agences de communications corporate, je réalise et présente de nombreux «benchmark» et autres analyses sur les tendances graphiques.Pour inspirer les équipes de créatifs mais aussi et surtout pour illustrer des études.

Palmarès: Le baromètre des rapport annuels du CAC40 10 éditions Le tour du monde des documents corporate 6 éditions Les tendances de la communication interne en France Les tendances visuelles des ONG dans le monde

(avec Sequoia, Makhéia, et Occurences)

références


En tant que directeur de création fondateur du avec + de 25 ans d’ experience dans la presse magazine et en agences de communications corporate, je réalise et présente de nombreux «benchmark» et autres analyses sur les tendances graphiques.Pour inspirer les équipes de créatifs mais aussi et surtout pour illustrer des études.

Palmarès: Le baromètre des rapport annuels du CAC40 10 éditions Le tour du monde des documents corporate 6 éditions Les tendances de la communication interne en France Les tendances visuelles des ONG dans le monde

(avec Sequoia, Makhéia, et Occurences)

Prenez rendez-vous pour une présentation compléte

de cette étude ou pour tout autre projet,

selon vos besoins et votre actualité

contacts >>>>


HUBert Blavier 06 07 57 87 79

mail: [email protected]

Book sur: hblavier.carbonmade.com

Design éditorialconsulting

direction artistiquepilotage projetbenchmarking

merci a bientôt


merci a bientôt