98. Backelite - Digital Service Design by Capgemini 98
La typo,
ça vous parle ?
La typographie est un language visuel qu’il faut désormais considérer
non plus comme un simple outil de diffusion de l’information mais
comme un moyen d’expression, une matière vivante, interactive,
créative et en mutation constante.
99. Backelite - Digital Service Design by Capgemini 99
Bonsoir,
je m’appelle Montserrat.
100. Backelite - Digital Service Design by Capgemini 100
Je n’ai pas été choisie
par hasard
Contexte
Valeurs véhiculées
Attributs
Disponibilité
101. Backelite - Digital Service Design by Capgemini 101
Je n’ai pas été choisie
par hasard
Présentation Keynote
Elégance et modernité
9 graisses et 18 styles
Open source
102. Backelite - Digital Service Design by Capgemini 102
J’ai un message
de fond à vous
faire passer
BIG
TYPE IS THE
NEXT THING
103. Backelite - Digital Service Design by Capgemini 103
Du coup j’y mets
les formes
BIG
TYPE IS
THE NEXT
THING
104. Backelite - Digital Service Design by Capgemini 104
Aujourd’hui, je prends
de plus en plus de
place sur vos écrans
105. Backelite - Digital Service Design by Capgemini 105
J’ai donc besoin
de suivre
certaines règles
pour me faire
bien comprendre.
https://medium.muz.li/typography-that-sacred-cow-ea7a5909ca70
106. Backelite - Digital Service Design by Capgemini 106
https://www.propublica.org/article/how-typography-can-save-your-life
IL EST TOTALEMENT INUTILE DE
ME FAIRE HURLER SUR PLUSIEURS
LIGNES EN PENSANT QUE JE VAIS
ME FAIRE REMARQUER.
107. Backelite - Digital Service Design by Capgemini
IL EST TOTALEMENT INUTILE DE
ME FAIRE HURLER SUR PLUSIEURS
LIGNES EN PENSANT QUE JE VAIS
ME FAIRE REMARQUER.
107
https://www.propublica.org/article/how-typography-can-save-your-life
108. Backelite - Digital Service Design by Capgemini
Il est totalement inutile de
me faire HURLER sur plusieurs
lignes en pensant que je vais
me faire remarquer.
108
https://www.propublica.org/article/how-typography-can-save-your-life
109. Backelite - Digital Service Design by Capgemini 109
Cela fait longtemps que
les designers ont pris
conscience de mon
potentiel graphique
110. Backelite - Digital Service Design by Capgemini 110
Section Title
Backelite - Digital Service Design by Capgemini
111. Backelite - Digital Service Design by Capgemini 111
J’ai donc été très vite
adoptée par des
sites expérimentaux
119. Backelite - Digital Service Design by Capgemini 119
Certains pensent
même que je
suis l’avenir de
l’interface.
https://www.toptal.com/designers/ui/type-design
120. Backelite - Digital Service Design by Capgemini 120
++-
https://www.fontself.com/
Chez Backelite,
on a eu envie de
me trypoter un peu
121. Backelite - Digital Service Design by Capgemini 121
Chez Backelite,
on a eu envie de
me trypoter un peu
https://www.fontself.com/
122. Backelite - Digital Service Design by Capgemini 122
Avant de vous quitter,
je voulais vous montrer
une dernière chose…
124. Backelite - Digital Service Design by Capgemini 124
https://www.behance.net/gallery/57732371/2017-Brand-New-Conference-Identity
125. Backelite - Digital Service Design by Capgemini 125
Je m’appelle Montserrat.
Et je fais partie des milliers de typos
qui ne demandent qu’à prendre vie
dans vos designs.
Merci.
129. Backelite - Digital Service Design by Capgemini
Meetup langages visuels
129
90’s
Une enfance kikoolol
2000’s
Une adolescence
malmenée par Flash
1987
La naissance du GIF
Le GIF a 30 ans :
L’âge d’or ?
2010’s
Le grand retour grâce
aux réseaux sociaux
Backelite - Digital Service Design by Capgemini
Meetup langages visuels
130. Backelite - Digital Service Design by Capgemini
Meetup langages visuels
dans nos mails
sur les articles
dans nos SMS
sur les réseaux sociaux
et même dans nos claviers !
130
Le GIF
pour s’exprimer
Backelite - Digital Service Design by Capgemini
Meetup langages visuels
133. Backelite - Digital Service Design by Capgemini
Meetup langages visuels
133
Le Pop Art pour les nuls
Icones et célébrités Médias populaires Collages et contexte Répétition
Backelite - Digital Service Design by Capgemini
Meetup langages visuels
134. Backelite - Digital Service Design by Capgemini
Meetup langages visuels
134
Le Pop Art pour les nuls
Icons et célébrités
Backelite - Digital Service Design by Capgemini
Médias populaires Collages et contexte Répétition
Meetup langages visuels
135. Backelite - Digital Service Design by Capgemini
Meetup langages visuels
135Backelite - Digital Service Design by Capgemini
Médias populaires Collages et contexte RépétitionIcons et célébrités
Le Pop Art pour les nuls
Meetup langages visuels
136. Backelite - Digital Service Design by Capgemini
Meetup langages visuels
136Backelite - Digital Service Design by Capgemini
Médias populaires RépétitionIcons et célébrités Collages et contexte
Le Pop Art pour les nuls
Meetup langages visuels
137. Backelite - Digital Service Design by Capgemini
Meetup langages visuels
137Backelite - Digital Service Design by Capgemini
Médias populairesIcons et célébrités Collages et contexte Répétition
Le Pop Art pour les nuls
Meetup langages visuels
138. Backelite - Digital Service Design by Capgemini
Meetup langages visuels
138Backelite - Digital Service Design by Capgemini
Meetup langages visuels
Dans une volonté de s’inscrire dans cette ère
d’industrialisation, les peintures du mouvement
Pop Art reprennent les codes graphiques des
impressions à grande échelle avec des techniques
très économiques qui vont limiter le nombre de
couleurs et créer une trame.
La compression comme
signature et identité
graphique
139. Backelite - Digital Service Design by Capgemini
Meetup langages visuels
Pop Art 2.0 ?
139Backelite - Digital Service Design by Capgemini
Meetup langages visuels
Le GIF emprunte des codes du Pop Art parce qu’ils sont
tous les deux connectés à notre culture populaire. Mais
plus qu’un mouvement artistique, est-ce que le GIF ne
serait pas plutôt un outil artistique ? Au même titre que
la peinture, le cinéma, la photographie, la sculpture ou
l’écriture, le GIF a-t-il sa place auprès de ces techniques
d’expressions ?
Il y a un véritable mouvement artistique autour du
medium qu’est le GIF, de nombreux artistes (des « gifs
artistes ») émergent et de véritables créations artistiques
jouent avec les contraintes du GIF.
140. Backelite - Digital Service Design by Capgemini
Meetup langages visuels
140
Cinemagraphs
http://cinemagraphs.com/
Backelite - Digital Service Design by Capgemini
Meetup langages visuels
141. Backelite - Digital Service Design by Capgemini
Meetup langages visuels
141
davidope
http://dvdp.tumblr.com/
Backelite - Digital Service Design by Capgemini
Meetup langages visuels
142. Backelite - Digital Service Design by Capgemini
Meetup langages visuels
142
Micaël Reynaud
http://dunun-koken.dunun.com/
Backelite - Digital Service Design by Capgemini
Meetup langages visuels
143. Backelite - Digital Service Design by Capgemini
Meetup langages visuels
143
Romain Laurent
http://www.romain-laurent.com/
Backelite - Digital Service Design by Capgemini
Meetup langages visuels
144. Backelite - Digital Service Design by Capgemini
Meetup langages visuels
144
INSA
http://gif-iti.tumblr.com/
https://www.theguardian.com/artanddesign/jonathanjonesblog/2015/jan/26/art-gifs-insa-biggest-animated-technology
Backelite - Digital Service Design by Capgemini
Meetup langages visuels
145. Anna Hrachovec // Bernard Demenge // Cyriak // Erdal Inci // Kiszkiloszki // kyttenjanae // Nicolas Fong // Ori Toor // Said Dagdeviren // Scorpion Dagger // Sholim // Tom Morris
Et tellement d’autres encore, tout ceci n’est qu’un petit échantillon de l’étendue du mouvement qui existe actuellement !
147. Backelite - Digital Service Design by Capgemini
Meetup langages visuels
147Backelite - Digital Service Design by Capgemini
Meetup langages visuels
Ce qui est particulièrement amusant avec ces
usages, c'est que certains ont un tel impact et un
tel succès que l'on ne peut plus voir la scène sans
penser au GIF. L'appropriation et la circulation des
fictions produites par les industries culturelles les
transforment donc et donnent un autre sens au
texte vu dans sa globalité.
Quand l’oeuvre dépasse
la fiction
148. Backelite - Digital Service Design by Capgemini
Meetup langages visuels
148Backelite - Digital Service Design by Capgemini
Meetup langages visuels
Grâce à l’AR Kit d’Apple, les usages de la réalité
augmentée se développent et l’un des premiers
acteurs à se positionner n’est autre que le célèbre
Giphy qui permet de faire vivre les fameuses
animations dans notre quotidien.
Une façon de pour le GIF de se ré-inventer et de
dépasser nos écrans ?
iOS 11 invite le GIF dans
notre réalité (augmentée)
149. Backelite - Digital Service Design by Capgemini
Meetup langages visuels
149Backelite - Digital Service Design by Capgemini
Meetup langages visuels
Depuis 2011, un groupe sur Facebook milite pour
lancer le premier festival international du GIF, qui
se tiendrait naturellement à Gif-Sur-Yvette !
Le Festival international
du GIF
150. Backelite - Digital Service Design by Capgemini
Meetup langages visuels
150Backelite - Digital Service Design by Capgemini
Meetup langages visuels
Début février 2014, la Saatchi Gallery de Londres, s’est
associée à Google+ pour lancer un concours de
photographies en mouvement sous format GIF.
Même si Saatchi présente son initiative comme le
«premier concours international» du genre, elle avait
été un peu précédée par la Tate. En janvier 2014, la
Tate Britain a en effet créé un nouveau prix pour l’art
numérique à l’occasion duquel elle a également invité
le public à créer des GIFs et à les soumettre dans le
cadre d’un concours.
Le GIF s’expose
152. Meetup langages visuelsMeetup langages visuels
En octobre 2015, Instagram lance son application Bommerang qui permet
de générer une courte vidéo en boucle de quelques secondes : un héritage
du GIF qui influence la vidéo ?
Car si le Pop Art emprunte ses matériaux à la culture de masse, celle-ci en
retour profite de ses innovations stylistiques. Et cela se traduit probablement
grâce à des outils comme Boomerang qui permettent de créer soi même
des GIFs non pas depuis une pub, un clip ou un film mais directement
depuis notre vie réelle. Un ancrage du GIF significatif dans notre quotidien et
qui influence notre réalité petit à petit. Que ce soit dans les stories ou votre fil
Instagram, on voit éclore de plus en plus ces nouveaux types de GIF où nous
sommes à la fois acteurs, réalisateurs et metteurs en scène de nos propres
histoires.
Le GIF ne se nourrit plus seulement de la culture populaire : il la crée.
Retour
de boomerang
154. Backelite - Digital Service Design by Capgemini
Meetup langages visuels
154Backelite - Digital Service Design by Capgemini
Meetup langages visuels
https://youtu.be/vlAsabCSJsM
http://www.adweek.com/creativity/bacardi-liberates-a-caribbean-town-from-the-shackles-of-instagrams-boomerang/
155. Backelite - Digital Service Design by Capgemini
Meetup langages visuels
155Backelite - Digital Service Design by Capgemini
Meetup langages visuels
https://youtu.be/leGIvWUFeEw
http://www.adweek.com/creativity/this-crazy-gif-filled-beer-ad-pleads-for-a-break-from-the-insanity-of-gifs/
156. Backelite - Digital Service Design by Capgemini
Meetup langages visuels
Backelite - Digital Service Design by Capgemini
Meetup langages visuels
Dans la mode
et le luxe
http://www.ninaricci.com/larue/
157. Backelite - Digital Service Design by Capgemini
Meetup langages visuels
Backelite - Digital Service Design by Capgemini
Meetup langages visuels
Dans la mode
et le luxe
http://golem13.fr/prada-vahram-muratyan-
printemps-ete-2012/
158. Backelite - Digital Service Design by Capgemini
Meetup langages visuels
Backelite - Digital Service Design by Capgemini
Meetup langages visuels
Dans la mode
et le luxe
https://www.fastcompany.com/1681462/steven-
meisel-shoots-diesels-cinemagraphic-ad-
campaign
159. Backelite - Digital Service Design by Capgemini
Meetup langages visuels
Backelite - Digital Service Design by Capgemini
Meetup langages visuels
Dans la mode
et le luxe
http://www.webandluxe.com/02/2012/burberry-
offre-une-seconde-jeunesse-aux-gifs-animes/
160. Backelite - Digital Service Design by Capgemini
Meetup langages visuels
Dans la BD
Backelite - Digital Service Design by Capgemini
Meetup langages visuels
http://stephenvuillemin.com/
161. Backelite - Digital Service Design by Capgemini
Meetup langages visuels
Yelle ou encore M.I.A. utilisent le format du GIF
pour composer leurs clips ou jouer avec leur
esthétique en les intégrant avec elles.
Dans la musique
Backelite - Digital Service Design by Capgemini
Meetup langages visuels
YELLE - La Musique
YELLE - Ba$$in
M.I.A - XOXO
M.I.A - 3D GIF
162. Backelite - Digital Service Design by Capgemini
Meetup langages visuels
162Backelite - Digital Service Design by Capgemini
Meetup langages visuels
Une application pour écouter l’album mais pas
seulement. On y trouve notamment entre autres
un générateur de gifs animés. Intéressant pour un
album thématique sur le questionnement du pop
art d’aujourd’hui non ?
https://www.theguardian.com/technology/2013/no
v/11/hands-on-with-lady-gagas-artpop-album-app
Le GIF pour fédérer
sa communauté
163. Backelite - Digital Service Design by Capgemini
Meetup langages visuels
163Backelite - Digital Service Design by Capgemini
Meetup langages visuels
1 2 3LE GIF EST POPULAIRE
Et il se nourrit de cette culture
populaire pour exister.
Il nous sert à communiquer et
à nous exprimer avec une
palette infinie d’émotions.
LE GIF NOUS INFLUENCE
Et après s’être approprié notre
culture populaire, il s’y intègre
et prend une place telle qu’il
influence notre quotidien,
notre culture et tout ce qui
nous entoure.
LE GIF A 30 ANS
Et il vit un peu son âge d’or
après avoir connu des débuts
douteux et difficiles.
Merci les réseaux sociaux.
Le GIF, le Pop Art, les
langages visuels…
166. Backelite - Digital Service Design by Capgemini 166
Meetup langages visuels
Contact
Audrey HACQ
Lead UI Designer
audrey.hacq@backelite.com
Florian CORDIER
Directeur de Création
florian.cordier@backelite.com
Jules MAHÉ
Lead UI Designer
jules.mahe@backelite.com
Backelite - Digital Service Design by Capgemini
https://www.backelite.com/fr/