Table des matières:
Vidéo: Créer un site de A à Z - HTML5, CSS3 & Bootstrap - TP [FR] 2024
L'alignement fait référence à l'alignement d'éléments ou de texte dans un dessin. Même si vous n'avez jamais rien conçu auparavant, vous avez utilisé l'alignement dans un programme de traitement de texte lorsque vous avez sélectionné l'alignement à gauche, au centre, à droite ou justifié pour vos paragraphes.
Un alignement correct fait apparaître divers éléments de conception ou du texte comme s'ils étaient connectés via une ligne visible. L'alignement est le plus subtil des principes de conception de base, principalement parce que, à moins que vous soyez conscient de ce principe de conception, vous ne serez peut-être pas en mesure d'identifier pourquoi une conception semble "off". "Malgré la subtilité, l'alignement est un principe clé de la conception de blogs, car l'alignement donne à un design de blog un look propre et soigné.
Vous pouvez aligner les éléments de conception sur un axe vertical ou horizontal.
-
Sur un axe vertical, vous pouvez aligner à gauche, au centre ou à droite. L'alignement du texte d'un article de blog est un exemple d'alignement vertical.
-
Sur un axe horizontal, vous alignez les éléments de conception sur le haut, le centre ou la ligne de base. La figure illustre des façons d'aligner des rectangles de formes différentes. Malgré le type d'alignement, les rectangles semblent être reliés par une ligne visible, qui a été ajoutée pour vous en pointillé.
Créer une commande par l'alignement
L'alignement de divers éléments sur votre blog ou dans un élément de conception donne à votre ordre de conception et améliore la lisibilité.
Lorsque vous parlez d'alignement en ce qui concerne la conception de blog, voici quelques éléments communs où vous pouvez appliquer l'alignement:
-
Composants de l'en-tête du blog
-
Boutons ou badges de la barre latérale
-
Texte de votre message ou de la barre latérale
-
Images de votre message ou de la barre latérale
Vous pouvez également afficher votre blog plus en avant à quel point les éléments de blog distincts s'alignent les uns sur les autres. Par exemple, la ligne pointillée vous permet de voir comment le nom du blog, le slogan, le titre du blog et le contenu du post sont alignés sur la gauche.
Utiliser des grilles ou des lignes pour faciliter le placement
Si vous concevez votre propre blog, vous utilisez très probablement un thème ou un cadre qui prend déjà en compte l'alignement. Toutefois, si vous concevez l'en-tête de votre blog ou d'autres composants qui composent la conception globale de votre blog, les grilles ou les lignes peuvent vous aider à garantir l'alignement de certaines parties de votre conception.
L'utilisation d'un système de grille vous fournit un guide pour que vos éléments de conception n'aient pas l'air d'être placés au hasard ici et là. Certains programmes de conception comme Adobe Illustrator ou Photoshop ont des paramètres pour afficher les grilles et la possibilité d'ajouter des lignes directrices.Dans Adobe Photoshop, créez une grille en choisissant Affichage → Afficher → Grille. Dans Photoshop Elements 11, choisissez Affichage → Grille.
En ce qui concerne l'alignement du texte dans vos messages de blog, vous n'avez pas à vous inquiéter. Les plates-formes de blogs telles que WordPress par défaut pour aligner votre texte vers la gauche, mais vous pouvez changer cela en cliquant simplement sur les icônes qui ajustent votre alignement vers la droite, le centre ou le plein (justifié).