SlideShare une entreprise Scribd logo
1  sur  59
Graphisme Web + Charte Graphique

                                     Everardo REYES
                              L3 Infocom, Université Paris 13




Thursday, January 19, 12
Graphisme du Web




Thursday, January 19, 12
Les   4   sites les plus visités




Thursday, January 19, 12
Thursday, January 19, 12
Thursday, January 19, 12
Thursday, January 19, 12
Thursday, January 19, 12
Graphisme Web :

                           design de la maquette + charte graphique




Thursday, January 19, 12
Thursday, January 19, 12
Thursday, January 19, 12
Thursday, January 19, 12
Thursday, January 19, 12
Thursday, January 19, 12
Thursday, January 19, 12
Thursday, January 19, 12
Thursday, January 19, 12
Nouveau Graphisme Web




Thursday, January 19, 12
Quels sont les aspects importants des exemples suivants ?


                           Comment pensez-vous la maquette et la charte graphique ?




Thursday, January 19, 12
Thursday, January 19, 12
Gros Titres




Thursday, January 19, 12
Thursday, January 19, 12
Sketch / Design à la main :combinaison de plusieurs styles visuels




Thursday, January 19, 12
Thursday, January 19, 12
Types et tailles de police




Thursday, January 19, 12
Thursday, January 19, 12
Types et tailles de police




Thursday, January 19, 12
Thursday, January 19, 12
Types et tailles de police




Thursday, January 19, 12
Thursday, January 19, 12
Images énormes




Thursday, January 19, 12
Thursday, January 19, 12
Images énormes




Thursday, January 19, 12
Thursday, January 19, 12
Images énormes




Thursday, January 19, 12
Thursday, January 19, 12
Images énormes




Thursday, January 19, 12
Thursday, January 19, 12
Métaphores visuelles et perspectives




Thursday, January 19, 12
Thursday, January 19, 12
Métaphores visuelles et perspectives




Thursday, January 19, 12
Thursday, January 19, 12
Métaphores visuelles et perspectives




Thursday, January 19, 12
Thursday, January 19, 12
Minimalisme et contraste des couleurs




Thursday, January 19, 12
Thursday, January 19, 12
Minimalisme et contraste des couleurs




Thursday, January 19, 12
Thursday, January 19, 12
Grands pieds




Thursday, January 19, 12
Thursday, January 19, 12
Grands pieds




Thursday, January 19, 12
Thursday, January 19, 12
Retro




Thursday, January 19, 12
Thursday, January 19, 12
Retro




Thursday, January 19, 12
Thursday, January 19, 12
Retro




Thursday, January 19, 12
Thursday, January 19, 12
Remédiation de médias anciens




Thursday, January 19, 12
Peut-on penser à des nouveux styles ou formes visuelles ?


                           Où regarder ?




Thursday, January 19, 12

Contenu connexe

En vedette

Restauration : l'innovation passe à table
Restauration : l'innovation passe à tableRestauration : l'innovation passe à table
Restauration : l'innovation passe à tableLaNetscouade
 
ART D’AUTOROUTE JULIEN LELIÈVRE
ART D’AUTOROUTE JULIEN LELIÈVREART D’AUTOROUTE JULIEN LELIÈVRE
ART D’AUTOROUTE JULIEN LELIÈVREGeoffrey Dorne
 
Maitriser les codes du web design
Maitriser les codes du web designMaitriser les codes du web design
Maitriser les codes du web designCap'Com
 
LES PUCES DE L'ILLUSTRATION 2016
LES PUCES DE L'ILLUSTRATION 2016LES PUCES DE L'ILLUSTRATION 2016
LES PUCES DE L'ILLUSTRATION 2016Geoffrey Dorne
 
INNOVER EN FRANCE AVEC LE DESIGN THINKING ? Mémoire
INNOVER EN FRANCE AVEC LE DESIGN THINKING ? MémoireINNOVER EN FRANCE AVEC LE DESIGN THINKING ? Mémoire
INNOVER EN FRANCE AVEC LE DESIGN THINKING ? MémoireGeoffrey Dorne
 
Communication Visuelle - introduction
Communication Visuelle - introductionCommunication Visuelle - introduction
Communication Visuelle - introductionDaniela Bak
 
La gestion juridique des marques sur les médias sociaux
La gestion juridique des marques sur les médias sociauxLa gestion juridique des marques sur les médias sociaux
La gestion juridique des marques sur les médias sociauxCedric Manara
 
Les MOOC: conception, usages et modèles économiques
Les MOOC: conception, usages et modèles économiquesLes MOOC: conception, usages et modèles économiques
Les MOOC: conception, usages et modèles économiquesUPMC - Sorbonne Universities
 
UX Design + UI Design: Injecting a brand persona!
UX Design + UI Design: Injecting a brand persona!UX Design + UI Design: Injecting a brand persona!
UX Design + UI Design: Injecting a brand persona!Jayan Narayanan
 
Mobile : comment y aller sans le regretter ? à Lyon
Mobile : comment y aller sans le regretter ? à LyonMobile : comment y aller sans le regretter ? à Lyon
Mobile : comment y aller sans le regretter ? à Lyonaltima°
 
Tendances mobiles et digitales du MWC 2015
Tendances mobiles et digitales du MWC 2015Tendances mobiles et digitales du MWC 2015
Tendances mobiles et digitales du MWC 2015Valtech
 
Livre blanc sur les consultations de design
Livre blanc sur les consultations de designLivre blanc sur les consultations de design
Livre blanc sur les consultations de designGeoffrey Dorne
 
Le guide de la commande de design graphique.
Le guide de la commande de design graphique.Le guide de la commande de design graphique.
Le guide de la commande de design graphique.Geoffrey Dorne
 
Livret serie graphique
Livret serie graphiqueLivret serie graphique
Livret serie graphiqueGeoffrey Dorne
 
« Dans quelle mesure la relation entre client et designer graphique peut-elle...
« Dans quelle mesure la relation entre client et designer graphique peut-elle...« Dans quelle mesure la relation entre client et designer graphique peut-elle...
« Dans quelle mesure la relation entre client et designer graphique peut-elle...Geoffrey Dorne
 
La représentation 3d 2d
La représentation 3d 2dLa représentation 3d 2d
La représentation 3d 2dINASUMONS
 
The role of Design Thinking
The role of Design ThinkingThe role of Design Thinking
The role of Design ThinkingPieter Baert
 

En vedette (20)

Orange ppt
Orange pptOrange ppt
Orange ppt
 
Green 2d 07_scale_and_proportion
Green 2d 07_scale_and_proportionGreen 2d 07_scale_and_proportion
Green 2d 07_scale_and_proportion
 
Restauration : l'innovation passe à table
Restauration : l'innovation passe à tableRestauration : l'innovation passe à table
Restauration : l'innovation passe à table
 
ART D’AUTOROUTE JULIEN LELIÈVRE
ART D’AUTOROUTE JULIEN LELIÈVREART D’AUTOROUTE JULIEN LELIÈVRE
ART D’AUTOROUTE JULIEN LELIÈVRE
 
Maitriser les codes du web design
Maitriser les codes du web designMaitriser les codes du web design
Maitriser les codes du web design
 
LES PUCES DE L'ILLUSTRATION 2016
LES PUCES DE L'ILLUSTRATION 2016LES PUCES DE L'ILLUSTRATION 2016
LES PUCES DE L'ILLUSTRATION 2016
 
00 ix d - introduction
00 ix d - introduction00 ix d - introduction
00 ix d - introduction
 
INNOVER EN FRANCE AVEC LE DESIGN THINKING ? Mémoire
INNOVER EN FRANCE AVEC LE DESIGN THINKING ? MémoireINNOVER EN FRANCE AVEC LE DESIGN THINKING ? Mémoire
INNOVER EN FRANCE AVEC LE DESIGN THINKING ? Mémoire
 
Communication Visuelle - introduction
Communication Visuelle - introductionCommunication Visuelle - introduction
Communication Visuelle - introduction
 
La gestion juridique des marques sur les médias sociaux
La gestion juridique des marques sur les médias sociauxLa gestion juridique des marques sur les médias sociaux
La gestion juridique des marques sur les médias sociaux
 
Les MOOC: conception, usages et modèles économiques
Les MOOC: conception, usages et modèles économiquesLes MOOC: conception, usages et modèles économiques
Les MOOC: conception, usages et modèles économiques
 
UX Design + UI Design: Injecting a brand persona!
UX Design + UI Design: Injecting a brand persona!UX Design + UI Design: Injecting a brand persona!
UX Design + UI Design: Injecting a brand persona!
 
Mobile : comment y aller sans le regretter ? à Lyon
Mobile : comment y aller sans le regretter ? à LyonMobile : comment y aller sans le regretter ? à Lyon
Mobile : comment y aller sans le regretter ? à Lyon
 
Tendances mobiles et digitales du MWC 2015
Tendances mobiles et digitales du MWC 2015Tendances mobiles et digitales du MWC 2015
Tendances mobiles et digitales du MWC 2015
 
Livre blanc sur les consultations de design
Livre blanc sur les consultations de designLivre blanc sur les consultations de design
Livre blanc sur les consultations de design
 
Le guide de la commande de design graphique.
Le guide de la commande de design graphique.Le guide de la commande de design graphique.
Le guide de la commande de design graphique.
 
Livret serie graphique
Livret serie graphiqueLivret serie graphique
Livret serie graphique
 
« Dans quelle mesure la relation entre client et designer graphique peut-elle...
« Dans quelle mesure la relation entre client et designer graphique peut-elle...« Dans quelle mesure la relation entre client et designer graphique peut-elle...
« Dans quelle mesure la relation entre client et designer graphique peut-elle...
 
La représentation 3d 2d
La représentation 3d 2dLa représentation 3d 2d
La représentation 3d 2d
 
The role of Design Thinking
The role of Design ThinkingThe role of Design Thinking
The role of Design Thinking
 

Plus de Everardo Reyes-García

L’image-interface : Approche sémio-technique des objets hypermédia
L’image-interface : Approche sémio-technique des objets hypermédiaL’image-interface : Approche sémio-technique des objets hypermédia
L’image-interface : Approche sémio-technique des objets hypermédiaEverardo Reyes-García
 
Experimental categorization and deep visualization
 Experimental categorization and deep visualization Experimental categorization and deep visualization
Experimental categorization and deep visualizationEverardo Reyes-García
 
A distant reading of Greimas' Dictionnaire
A distant reading of Greimas' DictionnaireA distant reading of Greimas' Dictionnaire
A distant reading of Greimas' DictionnaireEverardo Reyes-García
 
Enjeux des cultural analytics et sémiotique visuelle
Enjeux des cultural analytics et sémiotique visuelleEnjeux des cultural analytics et sémiotique visuelle
Enjeux des cultural analytics et sémiotique visuelleEverardo Reyes-García
 
Computer Art Congress 2016 [CAC.5] - Opening slides
Computer Art Congress 2016 [CAC.5] - Opening slidesComputer Art Congress 2016 [CAC.5] - Opening slides
Computer Art Congress 2016 [CAC.5] - Opening slidesEverardo Reyes-García
 
Méthodes pour l’analyse des images numériques
Méthodes pour l’analyse des images numériquesMéthodes pour l’analyse des images numériques
Méthodes pour l’analyse des images numériquesEverardo Reyes-García
 
Greimas.exe: digital code in the generative trajectory of expression
Greimas.exe: digital code in the generative trajectory of expressionGreimas.exe: digital code in the generative trajectory of expression
Greimas.exe: digital code in the generative trajectory of expressionEverardo Reyes-García
 
Design d’interface en contexte : une approche organogénétique
Design d’interface en contexte : une approche organogénétiqueDesign d’interface en contexte : une approche organogénétique
Design d’interface en contexte : une approche organogénétiqueEverardo Reyes-García
 
Motion Structures: opacity and translation
Motion Structures: opacity and translationMotion Structures: opacity and translation
Motion Structures: opacity and translationEverardo Reyes-García
 
Traitement d’images et média visualisation
Traitement d’images et média visualisationTraitement d’images et média visualisation
Traitement d’images et média visualisationEverardo Reyes-García
 
Présentation du cours Culture numérique
Présentation du cours Culture numériquePrésentation du cours Culture numérique
Présentation du cours Culture numériqueEverardo Reyes-García
 
Introducing digital humanities through the analysis of cultural productions
Introducing digital humanities through the analysis of cultural productionsIntroducing digital humanities through the analysis of cultural productions
Introducing digital humanities through the analysis of cultural productionsEverardo Reyes-García
 
Semiotics, software and media visualization
Semiotics, software and media visualizationSemiotics, software and media visualization
Semiotics, software and media visualizationEverardo Reyes-García
 

Plus de Everardo Reyes-García (20)

Faire Image / What Makes An Image?
Faire Image / What Makes An Image?Faire Image / What Makes An Image?
Faire Image / What Makes An Image?
 
L’image-interface : Approche sémio-technique des objets hypermédia
L’image-interface : Approche sémio-technique des objets hypermédiaL’image-interface : Approche sémio-technique des objets hypermédia
L’image-interface : Approche sémio-technique des objets hypermédia
 
Experimental categorization and deep visualization
 Experimental categorization and deep visualization Experimental categorization and deep visualization
Experimental categorization and deep visualization
 
A distant reading of Greimas' Dictionnaire
A distant reading of Greimas' DictionnaireA distant reading of Greimas' Dictionnaire
A distant reading of Greimas' Dictionnaire
 
Enjeux des cultural analytics et sémiotique visuelle
Enjeux des cultural analytics et sémiotique visuelleEnjeux des cultural analytics et sémiotique visuelle
Enjeux des cultural analytics et sémiotique visuelle
 
Computer Art Congress 2016 [CAC.5] - Opening slides
Computer Art Congress 2016 [CAC.5] - Opening slidesComputer Art Congress 2016 [CAC.5] - Opening slides
Computer Art Congress 2016 [CAC.5] - Opening slides
 
Méthodes pour l’analyse des images numériques
Méthodes pour l’analyse des images numériquesMéthodes pour l’analyse des images numériques
Méthodes pour l’analyse des images numériques
 
Greimas.exe: digital code in the generative trajectory of expression
Greimas.exe: digital code in the generative trajectory of expressionGreimas.exe: digital code in the generative trajectory of expression
Greimas.exe: digital code in the generative trajectory of expression
 
Design d’interface en contexte : une approche organogénétique
Design d’interface en contexte : une approche organogénétiqueDesign d’interface en contexte : une approche organogénétique
Design d’interface en contexte : une approche organogénétique
 
Motion Structures: opacity and translation
Motion Structures: opacity and translationMotion Structures: opacity and translation
Motion Structures: opacity and translation
 
Traitement d’images et média visualisation
Traitement d’images et média visualisationTraitement d’images et média visualisation
Traitement d’images et média visualisation
 
Présentation du cours Culture numérique
Présentation du cours Culture numériquePrésentation du cours Culture numérique
Présentation du cours Culture numérique
 
On Media Art Software
On Media Art SoftwareOn Media Art Software
On Media Art Software
 
Explorations in media visualization
Explorations in media visualizationExplorations in media visualization
Explorations in media visualization
 
Introducing digital humanities through the analysis of cultural productions
Introducing digital humanities through the analysis of cultural productionsIntroducing digital humanities through the analysis of cultural productions
Introducing digital humanities through the analysis of cultural productions
 
Semiotics, software and media visualization
Semiotics, software and media visualizationSemiotics, software and media visualization
Semiotics, software and media visualization
 
La visualité de Nirvana
La visualité de NirvanaLa visualité de Nirvana
La visualité de Nirvana
 
Esthétique des médias
Esthétique des médiasEsthétique des médias
Esthétique des médias
 
Disrupting 3D Models
Disrupting 3D ModelsDisrupting 3D Models
Disrupting 3D Models
 
Quelques principes du design web
Quelques principes du design webQuelques principes du design web
Quelques principes du design web
 

Dernier

1029-Danh muc Sach Giao Khoa khoi 6.pdf
1029-Danh muc Sach Giao Khoa khoi  6.pdf1029-Danh muc Sach Giao Khoa khoi  6.pdf
1029-Danh muc Sach Giao Khoa khoi 6.pdfQucHHunhnh
 
Grant Readiness 101 TechSoup and Remy Consulting
Grant Readiness 101 TechSoup and Remy ConsultingGrant Readiness 101 TechSoup and Remy Consulting
Grant Readiness 101 TechSoup and Remy ConsultingTechSoup
 
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...EduSkills OECD
 
Disha NEET Physics Guide for classes 11 and 12.pdf
Disha NEET Physics Guide for classes 11 and 12.pdfDisha NEET Physics Guide for classes 11 and 12.pdf
Disha NEET Physics Guide for classes 11 and 12.pdfchloefrazer622
 
BASLIQ CURRENT LOOKBOOK LOOKBOOK(1) (1).pdf
BASLIQ CURRENT LOOKBOOK  LOOKBOOK(1) (1).pdfBASLIQ CURRENT LOOKBOOK  LOOKBOOK(1) (1).pdf
BASLIQ CURRENT LOOKBOOK LOOKBOOK(1) (1).pdfSoniaTolstoy
 
fourth grading exam for kindergarten in writing
fourth grading exam for kindergarten in writingfourth grading exam for kindergarten in writing
fourth grading exam for kindergarten in writingTeacherCyreneCayanan
 
Introduction to Nonprofit Accounting: The Basics
Introduction to Nonprofit Accounting: The BasicsIntroduction to Nonprofit Accounting: The Basics
Introduction to Nonprofit Accounting: The BasicsTechSoup
 
Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...
Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...
Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...Krashi Coaching
 
Accessible design: Minimum effort, maximum impact
Accessible design: Minimum effort, maximum impactAccessible design: Minimum effort, maximum impact
Accessible design: Minimum effort, maximum impactdawncurless
 
Sports & Fitness Value Added Course FY..
Sports & Fitness Value Added Course FY..Sports & Fitness Value Added Course FY..
Sports & Fitness Value Added Course FY..Disha Kariya
 
General AI for Medical Educators April 2024
General AI for Medical Educators April 2024General AI for Medical Educators April 2024
General AI for Medical Educators April 2024Janet Corral
 
Activity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdfActivity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdfciinovamais
 
9548086042 for call girls in Indira Nagar with room service
9548086042  for call girls in Indira Nagar  with room service9548086042  for call girls in Indira Nagar  with room service
9548086042 for call girls in Indira Nagar with room servicediscovermytutordmt
 
Paris 2024 Olympic Geographies - an activity
Paris 2024 Olympic Geographies - an activityParis 2024 Olympic Geographies - an activity
Paris 2024 Olympic Geographies - an activityGeoBlogs
 
Arihant handbook biology for class 11 .pdf
Arihant handbook biology for class 11 .pdfArihant handbook biology for class 11 .pdf
Arihant handbook biology for class 11 .pdfchloefrazer622
 
Student login on Anyboli platform.helpin
Student login on Anyboli platform.helpinStudent login on Anyboli platform.helpin
Student login on Anyboli platform.helpinRaunakKeshri1
 
Beyond the EU: DORA and NIS 2 Directive's Global Impact
Beyond the EU: DORA and NIS 2 Directive's Global ImpactBeyond the EU: DORA and NIS 2 Directive's Global Impact
Beyond the EU: DORA and NIS 2 Directive's Global ImpactPECB
 

Dernier (20)

1029-Danh muc Sach Giao Khoa khoi 6.pdf
1029-Danh muc Sach Giao Khoa khoi  6.pdf1029-Danh muc Sach Giao Khoa khoi  6.pdf
1029-Danh muc Sach Giao Khoa khoi 6.pdf
 
Grant Readiness 101 TechSoup and Remy Consulting
Grant Readiness 101 TechSoup and Remy ConsultingGrant Readiness 101 TechSoup and Remy Consulting
Grant Readiness 101 TechSoup and Remy Consulting
 
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...
 
Disha NEET Physics Guide for classes 11 and 12.pdf
Disha NEET Physics Guide for classes 11 and 12.pdfDisha NEET Physics Guide for classes 11 and 12.pdf
Disha NEET Physics Guide for classes 11 and 12.pdf
 
BASLIQ CURRENT LOOKBOOK LOOKBOOK(1) (1).pdf
BASLIQ CURRENT LOOKBOOK  LOOKBOOK(1) (1).pdfBASLIQ CURRENT LOOKBOOK  LOOKBOOK(1) (1).pdf
BASLIQ CURRENT LOOKBOOK LOOKBOOK(1) (1).pdf
 
fourth grading exam for kindergarten in writing
fourth grading exam for kindergarten in writingfourth grading exam for kindergarten in writing
fourth grading exam for kindergarten in writing
 
Introduction to Nonprofit Accounting: The Basics
Introduction to Nonprofit Accounting: The BasicsIntroduction to Nonprofit Accounting: The Basics
Introduction to Nonprofit Accounting: The Basics
 
Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...
Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...
Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...
 
Accessible design: Minimum effort, maximum impact
Accessible design: Minimum effort, maximum impactAccessible design: Minimum effort, maximum impact
Accessible design: Minimum effort, maximum impact
 
Sports & Fitness Value Added Course FY..
Sports & Fitness Value Added Course FY..Sports & Fitness Value Added Course FY..
Sports & Fitness Value Added Course FY..
 
General AI for Medical Educators April 2024
General AI for Medical Educators April 2024General AI for Medical Educators April 2024
General AI for Medical Educators April 2024
 
Activity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdfActivity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdf
 
9548086042 for call girls in Indira Nagar with room service
9548086042  for call girls in Indira Nagar  with room service9548086042  for call girls in Indira Nagar  with room service
9548086042 for call girls in Indira Nagar with room service
 
Código Creativo y Arte de Software | Unidad 1
Código Creativo y Arte de Software | Unidad 1Código Creativo y Arte de Software | Unidad 1
Código Creativo y Arte de Software | Unidad 1
 
Paris 2024 Olympic Geographies - an activity
Paris 2024 Olympic Geographies - an activityParis 2024 Olympic Geographies - an activity
Paris 2024 Olympic Geographies - an activity
 
Arihant handbook biology for class 11 .pdf
Arihant handbook biology for class 11 .pdfArihant handbook biology for class 11 .pdf
Arihant handbook biology for class 11 .pdf
 
Advance Mobile Application Development class 07
Advance Mobile Application Development class 07Advance Mobile Application Development class 07
Advance Mobile Application Development class 07
 
Student login on Anyboli platform.helpin
Student login on Anyboli platform.helpinStudent login on Anyboli platform.helpin
Student login on Anyboli platform.helpin
 
Beyond the EU: DORA and NIS 2 Directive's Global Impact
Beyond the EU: DORA and NIS 2 Directive's Global ImpactBeyond the EU: DORA and NIS 2 Directive's Global Impact
Beyond the EU: DORA and NIS 2 Directive's Global Impact
 
Mattingly "AI & Prompt Design: The Basics of Prompt Design"
Mattingly "AI & Prompt Design: The Basics of Prompt Design"Mattingly "AI & Prompt Design: The Basics of Prompt Design"
Mattingly "AI & Prompt Design: The Basics of Prompt Design"
 

Séance 03. Graphisme Web