le web design
TRANSCRIPT
![Page 1: Le web design](https://reader036.vdocuments.pub/reader036/viewer/2022062513/5560b524d8b42afe3b8b495c/html5/thumbnails/1.jpg)
LE WEB DESIGN
FAIT PAR: TOURIA- BOUKHALFA ET YVANE -TATY
![Page 2: Le web design](https://reader036.vdocuments.pub/reader036/viewer/2022062513/5560b524d8b42afe3b8b495c/html5/thumbnails/2.jpg)
PLAN
I-) WED DESIGN DEFINTION
COMPETENCE
PRESENTATION DU WEB DESIGN
II-) CHARTE GRAPHIQUE
DEFINITION
EXEMPLE DE CHARTE GRAPHIQUE
2
![Page 3: Le web design](https://reader036.vdocuments.pub/reader036/viewer/2022062513/5560b524d8b42afe3b8b495c/html5/thumbnails/3.jpg)
I-) WEB DESIGN
3
![Page 4: Le web design](https://reader036.vdocuments.pub/reader036/viewer/2022062513/5560b524d8b42afe3b8b495c/html5/thumbnails/4.jpg)
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
![Page 5: Le web design](https://reader036.vdocuments.pub/reader036/viewer/2022062513/5560b524d8b42afe3b8b495c/html5/thumbnails/5.jpg)
DÉFINITION (SUITE )
https://www.google.com/search?q=le+web+design&source=lnms
5
![Page 6: Le web design](https://reader036.vdocuments.pub/reader036/viewer/2022062513/5560b524d8b42afe3b8b495c/html5/thumbnails/6.jpg)
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
![Page 7: Le web design](https://reader036.vdocuments.pub/reader036/viewer/2022062513/5560b524d8b42afe3b8b495c/html5/thumbnails/7.jpg)
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
![Page 8: Le web design](https://reader036.vdocuments.pub/reader036/viewer/2022062513/5560b524d8b42afe3b8b495c/html5/thumbnails/8.jpg)
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
![Page 9: Le web design](https://reader036.vdocuments.pub/reader036/viewer/2022062513/5560b524d8b42afe3b8b495c/html5/thumbnails/9.jpg)
PRESENTATION DU WEB DESIGN: 1/2
WEB DESIGN maquette fonctionnelle avec des spécifications techniques
9
![Page 10: Le web design](https://reader036.vdocuments.pub/reader036/viewer/2022062513/5560b524d8b42afe3b8b495c/html5/thumbnails/10.jpg)
PRESENTATION DU WEB DESIGN: 2/2
Ergonomie
Identité visuelle
Marketing
Interactivité
Charte graphiqu
e
10
![Page 11: Le web design](https://reader036.vdocuments.pub/reader036/viewer/2022062513/5560b524d8b42afe3b8b495c/html5/thumbnails/11.jpg)
CHARTE GRAPHIQUE
Ergonomie
Identité visuelle
Marketing
Interactivité
Charte graphiqu
e
11
![Page 12: Le web design](https://reader036.vdocuments.pub/reader036/viewer/2022062513/5560b524d8b42afe3b8b495c/html5/thumbnails/12.jpg)
II-) CHARTE GRAPHIQUE
CHARTE GRAPHIQUE
12
![Page 13: Le web design](https://reader036.vdocuments.pub/reader036/viewer/2022062513/5560b524d8b42afe3b8b495c/html5/thumbnails/13.jpg)
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
![Page 14: Le web design](https://reader036.vdocuments.pub/reader036/viewer/2022062513/5560b524d8b42afe3b8b495c/html5/thumbnails/14.jpg)
14
COMPOSANTS DE LA CHARTE-GRAPHIQUE
![Page 15: Le web design](https://reader036.vdocuments.pub/reader036/viewer/2022062513/5560b524d8b42afe3b8b495c/html5/thumbnails/15.jpg)
15
COMPOSANTS DE LA CHARTE-GRAPHIQUE
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
![Page 16: Le web design](https://reader036.vdocuments.pub/reader036/viewer/2022062513/5560b524d8b42afe3b8b495c/html5/thumbnails/16.jpg)
16
COMPOSANTS DE LA CHARTE-GRAPHIQUE
PERMISSION
![Page 17: Le web design](https://reader036.vdocuments.pub/reader036/viewer/2022062513/5560b524d8b42afe3b8b495c/html5/thumbnails/17.jpg)
17
COMPOSANTS DE LA CHARTE-GRAPHIQUE
INTERDITS
![Page 18: Le web design](https://reader036.vdocuments.pub/reader036/viewer/2022062513/5560b524d8b42afe3b8b495c/html5/thumbnails/18.jpg)
EXEMPLE DE CHARTE GRAPHIQUE
18
![Page 19: Le web design](https://reader036.vdocuments.pub/reader036/viewer/2022062513/5560b524d8b42afe3b8b495c/html5/thumbnails/19.jpg)
MERCI POUR VOTRE ATTENTION
19