10 termes supplémentaires du Web Design à connaître pour la création d'un site web.

Mis à jour : 10 févr. 2018


Tout en regardant le site Web de votre entreprise prendre vie, il est passionnant de se tenir au courant des tendances en matière de design. Ce processus peut être encore plus difficile à gérer lorsque les gens commencent à lancer des mots que vous n'avez jamais entendus auparavant. « Premier plan », « Kerning », « Résolution » , c'est comme s'ils parlaient une autre langue.


Il peut sembler que le monde de la conception Web évolue rapidement, et pour l'essentiel, c'est le cas. Cependant, alors que les frontières entre le monde réel et le monde numérique commencent à s'estomper, plusieurs termes ont pris de l’expansion. Ces termes classiques rappellent un peu l'ancienne école du Web design dans le nouveau monde des médias numériques.


Typographie


La typographie est le processus d'arrangement de type - les mots, les lettres, les symboles et même les espaces entre eux. L'arrangement de type joue un rôle important dans la façon dont un message est transmis, par conséquent, la typographie de votre site Web devrait servir à un but spécifique sans négliger le principal : la lisibilité!



La grille


Une grille est un cadre de conception Web composé de lignes et de colonnes qui se croisent et se divisent uniformément. Les concepteurs utilisent des grilles pour aligner et organiser les éléments de manière plus propre et plus cohérente. Vous pouvez utiliser des colonnes sur votre site pour aider à raconter une histoire visuelle en séparant votre contenu en sections parfaitement organisées.


Alignement


Dans la conception de site internet, l'alignement fait référence au tri des éléments pour atteindre l'ordre, l'équilibre et une disposition plus logique. Ce n'est pas tout sur votre site Web qui doit être parfaitement aligné et avoir le même alignement. Au lieu de cela, pensez à la façon dont vous pouvez mélanger vos positionnements. Si vous adoptez cette approche, il y aura toujours un modèle pour chaque élément de votre site Web, mais vous créez quelque chose d'un intérêt visuel qui incitera vos utilisateurs à explorer le site Internet.



« Kerning »


Le « kerning », également appelé espacement des caractères, fait référence à l'espace entre deux lettres, chiffres ou caractères spécifiques. Le processus d'ajustement de cet espace améliore la lisibilité. Pour mieux comprendre le « kerning », imaginez une boîte dessinée autour de chaque lettre d'un mot. Sans espacement de caractères, chaque personnage s'alignerait sur les bords de ces cases. Le « kerning » permet à ces bords de se chevaucher afin que l'espace entre chaque caractère puisse être ajusté pour apparaître plus serré ou plus lâche, en fonction de l'effet souhaité.



Premier plan


L'interlignage fait référence à l'espace entre chaque ligne de texte. Ceci est utilisé lorsque le contenu a plusieurs lignes de texte, pour assurer que l'espace à partir du bas d'une lettre sur une ligne et le haut d'une lettre sur la ligne suivante est suffisamment approprié pour rendre la phrase lisible. Les lignes de texte trop rapprochées ou trop larges peuvent être difficiles à lire, vous devez donc prendre le temps de trouver un juste milieu.



Résolution


D'une manière générale, le mot résolution désigne le nombre de pixels dans une image; plus la résolution d'une image est élevée, plus la qualité est élevée. Une image à haute résolution sera claire et nette alors qu'une image à basse résolution sera légèrement pixelisée et floue. Heureusement avec l'éditeur de Boxcom, tout ce que vous avez à faire est de prendre de superbes photos, les télécharger et ensuite laisser l'éditeur travailler sa magie.


Saturation


Le degré d'intensité et de vivacité d'une couleur dépend de la saturation. Les couleurs avec une faible saturation peuvent apparaître pâles, alors qu'une couleur plus fortement saturée apparaîtra plus vibrante et plus colorée. Les images avec une saturation élevée donnent une apparence de poids, alors essayez d'augmenter la saturation d'une image que vous voulez mettre en évidence sur votre site Web. Inversement, si vous ajoutez du texte sur une image et souhaitez que les mots se démarquent, utilisez une image moins saturée pour faire ressortir votre texte!



Contraste


Nous pouvons utiliser le contraste pour décrire la différence de couleur entre les parties claires et sombres d'une photograpĥie, mais aussi le degré de différence entre deux éléments. Vous pouvez automatiquement penser au contraste de couleur comme les teintes chaude contre les teintes froides et les teintes sombres contre les teintes claires. Alors que la couleur est un principe de contraste essentiel, elle peut aussi se référer au type, à l'alignement et à la taille. Une mise en page de site Web où chaque élément est de la même taille, de la même forme ou de la même couleur va paraître plutôt ennuyeuse, mais vous pouvez utiliser le contraste pour animer les choses.


Opacité


Plus l'opacité est faible, plus l'élément est transparent. Abaisser l'opacité d'un objet nous permet de voir ce qui est en dessous. Les concepteurs de site web modifient souvent l'opacité d'objets spécifiques, ce qui leur permet de créer des arrangements qui s'enchaînent.


Dégradé


Un dégradé est un changement progressif de couleur d'un ton à l'autre, d'une couleur à l'autre ou d'une couleur à la transparence totale. Ce changement graduel peut inclure plusieurs couleurs, irradier du centre, venir d'un coin ou même s'étendre de haut en bas. Nous voyons les dégradés comme une manière rafraîchissante d'utiliser les couleurs - en mélangeant deux ou plus ensemble, vous êtes en mesure de créer une apparence plus moderne et unique sur votre site internet.


Prêt à vous lancer dans la conception de votre site Web ? c'est par ici

Boxcom | Concetion de site Web et rférencement Web Québec

581.741.7767