SlideShare une entreprise Scribd logo
1  sur  19
LE WEB DESIGN
FAIT PAR: TOURIA- BOUKHALFA ET YVANE -TATY
PLAN
I-) WED DESIGN
 DEFINTION
 COMPETENCE
 PRESENTATION DU WEB DESIGN
II-) CHARTE GRAPHIQUE
 DEFINITION
 EXEMPLE DE CHARTE GRAPHIQUE
2
I-) WEB DESIGN
3
DÉFINITION (DÉBUT)
Le web design désigne la conception de
l'interface web : l’architecture
interactionnelle, l’organisation des
pages, l’arborescence et la navigation dans le
site web.
cf: Ergonomie web de Amelie Boucher-Eyrolles(2ème Edition)
4
DÉFINITION (SUITE )
https://www.google.com/search?q=le+web+design&sourc
e=lnms
5
DÉFINITION (FIN)
 Par ailleurs, La conception d'un web design tient
compte des contraintes spécifiques du support
Internet, notamment en termes d’ergonomie,
d’utilisabilité et d’accessibilité.
6
COMPÉTENCE
Le web design réclame donc des compétences variées :
 en programmation,
 en ergonomie
 en interactivité,
ainsi qu'une bonne connaissance des contraintes
techniques liées à ce domaine : 7
COMPÉTENCE(SUITE ET FIN)
 diversité des terminaux web et de leurs affichages,
 accessibilité,
 spécificités des différents langages et processus,
 portabilité,
 respect des recommandations du W3C.
8
PRESENTATION DU WEB DESIGN: 1/2
WEB DESIGN maquette fonctionnelle avec des
spécifications techniques
9
PRESENTATION DU WEB DESIGN: 2/2
Ergonomie
Identité
visuelle
Marketing Interactivité
Charte
graphique
10
CHARTE GRAPHIQUE
Ergonomie
Identité
visuelle
Marketing Interactivité
Charte
graphique
11
II-) CHARTE GRAPHIQUE
CHARTE GRAPHIQUE
12
DÉFINITION
La charte graphique est un document de
travail qui contient l'ensemble des règles
fondamentales d'utilisation des signes
graphiques qui constituent l'identité graphique
d'une organisation, d'un projet, d'une
entreprise.
13
COMPOSANTS DE LA CHARTE-GRAPHIQUE
14
COMPOSANTS DE LA CHARTE-GRAPHIQUE
15
Les polices de caractères et leurs différentes fontes
utilisées dans les documents afin de permettre de créer
différents niveaux de textes et d'apporter un bon confort de
lecture. La typographie est l'une des composantes
essentielles de l'univers graphique d'une entreprise pour sa
reconnaissance
TYPOGRAPHIE
COMPOSANTS DE LA CHARTE-GRAPHIQUE
16
PERMISSION
COMPOSANTS DE LA CHARTE-GRAPHIQUE
17
INTERDITS
EXEMPLE DE CHARTE GRAPHIQUE
18
MERCI POUR VOTRE
ATTENTION
19

Contenu connexe

En vedette

Les Français et leur pharmacie - OpinionWay pour Pharmacien Manager - avril 2...
Les Français et leur pharmacie - OpinionWay pour Pharmacien Manager - avril 2...Les Français et leur pharmacie - OpinionWay pour Pharmacien Manager - avril 2...
Les Français et leur pharmacie - OpinionWay pour Pharmacien Manager - avril 2...OpinionWay
 
Insertar subtitulos en_dvd_sin_perder_menu
Insertar subtitulos en_dvd_sin_perder_menuInsertar subtitulos en_dvd_sin_perder_menu
Insertar subtitulos en_dvd_sin_perder_menuPeggy MR
 
Baromètre des courtiers de proximité - Opinion way pour April Courtage - sept...
Baromètre des courtiers de proximité - Opinion way pour April Courtage - sept...Baromètre des courtiers de proximité - Opinion way pour April Courtage - sept...
Baromètre des courtiers de proximité - Opinion way pour April Courtage - sept...OpinionWay
 
Valeurs Actuelles - Les intentions de vote aux élections régionales en Île-de...
Valeurs Actuelles - Les intentions de vote aux élections régionales en Île-de...Valeurs Actuelles - Les intentions de vote aux élections régionales en Île-de...
Valeurs Actuelles - Les intentions de vote aux élections régionales en Île-de...OpinionWay
 
Les élections départementales : le "cantoscope" bilan et perspectives L'Opini...
Les élections départementales : le "cantoscope" bilan et perspectives L'Opini...Les élections départementales : le "cantoscope" bilan et perspectives L'Opini...
Les élections départementales : le "cantoscope" bilan et perspectives L'Opini...OpinionWay
 
Avisador de Sobrevelocidad 022 03 05 00
Avisador de Sobrevelocidad 022 03 05 00Avisador de Sobrevelocidad 022 03 05 00
Avisador de Sobrevelocidad 022 03 05 00quimrubau
 
L'inéligibilité des élus - Sondage OpinionWay pour Powerfoule.Org - Novembre ...
L'inéligibilité des élus - Sondage OpinionWay pour Powerfoule.Org - Novembre ...L'inéligibilité des élus - Sondage OpinionWay pour Powerfoule.Org - Novembre ...
L'inéligibilité des élus - Sondage OpinionWay pour Powerfoule.Org - Novembre ...OpinionWay
 
Que La Pinte El Ingles
Que La Pinte El InglesQue La Pinte El Ingles
Que La Pinte El InglesJoseluis58
 
Présentation Magazine HR Today
Présentation Magazine HR TodayPrésentation Magazine HR Today
Présentation Magazine HR TodayEsteban74160
 
MMA / Makheia - Etude sur la santé des dirigeants de PME - Par OpinionWay - j...
MMA / Makheia - Etude sur la santé des dirigeants de PME - Par OpinionWay - j...MMA / Makheia - Etude sur la santé des dirigeants de PME - Par OpinionWay - j...
MMA / Makheia - Etude sur la santé des dirigeants de PME - Par OpinionWay - j...OpinionWay
 
Génération I Am - Les Français et les préjugés - Par OpinionWay - février 2015
Génération I Am - Les Français et les préjugés - Par OpinionWay - février 2015Génération I Am - Les Français et les préjugés - Par OpinionWay - février 2015
Génération I Am - Les Français et les préjugés - Par OpinionWay - février 2015OpinionWay
 
Diversité et respect aux élections municipales Respect Mag France Info 20 mar...
Diversité et respect aux élections municipales Respect Mag France Info 20 mar...Diversité et respect aux élections municipales Respect Mag France Info 20 mar...
Diversité et respect aux élections municipales Respect Mag France Info 20 mar...OpinionWay
 
La Question de l'Eco Tilder/LCI OpinionWay 22 janvier 2015
La Question de l'Eco Tilder/LCI OpinionWay 22 janvier 2015La Question de l'Eco Tilder/LCI OpinionWay 22 janvier 2015
La Question de l'Eco Tilder/LCI OpinionWay 22 janvier 2015OpinionWay
 

En vedette (20)

Les Français et leur pharmacie - OpinionWay pour Pharmacien Manager - avril 2...
Les Français et leur pharmacie - OpinionWay pour Pharmacien Manager - avril 2...Les Français et leur pharmacie - OpinionWay pour Pharmacien Manager - avril 2...
Les Français et leur pharmacie - OpinionWay pour Pharmacien Manager - avril 2...
 
Insertar subtitulos en_dvd_sin_perder_menu
Insertar subtitulos en_dvd_sin_perder_menuInsertar subtitulos en_dvd_sin_perder_menu
Insertar subtitulos en_dvd_sin_perder_menu
 
Joyeux noel
Joyeux noelJoyeux noel
Joyeux noel
 
Baromètre des courtiers de proximité - Opinion way pour April Courtage - sept...
Baromètre des courtiers de proximité - Opinion way pour April Courtage - sept...Baromètre des courtiers de proximité - Opinion way pour April Courtage - sept...
Baromètre des courtiers de proximité - Opinion way pour April Courtage - sept...
 
Feliz 2013
Feliz 2013Feliz 2013
Feliz 2013
 
Valeurs Actuelles - Les intentions de vote aux élections régionales en Île-de...
Valeurs Actuelles - Les intentions de vote aux élections régionales en Île-de...Valeurs Actuelles - Les intentions de vote aux élections régionales en Île-de...
Valeurs Actuelles - Les intentions de vote aux élections régionales en Île-de...
 
Les élections départementales : le "cantoscope" bilan et perspectives L'Opini...
Les élections départementales : le "cantoscope" bilan et perspectives L'Opini...Les élections départementales : le "cantoscope" bilan et perspectives L'Opini...
Les élections départementales : le "cantoscope" bilan et perspectives L'Opini...
 
Avisador de Sobrevelocidad 022 03 05 00
Avisador de Sobrevelocidad 022 03 05 00Avisador de Sobrevelocidad 022 03 05 00
Avisador de Sobrevelocidad 022 03 05 00
 
ClassTools
ClassToolsClassTools
ClassTools
 
Alma
AlmaAlma
Alma
 
L'inéligibilité des élus - Sondage OpinionWay pour Powerfoule.Org - Novembre ...
L'inéligibilité des élus - Sondage OpinionWay pour Powerfoule.Org - Novembre ...L'inéligibilité des élus - Sondage OpinionWay pour Powerfoule.Org - Novembre ...
L'inéligibilité des élus - Sondage OpinionWay pour Powerfoule.Org - Novembre ...
 
Teoría de contextos
Teoría de contextosTeoría de contextos
Teoría de contextos
 
Que La Pinte El Ingles
Que La Pinte El InglesQue La Pinte El Ingles
Que La Pinte El Ingles
 
Présentation Magazine HR Today
Présentation Magazine HR TodayPrésentation Magazine HR Today
Présentation Magazine HR Today
 
Atelier11 reseaux sociaux
Atelier11 reseaux sociauxAtelier11 reseaux sociaux
Atelier11 reseaux sociaux
 
MMA / Makheia - Etude sur la santé des dirigeants de PME - Par OpinionWay - j...
MMA / Makheia - Etude sur la santé des dirigeants de PME - Par OpinionWay - j...MMA / Makheia - Etude sur la santé des dirigeants de PME - Par OpinionWay - j...
MMA / Makheia - Etude sur la santé des dirigeants de PME - Par OpinionWay - j...
 
Génération I Am - Les Français et les préjugés - Par OpinionWay - février 2015
Génération I Am - Les Français et les préjugés - Par OpinionWay - février 2015Génération I Am - Les Français et les préjugés - Par OpinionWay - février 2015
Génération I Am - Les Français et les préjugés - Par OpinionWay - février 2015
 
Diversité et respect aux élections municipales Respect Mag France Info 20 mar...
Diversité et respect aux élections municipales Respect Mag France Info 20 mar...Diversité et respect aux élections municipales Respect Mag France Info 20 mar...
Diversité et respect aux élections municipales Respect Mag France Info 20 mar...
 
Atelier WP SEO - Nathalie Couture
Atelier WP SEO - Nathalie CoutureAtelier WP SEO - Nathalie Couture
Atelier WP SEO - Nathalie Couture
 
La Question de l'Eco Tilder/LCI OpinionWay 22 janvier 2015
La Question de l'Eco Tilder/LCI OpinionWay 22 janvier 2015La Question de l'Eco Tilder/LCI OpinionWay 22 janvier 2015
La Question de l'Eco Tilder/LCI OpinionWay 22 janvier 2015
 

Similaire à Le web design

01 03 web_expérientiel _ designer un site web
01 03 web_expérientiel _ designer un site web01 03 web_expérientiel _ designer un site web
01 03 web_expérientiel _ designer un site webAlexandre Rivaux
 
L'intervention de Damien Melich
L'intervention de Damien MelichL'intervention de Damien Melich
L'intervention de Damien MelichLudovic Dublanchet
 
Ux design
Ux designUx design
Ux designniklofr
 
Web { Design Project } Management
Web { Design Project } ManagementWeb { Design Project } Management
Web { Design Project } ManagementDavid Roessli
 
Symposium uxdesign
Symposium uxdesignSymposium uxdesign
Symposium uxdesignVersusmind
 
Fiche-CHEF-DE-PROJET
Fiche-CHEF-DE-PROJETFiche-CHEF-DE-PROJET
Fiche-CHEF-DE-PROJETBoris Michel
 
Webdesign Passe, Present et... Present Part1
Webdesign Passe, Present et... Present Part1Webdesign Passe, Present et... Present Part1
Webdesign Passe, Present et... Present Part1bduverneuil
 
Stratégie de communication
Stratégie de communicationStratégie de communication
Stratégie de communicationIssam Bekhti
 
Le cycle projet (support de formation)
Le cycle projet (support de formation)Le cycle projet (support de formation)
Le cycle projet (support de formation)iafactory
 

Similaire à Le web design (11)

01 03 web_expérientiel _ designer un site web
01 03 web_expérientiel _ designer un site web01 03 web_expérientiel _ designer un site web
01 03 web_expérientiel _ designer un site web
 
L'intervention de Damien Melich
L'intervention de Damien MelichL'intervention de Damien Melich
L'intervention de Damien Melich
 
Ux design
Ux designUx design
Ux design
 
Web { Design Project } Management
Web { Design Project } ManagementWeb { Design Project } Management
Web { Design Project } Management
 
Webdesign
WebdesignWebdesign
Webdesign
 
Symposium uxdesign
Symposium uxdesignSymposium uxdesign
Symposium uxdesign
 
Fiche-CHEF-DE-PROJET
Fiche-CHEF-DE-PROJETFiche-CHEF-DE-PROJET
Fiche-CHEF-DE-PROJET
 
Design Trends
Design TrendsDesign Trends
Design Trends
 
Webdesign Passe, Present et... Present Part1
Webdesign Passe, Present et... Present Part1Webdesign Passe, Present et... Present Part1
Webdesign Passe, Present et... Present Part1
 
Stratégie de communication
Stratégie de communicationStratégie de communication
Stratégie de communication
 
Le cycle projet (support de formation)
Le cycle projet (support de formation)Le cycle projet (support de formation)
Le cycle projet (support de formation)
 

Le web design