Le web design
Soigner votre image de marque
Partager :
Votre identité visuelle
Qu’est ce qu’une charte graphique ?
Par charte graphique, on désigne souvent des éléments qui permettent d’identifier une entreprise. il existe deux types de charte graphique
La charte graphique papier et la charte graphique web; aujourd’hui les deux types sont complémentaires car ce qui crée l’image d’une entreprise se décline par sa communication papier et sa communication digitale. On parle donc en général de charte graphique tout court.
La charte graphique papier
La charte graphique papier peut être définie comme un ensemble de règles qui permet d’harmoniser l’expression visuelle de l’entreprise sur une base identique. Au final, elle assure à l’entreprise ainsi soumise à un ensemble de règles graphiques un style uniforme qui est respecté par le personnel technique et la clientèle.
La charte graphique web
La charte graphique web permet d’inclure des principes d’utilisation d’éléments graphiques sur le site internet ou l’application mobile de la marque.
Composition de la charte graphique
- Votre logo
- Les couleurs
- La typographie
- L'iconographie
- Les images, visuels ou photos
- Le web design
Choix du design ou web design
Qu’est ce que le web design ?
Le web design est une technique de conception graphique et technique qui entoure l’utilisation du code HTML, CSS, et JavaScript pour développer des sites web. Les designers sont responsables de la conception visuelle d’un site ou projet. Vous pouvez supposer que le webdesign représente les fondations du design interactif.
Le webdesign est un métier, qui s’adresse aux professionnels du web et aux développeurs.
Design web et web design
Le design d’un site web doit permettre un affichage sur tout les supports, tel que le desktop, le mobile ou la tablette, avec un aspect visuel cohérent et agréable à l’utilisateur; on parle de responsive design.
Le design d’un site web doit permettre l’utilisation intuitive des fonctionnalités et boutons afin de faciliter la navigation et le parcours de l’internaute.
On utilise une template pour réaliser le design d’un site internet . Une template permet de créer un site web réutilisable sans devoir apporter de modification ni d’amélioration, c’est une ressource en ligne qui sert à créer un site internet.
Le design utilise des éléments visuels (photos, images, icônes, etc.) pour rendre son site unique.
Réaliser un site « user friendly » est non seulement une question d’ergonomie et de facilités d’utilisation mais également une question de design. Le design doit être cohérent et complémentaire avec ses fonctions.
Avoir un site internet est déjà un grand pas pour la publicité, un site qui n’aura pas un design attrayant ou bien adapté aux différents supports sera moins efficace qu’un autre.
Avec une routine d’actualisation régulière et une attention particulière à la segmentation de la clientèle, le web design permet de construire un site web qui se retrouve dans la recherche d’un meilleur parcours des internautes.
La phase de conception consiste à concevoir le contenu du site pour en vérifier l’ergonomie, la fonctionnalité et la cohérence avec le design.
La phase de développement permet d’arriver à un design adapté.
Qu’est ce que le responsive design ?
Un design responsive est un design qui permet au site web de s’adapter aux différents appareils ordinateur, smartphone et tablette. La plupart des sites web consultés aujourd’hui doivent pouvoir l’utiliser, ils s’adaptent automatiquement aux dimensions de l’écran.
Il existe trois approches pour créer un site responsif, à savoir le CSS3, jQuery et l’utilisation du HTML5. Cette technique est utilisée dans la majorité des sites Web actuels afin d’éviter que le design n’affiche des défauts sur les différents écrans.
Pourquoi créer un site internet en responsive ?
Le responsive design est utilisé lorsque le design d’un site Internet n’est pas adapté aux différentes configurations d’ordinateurs utilisés par les internautes.
La sélection des options par l’utilisateur (comme l’affichage des fenêtres ou la taille de la fenêtre) qui détermine l’affichage du contenu, a une incidence directe sur le design du site.
L’adaptabilité ou responsive permet alors de réaliser des sites qui se « positionnent » sur tous les écrans.
Plans de pages
La structure de page
Une page web est composée de différents éléments qui sont répartis en quatre parties bien distinctes. Ces parties sont l’en tête, les colonnes ou le corps, le bas et le pied de page.
Une bonne structure de page web est essentielle pour disposer les éléments de la page.
La structure de page est un squelette qui permet la navigation et l’affichage des contenus au sein d’un site web. En utilisant cette structure, il est possible de créer une site web d’apparence et de contenu similaire avec du code HTML et CSS. Le site web qui respecte les normes W3C sera compatible avec les navigateurs courants.
Qu’elle est l’importance de la structure de page ?
Tout d’abord, il faut savoir que la structure de la page prévue pour un site internet est déterminée par son éditeur, ou par le client. Mais les pages doivent suivre certaines règles de structuration afin de réaliser des pages optimisées pour les moteurs de recherche (SEO).
Tout les éléments d’une page doivent être disposé pour faciliter le parcours de l »internaute, et attirer son attention sur le texte. Ce sont les images, titre de la page et les textes qui vous permettrons d’attirer l’attention des visiteurs.
La structure de vos pages détermine leur organisation et leur agencement. C’est aussi un aspect important dans la sémantique du site internet.
Comment structurer une page de site internet ?
Pour une bonne structure de votre page, nous disposerons chaque éléments dans les zones suivantes :
- Tout d’abord, les images en haut de la page dans l’entête afin d’attirer l’attention des visiteurs.
- Ensuite le titre dans la partie supérieure de votre page et/ ou dans l’entête de la page, tout en le disposant au plus proche du texte.
- Le texte sera placé dans ce qu’on appelle le corps qui peut être divisé en sections et en colonnes. Dans ces colonnes et sections nous disposons un contenu intéressant aux yeux des internautes.
- Et pour finir, nous disposerons les parties éléments réutilisables dans le bas de la page, et dans le pied de page.
Lorsque nous créons une page, nous faisons attention à ce que celle-ci ai un bon aspect visuel et qu’elle soit structurée. Il est prévu de créer un plan de travail ou maquette (page HTML) avec des éléments que l’on va utiliser.
Des outils web design
Êtes-vous prêt à commencer ?
Plus au sujet de la réalisaton de votre projet
Vous pourriez également
être intéressé par ces sujets