Aujourd'hui, nous allons revenir à l'essentiel avec un? Design 101? discussion sur les alignements. Les alignements centrés sont un endroit où il est facile de se tromper et si vous ne savez pas comment les utiliser correctement, vous obtenez une page très mal structurée.
Rejoignez-nous pour comprendre pourquoi les alignements centrés ont tendance à être faibles, à les éviter et à les utiliser.
Alignements centrés
L'une des premières choses que vous apprendrez dans n'importe quelle classe de dessin de conception de base est que les alignements centrés sont faibles. Maintenant, c’est une déclaration générale qui pourrait vous faire immédiatement protester, mais nous explorerons cela plus en profondeur dans une minute.
Les alignements centrés ne sont en aucun cas utilisés uniquement par les débutants et les non-concepteurs, mais ils tendent en fait à être l'option idéale pour ces groupes. La raison en est compliquée. Pour une raison quelconque, nous pensons instinctivement que les choses devraient être centrées. Nous savons que la conception est une question d'équilibre et que les alignements centrés ne sont rien sinon égaux, ils ont donc un sens. Les secrétaires, les PDG, les enseignants et tous les autres professionnels qui se plongent dans la conception courent presque toujours droit à des alignements centrés sur tout projet.
En pratique, les alignements centrés sont souvent la source de problèmes dans une mise en page. Apprendre à identifier et résoudre ces problèmes est une étape majeure de votre formation initiale en design.
Le problème des alignements centrés
Il est difficile d'expliquer les défauts des alignements centrés purs avec la théorie seule, alors examinons un exemple. Disons que vous faites des petits dépliants à distribuer pour une fête à venir. Le résultat qu'un non-concepteur trouvera ressemblera presque toujours à ceci:
Ce n’est pas un dépliant hideux, en fait, j’ai vu bien pire dans le monde réel. Cependant, pour un certain nombre de raisons, ce n'est certainement pas ce que vous appelleriez un design solide. Si vous m'avez remis le modèle de dépliant ci-dessus et que vous m'avez dit de l'améliorer autant que possible en seulement trois minutes tout en conservant la personnalité générale, voici ce que je vous rendrais:
Cette conception se sent simplement mieux, et pas seulement parce que je refuse d’utiliser la? Party LET? la police de caractères, en particulier lorsque vous tapez le mot "parti". J'ai également divisé un peu mieux le contenu, ajouté quelques points d'emphase et, plus important encore, changé pour un alignement à gauche.
Remarquez à quel point l’alignement de gauche est très ancré. Le texte de la page a un point de départ clair et vous pouvez suivre ce bord dur de haut en bas. Malgré le fait que le premier dépliant se sente "équilibré", il ne se sent nulle part aussi structuré.
Quand rester loin des alignements centrés
Très bien, alors vous avez compris: les alignements à gauche sont bons, les alignements centrés sont mauvais, et alors? La réalité est un peu plus compliquée que cela. Il n’ya rien de mal en soi à un alignement centré, vous devez juste savoir comment en obtenir un correctement si vous voulez le mettre en œuvre avec succès.
La première chose que vous devez apprendre est quand ne pas mettre en place un alignement centré. La réponse ici est assez simple: lorsque vous avez beaucoup de contenu.
Comme nous l'avons vu dans le dernier exemple, les alignements centrés sont assez médiocres pour les gros blocs de texte. L'absence d'un bord dur rend la lecture difficile et erratique. Il en va de même si vous vous basez sur une mise en page centrée pour l'ensemble de votre page. La plupart du temps, ce n'est tout simplement pas la meilleure idée. La structure filaire ci-dessous est assez problématique du point de vue de la mise en page.
Maintenant, ne lisez pas cela comme un conseil contre le centrage de votre contenu sur la page. Il existe une différence entre créer un site Web utilisant un conteneur centré et un site Web utilisant un alignement central. Vous pouvez facilement avoir un contenu aligné à gauche ou à droite qui est toujours centré dans la fenêtre du navigateur en utilisant marge: 0 auto. C'est une autre conversation tout à fait.
Esthétique
Aussi, ne confondez pas cela avec une question d'esthétique. Comme le montre la page ci-dessous, vous pouvez créer de superbes sites qui reposent fortement sur des alignements centrés.
Dans toute conception, il est très important d'analyser vos objectifs. Si leur degré de lisibilité est important, et cela devrait être le cas, l’attrait esthétique est souvent totalement séparé, voire même directement en contradiction avec cet objectif. L'astuce consiste à trouver l'équilibre entre les deux.
Le résultat final sera presque toujours complètement subjectif. Le concepteur ci-dessus a décidé que cette partie du contenu était suffisamment petite pour être centrée. Je pense peut-être que nous repoussons un peu la limite, mais cela ne signifie pas que j'ai raison et qu'il / elle se trompe, cela signifie simplement que nous tracerons la ligne à différents endroits.
Comment utiliser les alignements centrés
Maintenant, avec tout ce que cela a dit, il n'y a aucune raison pour que vous deviez abandonner complètement en utilisant des alignements centrés. Cela équivaudrait à supprimer un élément clé de votre boîte à outils. Encore une fois, il suffit de savoir utiliser l’outil pour réussir.
Il existe un million de façons différentes de mettre en œuvre avec succès une présentation centrée. N'imaginez donc pas que les exemples suivants sont exhaustifs. Cependant, ils peuvent vous permettre de commencer à vous faire une idée d'un modèle solide par rapport à un modèle faible.
Très peu de contenu
Lorsque vous avez très peu de contenu, l’un des premiers endroits où vous pouvez commencer à penser à mettre en place une mise en page complètement centrée. Découvrez l'exemple ci-dessous.
Cela a du sens, si le problème principal des alignements centrés est qu’ils ne tiennent pas bien avec beaucoup de contenu, ils iront probablement bien si vous n’avez que quelques éléments. En fait, ils sont généralement meilleur Dans ces circonstances. Si vous avez implémenté un alignement à gauche avec la conception ci-dessus, la page sera probablement très vide. Cependant, avec la disposition centrée actuelle, il semble élégant et bien espacé.
Application sélective
Éviter les mises en page centrées pour tout, sauf les conceptions les plus simples, semble être un moyen extrêmement restrictif de concevoir, et c'est le cas. La clé est de ne pas les éviter tous ensemble mais plutôt de les appliquer de manière sélective dans une plus grande conception avec un alignement plus fort.
Un cours de mise en page pour débutant peut vous apprendre à saisir un alignement et à vous y tenir, mais au fil des améliorations, vous constaterez que le mélange d'alignements constitue souvent un excellent moyen d'ajouter de la variété à un dessin. Par exemple, consultez la page géniale ci-dessous d’assistly.com.
Nous voyons ici dans l’ensemble que la disposition contient des bords gauche et droit assez consistants. Cependant, certaines parties très spécifiques reviennent à un alignement centré. Le titre est l'endroit le plus naturel et le plus populaire pour tenter cela. Les gros titres et sous-titres centrés ont fière allure dans des dispositions justifiées. Notez également que les zones plus petites, comme les trois colonnes en bas à gauche, constituent un autre lieu naturel pour un alignement centré. Encore une fois, chacun de ces blocs contient une assez petite quantité de contenu, de sorte que le résultat n’est pas accablant.
Petit conseil: terminez
L'exemple ci-dessous montre l'une des astuces les plus simples et les plus utiles pour la mise en œuvre d'alignements de texte centrés dans une mise en page plus grande.
Tout d’abord, regardez cette page comme une série de blocs. Notez que tous ont un alignement assez justifié. À l'exception de la navigation alignée à gauche, il existe à la fois un bord gauche et un bord droit qui définissent le contenu. À présent, dans ce cadre, j'ai un peu plus de liberté pour jouer. Notez que? Box One? et? Box Deux? contiennent effectivement du contenu centré, mais les dispositifs de confinement conservent une apparence parfaite dans la présentation générale.
Chaque fois que vous avez du contenu aligné au centre qui ne semble pas fonctionner, essayez de l'envelopper dans un champ conforme à la présentation de la page pour voir si la conception s'améliore.
Conclusion
En résumé, les alignements centrés sont faibles, mais pas mauvais. Il y a là une distinction très importante que vous devez vraiment comprendre pour être un bon concepteur. ?Faible? implique qu'ils peuvent facilement être pris trop loin et sont faciles à abuser. Cependant, vous pouvez et devriez utiliser des alignements centrés dans vos conceptions.
Assurez-vous que, si toute votre mise en page est construite sur un alignement centré, vous avez une conception très simple avec seulement quelques éléments. Une fois que vous commencez à ajouter de gros blocs de texte et de nombreuses images, les alignements centrés commencent à paraître en désordre. Essayez également de créer un alignement solide à gauche, justifié ou à droite pour votre page dans son ensemble, puis expérimentez la suppression sélective d'alignements centrés dans des zones clés telles que les titres. Enfin, si vous êtes dans un embouteillage, essayez d’emballer des parties alignées au centre dans une boîte qui va avec le flux du reste de la page.