Comment créer des mises en page équilibrées

Auteur: Peter Berry
Date De Création: 16 Juillet 2021
Date De Mise À Jour: 13 Peut 2024
Anonim
Comment créer des mises en page équilibrées - Créatif
Comment créer des mises en page équilibrées - Créatif

Contenu

L’objectif principal de toute mise en page que vous concevez, qu’il s’agisse d’une brochure imprimée ou de la dernière application Web, est de communiquer clairement et efficacement les informations au lecteur. L'un des meilleurs moyens de garantir que les messages clés sont transmis au lecteur est de créer une mise en page équilibrée.

La conception de la mise en page implique généralement beaucoup de placement, de réorganisation et de mise en forme des éléments. De nombreux concepteurs abordent ce processus de manière organique, cherchant à obtenir un résultat final satisfaisant. Bien que cela puisse conduire à d'excellents accidents heureux, il existe un risque que l'utilisation d'une méthodologie de forme libre puisse entraîner un manque d'équilibre visuel sur la page.

Une bonne composition de page doit être à la fois agréable à l'œil et communiquer clairement ces messages clés au public visé. Nous avons rassemblé quelques-uns des meilleurs conseils pour vous aider à vous assurer que vos conceptions de mise en page sont équilibrées (un bon créateur de site Web vous aidera également). Ces approches fonctionneront bien pour fournir une structure d'équilibre, quel que soit le support avec lequel vous travaillez.


Pour plus de conseils spécifiques au Web, consultez notre guide pour créer des mises en page de site Web parfaites.

01. Utiliser une grille

L'un des moyens les plus simples de garantir un certain équilibre à votre page consiste à utiliser un système de grille. Les grilles étaient autrefois la seule réserve de la page imprimée, mais beaucoup de travail a été effectué en ligne au cours des dernières années pour aider à migrer le concept de grille vers le support numérique.

En utilisant une grille pour informer la position des différents éléments sur une page, vous créerez une connexion entre les différents éléments qui composent votre page. Cela peut aider à donner un sens de l'ordre à votre mise en page, en fournissant au lecteur une référence structurelle claire sur laquelle se rabattre et en augmentant le succès de votre page.

Ceci est important car lorsque tous les éléments de votre page ont un sentiment de connectivité les uns avec les autres, l'effet global est plus confortable pour le lecteur, aidant à les mettre à l'aise et facilitant leur accès aux éléments importants: le contenu.


02. Choisissez un seul point focal

L'un des moyens les plus efficaces de créer un équilibre est de choisir un seul point focal pour la conception de votre mise en page. Un bon exemple de cela dans la pratique est l'utilisation d'une grande image comme élément le plus important d'une page.

Un visuel puissant peut fournir un moyen puissant de guider le lecteur dans votre page (tout comme l'analyse experte du service d'hébergement Web idéal), et fournit également un élément structurel utile autour duquel organiser le contenu restant dans votre mise en page. Si vous avez plusieurs éléments visuels, utilisez le principe de proximité de la théorie de la Gestalt pour les regrouper, en les alignant de la même manière.

Il convient également de garder à l'esprit que vous pouvez utiliser un titre ou une citation tirée de la même manière; un bon titre d'affichage peut offrir autant d'intérêt visuel qu'une image, tout en continuant à fournir la structure qui vous aidera à assurer une mise en page équilibrée.


03. Utilisez la règle des tiers

L’un des meilleurs moyens de créer un équilibre est d’utiliser la règle des tiers ou le nombre d’or préférés du concepteur. En termes simples, la règle des tiers dit que si vous divisez votre page en tiers à la fois verticalement et horizontalement, les points d'intersection des lignes de la grille fournissent les points focaux naturels d'une composition.

En alignant vos éléments clés sur ces quatre points, vous obtiendrez une composition plus agréable que si, par exemple, vous centriez parfaitement les éléments sur votre page.

En elle-même, la règle des tiers ne fournira pas comme par magie un équilibre à votre mise en page, mais en étendant le principe, il est facile d'utiliser cette tendance vers un point focal naturel pour aider à équilibrer votre mise en page.

Une approche courante consiste à placer les éléments les plus importants de votre page dans le tiers supérieur (ou inférieur) de la page, avec le point focal principal aligné pour correspondre à l'une des intersections. Vous avez beaucoup d'actifs à stocker pour votre site? Découvrez ces options de stockage dans le cloud.

04. Utiliser un espace blanc

Il est courant pour les concepteurs novices d'utiliser chaque espace d'une page, en remplissant le contenu jusqu'à ce que chaque espace soit comblé. Les plus expérimentés savent que parfois, le meilleur du design consiste à laisser des éléments de côté, plutôt que de les chausser.

Dans le support imprimé, la manière la plus courante d'utiliser les espaces blancs est d'agrandir les marges de page et les gouttières. Sur le Web, le simple fait de laisser suffisamment d'espace autour des éléments peut aider à rendre la conception de votre mise en page composée et équilibrée.

L'utilisation d'un espace négatif fonctionne mieux lorsque vous avez une structure claire qui ancre le contenu ensemble (comme celle fournie par une grille), car le risque d'espace blanc peut être un sentiment de déconnexion entre les éléments de la page s'ils sont introduits au hasard.

05. Répéter les éléments de conception

La répétition peut également donner un sens aigu de la conception connectée et de l'équilibre à une composition. L'idée est qu'en identifiant et en réutilisant un motif ou un traitement de conception tout au long de votre mise en page, vous pouvez fournir une référence au lecteur afin que des zones disparates se sentent connectées et font partie de la même composition globale.

Vous pouvez également utiliser cette technique pour fournir un point focal dans votre conception, tout en conservant un équilibre global, en brisant intentionnellement le modèle de similitude introduit par la répétition.

06. Utiliser la hiérarchie

L'une des principales approches pour atteindre le nirvana de la mise en page est un sens clair de la structure et de la hiérarchie. Nous avons déjà abordé la structure, mais il est important de communiquer également l’importance relative des différents éléments de contenu de votre page. Un titre, par exemple, devrait presque toujours être plus important visuellement que le contenu du corps du texte.

Examinez les différents éléments qui composent votre conception de mise en page et décidez quel élément est le plus important. Utilisez cet élément pour fournir un crochet structurel pour les éléments restants sur la page, en le gardant le plus important.

07. Utilisez l'échelle, le contraste et l'harmonie

Enfin, l'utilisation de l'échelle peut être une méthode très efficace pour obtenir un bon équilibre visuel dans votre mise en page. En rendant certains éléments plus grands que d'autres, un sens de l'ordre et de la hiérarchie émergera. Cela permet de créer une mise en page confortable car le spectateur examinera automatiquement les éléments les plus grands dans la mise en page en premier, progressant jusqu'aux éléments plus petits au fur et à mesure de leur lecture.

Ce principe fonctionne également avec un contraste accru, de sorte qu'en isolant un élément de la page à travers le contraste, l'œil se concentrera d'abord sur ce point. Cela fournit un moyen d'accéder à la page et donne à nouveau un point structurel utile pour développer votre mise en page.

L'échelle et le contraste fonctionnent mieux lorsqu'ils s'appliquent à un élément, ce qui le distingue des autres parties de votre mise en page. Utilisez les principes de l'harmonie pour que les autres se sentent connectés et accentuent le point focal.

Populaire Aujourd’Hui
Ask MDN met en relation des experts avec la communauté des développeurs
Lire La Suite

Ask MDN met en relation des experts avec la communauté des développeurs

Mozilla Developer Network (MDN) a annoncé A k MDN. Pendant une heure chaque emaine, A k MDN réunira une équipe d'expert ur Twitter pour répondre à de que tion ur un ujet p...
Créez une affiche de collage de style soviétique
Lire La Suite

Créez une affiche de collage de style soviétique

Pour créer notre affiche, nou utili eron de image vintage libre de droit et ajouteron de texture et un "type de corbeille". Au cour de étape uivante , je vai vou montrer comment co...
Police du jour: Oregon
Lire La Suite

Police du jour: Oregon

Nou omme de grand fan de typographie et omme toujour à la recherche de police nouvelle et pa ionnante , qu'il 'agi e de police gratuite ou de meilleure police qui valent la peine d'&#...