Le design web : Les méthodes modernes de création de sites

Créer une charte graphique

TESTEZ LINKEDIN LEARNING GRATUITEMENT ET SANS ENGAGEMENT

Tester maintenant Afficher tous les abonnements
Une charte graphique web diffère d'une charte pour l'impression. Elle contient les éléments de code fonctionnels.

Transcription

Nous avons mentionné au début de cette formation la nécessité de créer une charte graphique pour le site. Maintenant que nous sommes entrés dans la phase de construction, cette charte graphique, ce guide de style devient critique et il est temps que nous examinions de plus près la façon dont nous allons le constituer. À la base une charte graphique, un guide de style, est un document qui va décrire par des mots, des chiffres, des exemples, tous les éléments qui doivent être présentés, comment il faut les concevoir pour produire une communication visuelle qui sera cohérente. Quand une charte graphique est complète, tout membre de l'équipe ancien ou nouveau devrait normalement être en mesure de construire des nouveaux composants ou de modifier ceux qui sont déjà existants sur la base des règles qui ont été énoncées dans le document qui constitue la charte. Les chartes graphiques sont employées énormément dans le monde de l'impression et dans d'autres médias depuis des décennies et elles sont en train de devenir également une composante commune du processus de conception de sites web. La charte graphique pour le web va différer de celle qui vise l'impression ou d'autres médias de façon assez cruciale, pour une seule et bonne raison c'est qu'elle va contenir des éléments de code fonctionnels. Nous sommes par exemple ici dans un embryon de charte graphique pour notre site Manger et vous voyez que non seulement on va définir les styles généraux, quelle typographie, quelle police, quelle graisse, quelle couleur etc mais on va créer ces éléments en pur HTML de manière à pouvoir avoir accès directement au code sur lequel ces couleurs, ces mises en forme, ces typographies, s'appuient, c'est-à-dire qu'ici on voit tout à fait que le code va pouvoir être copié et collé, réutilisé par les développeurs à partir du moment où ils feront partie de la charte graphique. Il ne s'agit pas uniquement d'une description mais il s'agit d'une description fonctionnelle ! Les caractéristiques d'une charte graphique web sont les suivantes : premièrement il s'agit d'un document vivant, il ne s'agit pas d'un document statique. Un site web, on l'a vu, est un organisme vivant qui va devoir évoluer. Il va s'enrichir de nouvelles fonctionnalités, la structure du contenu peut évoluer, la nature même du contenu peut évoluer et donc la charte graphique devra évoluer au fur et à mesure du développement. Ensuite il va être développé en parallèle du projet. On ne peut pas créer ex nihilo, à partir d'une page blanche, une charte graphique et s'imaginer qu'elle va fonctionner pour la totalité du processus de développement de notre projet. On développera la charte graphique au fur et à mesure de l'avancement du projet qui sera bien entendu un développement en parallèle puisque les designers et les développeurs travailleront conjointement. Insistons bien sur le fait que la charte graphique va évoluer avec le site, que c'est un document vivant ! L'achèvement de la charte graphique ne devrait pas se produire avant l'achèvement du projet et tant que des nouveaux blocs de contenu, des composants et des éléments vont être ajoutés au site, ils devraient également pouvoir être ajoutés à la charte. Quand il y aura conflit sur l'apparence ou la fonctionnalité d'un composant, c'est la charte qui sera la référence ! Il est donc impératif également que, puisque la charte est un document vivant, celle-ci soit intégrée dans le contrôle de version. De cette façon les changements peuvent être au fur et à mesure attribués et tous les membres de l'équipe du projet pourront accéder à la version la plus récente et voir bien entendu qui a fait des changements et quand. La charte graphique web est donc tout sauf un document statique, c'est une composante clé du processus de création du site.

Le design web : Les méthodes modernes de création de sites

Ayez une vue d’ensemble du processus de conception de sites web. Définissez la stratégie de contenu, le développement, la conception, les tests, pour finalement lancer votre site.

Aucun commentaire n´est disponible actuellement

Votre formation est disponible en ligne avec option de téléchargement. Bonne nouvelle : vous ne devez pas choisir entre les deux. Dès que vous achetez une formation, vous disposez des deux options de consultation !

Le téléchargement vous permet de consulter la formation hors ligne et offre une interface plus conviviale. Si vous travaillez sur différents ordinateurs ou que vous ne voulez pas regarder la formation en une seule fois, connectez-vous sur cette page pour consulter en ligne les vidéos de la formation. Nous vous souhaitons un excellent apprentissage avec cette formation vidéo.

N'hésitez pas à nous contacter si vous avez des questions !