[Geoffrey Dorne] Conference Design & recherches scientifiques - Nice - Laboratoire de Physique de la...

Geoffrey Dorne | Laboratoire de Physique de la Matière Condensée | Novembre 2011 p.1

Graphisme &

communication scientifique


Ensad - design graphique & multimédiadébut d’activité - designer indépendant, 2004blog - Graphism.fr & Jaffiche.frcréation de société - yoocasa.com, 2008mémoire & diplôme - interfaces en ligne & Hacking Citoyenchercheur EnsadLab (identité numérique mobile), 2010Mozilla (Firefox 4)CEA (Commissariat à l’Énergie Atomique)Orange Valléeenseignement, conférences, workshopssociété de design, 2012

présentation personnelle


Graphisme &

communication scientifique


1


« ce qui est bien conçu est facile

à expliquer. »

savoir-faire et faire savoir


John Quincy St. Clair - téléporter des humains à travers un trou de ver qui relie un trou noir a un trou blanc


dans une œuvre d’art,

une image = cent messages


Cène Léonard de Vinci - 1498


dans le graphisme,

une image = un message


Shigeo Fukuda - Graphiste Japonais - affiche commémoration 30e anniversaire de la fin de la seconde guerre mondiale


connaître son messageest déjà 50% du travail

graphique effectué.


2


les ingrédients des présentations

scientifiques


1 le temps10 - 15 minutes pour présenter un résultat : 10 slides

45 minutes pour le grand public : 40 slides


votre bénéfice net

57780€soit 30%

matière, transport, équipement, énergétique, main d’oeuvre, moule, intervention spécialiste...

l’important ce n’est pas le chiffre mais ce qu’il signifie


2 première slidetitreauteurslogos des laboratoiresnom de la conférencele gabarit...


la première slideva déterminer toutes

les suivantes


le formatla mise en pagela typographiel’iconographie& les couleurs



le format


1024 par 768pxou 21 par 29,7 cm


1280 par 800px



la mise en page


KISS. (Keep it Simple, Stupid)

« Ne complique pas les choses »

p.30Geoffrey Dorne | Laboratoire de Physique de la Matière Condensée | Novembre 2011

techniques de préparation, élaboration & étude de couches minces

de Germanium

laboratoire d’accueil : LPMC | responsable : M. Büssel | étudiant : V. Totoro

Master pro MQM

le 17 janvier 2012 à nice

centré


laboratoire d’accueil : LPMCresponsable : M. Büsselétudiant : V. Totoro

À Nice, le 17 Janvier 2012, Master pro MQM

techniques de préparation, élaboration & étude de couches minces de Germanium

ferré à gauche


laboratoire d’accueil : LPMCresponsable : M. Büssel

étudiant : V. Totoro

labo

rato

ire d

’acc

ueil :

LPM

Cre

spon

sabl

e : M

. Büs

sel

étud

iant

: V.

Tot

oro

techniques de préparation,

élaboration & étude de couches minces

de Germanium

techniques de préparation, élaboration & étude de couches minces de Germanium



la typographie


3 la typographiedonne du sensl’élément graphique principalpermet des variationspermet le contraste


2typos

utiliser un couple contrasté de typographies


discussion• Nanoparticles are obtained by phase separation with the MCVD

• Ca, P and Er are located into nanoparticles

• Inhomogeneous broadening of the Er emission

• Applications can be extended to laser...

classique - titre : copse - texte de labeur : fengardo


étude comparative :résistance aux pneus chauds

légende :

liants utilisés & arrachement des pneus à 90° :

moderne - titre & texte : junction - texte italique : Droid serif

pas d’arrachement ni ramollissement

ramollissement & tâches arrachement

Styrène AcryliqueVinylique Acrylique


100 ptpour un titre

en 1024 par 768px


60 ptpour un

sous-titre

en 1024 par 768px


30 ptpour un

petit texte

en 1024 par 768px


ceci est un titrececi est un magnifique sous-titre élégant, de 60 pt

Ceci est un petit texte de 30 pt qui reste lisible et qui pourtant peut contenir beaucoup plus d’informationspour détailler des points secondaires.


1,5hauteur de ligne


taille de la typo * 1,5 = hauteur de ligne

30 pt * 1,5 = 45 pt32 pt

Ceci est un petit texte de 30 pt qui reste lisible et qui pourtant peut contenir beaucoup plus d’informations pour détailler des points secondaires.

Ceci est un petit texte de 30 pt qui reste lisible et qui pourtant peut contenir beaucoup plus d’informations pour détailler des points secondaires.


12mots par ligne


65caractères par ligne


le formatla mise en pagela typographiel’iconographie& les couleursl’iconographie& les couleurs


toujours jouer sur le contraste

ne pas tenter le dégradé linéaire


...mais pourquoipas le dégradé

radial ?



2couleurs

deux couleurs, car la couleur viendra par elle-même des schémas, des images...


bordure de 2 ou 4 px autour de l’image pour l’intégrer dans la présentation

TEM pictureCRHEA, Nice (France)

Aiguille de rutile traversant un cristal d’anatase - MEB



0

1

2

3

4

Quotation *

* Evaluation basée sur perte de masse et apparence visuelle

VinyliqueAcryliqueStyr. Acry.

étude comparative - résistance à l’abrasion

un fond transparent qui ne tranche pas trop mais isole le schéma


3


le poster !

format A0 portrait (841 * 1189 mm) - structuré en étapes - imprimé


un poster est faitpour être vu de loin...*

*en théorie.


les mêmes règlesmais pour l’imprimé- format : 841 par 1189mm- typographie : 14 pt, 22 pt, 30 pt et plus- deux couleurs (cmjn)- longueurs de lignes, etc.- la grille


la grille à 12 colonnes


exemple de blocs dans une grille à 12 colonnes


la grille


Les pictogrammes permettent de faire retenir les choses plus facilement & sont une meilleure amorce qu'un gros titre


pensez au papierrecyclé et aux encres

végétales


4


quelques ressources


1 typographie(s)

- openfontlibrary.org (opensource)- fontsquirrel.com (gratuits & opensource)- velvetyne.fr (opensource titrage)


2 icônes, symboles

- thenounproject.com- fsd.it/sirucapictograms (opensource)- picol.org (creative commons)


3 posters / datavisualisation

- visual.ly- datavisualization.ch- visualcomplexity.com


conclusion.


merci !des questions ?

Geoffrey Dorne - http://graphism.fr - @GeoffreyDorne

[Geoffrey Dorne] Conference Design & recherches scientifiques - Nice - Laboratoire de Physique de la...

Design

Transcript of [Geoffrey Dorne] Conference Design & recherches scientifiques - Nice - Laboratoire de Physique de la...