De nombreux sites Web ont des couleurs vives, des images vives et un contenu utile. Mais si Déchirez des couleurs, des vidéos, des images, du contenu, quoi drsquoautre? Vous serez en contact avec les éléments de base du site, et tout drsquoun coup comprendrez que crsquoest la mise en page qui rend le site frais. Qursquoest ce que la mise en page du site? La mise en page du site est un modèle (ou un cadre) qui définit la structure du site. Son rôle est de construire lrsquoinformation dans le site pour les propriétaires et les utilisateurs du site. Il fournit un chemin clair vers la navigation dans les pages Web et met en avant les éléments les plus importants du site.
La mise en page du site définit la hiérarchie du contenu. Le contenu guidera les visiteurs vers le site Web et doit leur transmettre lrsquoinformation de la meilleure façon possible. En bref, la mise en page du site Web est le facteur clé du succès ou de lrsquoéchec drsquoun site Web. Pourquoi choisir une mise en page plutôt qursquoune autre? Tu devrais choisir soigneusement. Crsquoest pourquoi: une bonne mise en page permet aux utilisateurs de rester sur le site, car elle facilite lrsquoaccès et la recherche intuitive d importantes. Une mauvaise mise en page peut déprimer les utilisateurs qui quittent rapidement le site parce qursquoils ne trouvent pas ce qursquoils veulent. Pour cette raison, il est préférable de passer tout le temps à trouver une bonne mise en page, car les utilisateurs ne laisseront pas dépasser quelques secondes.
Il existe une relation étroite entre la mise en page et la participation des utilisateurs au site. Déterminez la durée de leur séjour sur les pages du site, le nombre de pages visitées et la fréquence de leur retour sur le site. Par conséquent, en plus de résoudre les problèmes de sélection en une fraction de seconde, une bonne mise en page offre drsquoautres avantages. Attirer des visiteurs est un travail utile. Il peut également être utile de tenir compte de la règle de fermeture des ge lors du choix de la disposition.
N afin que lrsquoutilisateur puisse voir le contenu du texte drsquoune importance égale. De plus, les éléments sont faciles à numériser dans la disposition, ce qui permet un rendu efficace de tous les éléments. Ce design donne lrsquoimpression drsquoêtre stable et vraiment beau.
Lrsquoun des modèles drsquoéquilibre les plus populaires est lrsquoéquilibre symétrique, dans lequel les éléments visuels des deux côtés du Centre ressemblent à des miroirs. La symétrie évoque lrsquoéquilibre, lrsquoélégance et le plaisir. Vous lrsquoavez peut être entendu même quand avez vu des bâtiments, des jardins ou même des ailes de papillon. Les sections divisées par auditoire ou par fonction peuvent être éditées en fonction de lrsquohoraire du projet, ce qui signifie que les utilisateurs peuvent facilement passer à drsquoautres sections du site. Pour aider à comprendre comment cela se fait, nous recommandons drsquoenvisager des sites de mode pour les hommes et les femmes.
La mise en page prend en charge deux sections uniques du site, lrsquoune pour les hommes et lrsquoautre pour les femmes. La segmentation de la mise en page sert le contenu fonctionnel et est utile pour deux publics cibles différents. Sortie de la mise en page standard bien que certaines mises en page suivent le chemin traditionnel pour fournir la meilleure fonctionnalité possible, drsquoautres utilisent des conceptions et des structures audacieuses pour avoir un impact sur les utilisateurs. Briser le modèle signifie une configuration inattendue des éléments drsquoune page Web, et lrsquoexpérience qursquoil déclenche se distingue dans lrsquoocéan des sites standards, et les utilisateurs ne peuvent sempêcher de se souvenir de votre site.
Source: Schweppes. Cependant, gardez à lrsquoesprit que lrsquoexpérience utilisateur lemporte sur le design. Toujours considérer lrsquoutilisateur final. Lancez des tests avant de publier quoi que ce soit. Dans la conception de pages Web, créer une tension visuelle pour une mise en page attrayante et stimulante qui attire lrsquoattention des utilisateurs en se concentrant sur les points clés du site Web. Tension V
Voici la meilleure mise en page du site qui a été démontrée avec succès et trouverez les mises en page les plus populaires et les plus efficaces utilisées par les concepteurs du monde entier pour construire le site. 1. La disposition sinueuse de la recherche révèle comment lrsquoutilisateur scanne le contenu de la page: lrsquooeil se déplace le long de la page dans la direction de la lettre Z. drsquoabord, lrsquooeil se déplace de gauche à droite, puis vers le bas, et enfin vers la gauche, Étant donné qursquoil est étroitement lié à certains comportements courants des navigateurs Web, la mise en page zigzag srsquoapplique aux sites Web dans divers domaines drsquoactivité. Présentation du site du restaurant créé sous le thème psychédélique 2. Mise en page de type F la mise en page de type F suit un autre comportement de numérisation bien connu, crsquoest à dire que les yeux se déplacent sur la page en mode lettre f. comme elle est associée à un comportement bien connu des utilisateurs, la mise en page srsquoapplique à une variété de sites, des sites de commerce électronique aux sites de portefeuille. Source: Patagonie. Com 3. Photos en plein écran dans ce cas, la mise en page implique la diffusion du contenu sur les photos images en plein écran. Par conséquent, les images en temps réel sont prises en charge dans les sections texte ou menu. Crsquoest très utile pour les sites qui veulent localiser instantanément le thème du site dans lrsquoesprit des visiteurs. Source: Netflix 4. La mise en page des grilles organise lrsquoinformation en grilles pour faciliter la navigation et permettre aux gens de srsquoarrêter sur des sujets spécifiques qui les intéressent. La grille permet une distribution équitable du texte, des photos et des vidéos sur les pages Web et permet aux utilisateurs de déterminer lrsquoimportance de chaque Unit é. Pour les journaux, les blogs vidéo, etc. Source: IKEA Source: ihertradio 5. Disposition à une seule colonne cette disposition est utilisée pour organiser lrsquoinformation
Crsquoest lrsquoune des mises en page les plus simples à mettre en œuvre. Le contenu (texte, photos, vidéos) est facile à comprendre et il suffit de trouver les points clés drsquointérêt dans cette colonne. Convient pour les documents de recherche et les articles à long terme. De plus, une seule disposition est idéale pour lrsquoexpérience mobile. Source: moyenne 6. Lrsquoune des mises en page les plus courantes aujourdrsquohui est la création drsquoune image caractéristique représentant chaque page du site. Cette image est utilisée pour concentrer lrsquoattention et lrsquointérêt sur lrsquoexpression du thème de la page. De plus, lrsquoimage est une source de signification rayonnée de ce foyer. Idéal pour les blogueurs de niche, les pigistes et les professionnels. Présentation du site Web de la mallette du concepteur – créée à l’aide du thème 7 de Mesmerize. Disposition asymétrique la disposition asymétrique utilise les règles de symétrie et les plie pour réaliser un engagement unique: en plus de la perfection, nous devons fournir plus. Lrsquoastuce est de créer un espace actif et de rendre lrsquoespace vide plus vivant. Idéal pour de tels sites Web de conception web, des démonstrations de portefeuille inhabituelles et des sites commerciaux innovants. Source: kiwis. Com 8. Disposition de lrsquoécran partagé cette disposition fait référence à la séparation verticale de lrsquoécran et à la séparation horizontale de lrsquoécran. En général, un écran divisé verticalement joue un rôle important dans la transmission drsquoune double importance à deux zones différentes ou plus. Lrsquoobjectif ici est drsquoencourager les raccourcis afin de mieux participer au site dès le départ. Lrsquoexemple suivant est différent parce qursquoil contient à la fois une séparation verticale et une séparation horizontale sur la même page. Regardez juste la segmentation verticale, qui ne invite pas à faire un choix, mais améliore lrsquoexpérience ATTR
Jrsquoen ai un autre. Il est recommandé drsquoutiliser la mise en page à écran partagé pour les magasins en ligne (p. ex., les ventes aux hommes et aux femmes) ou pour les sites créatifs qui présentent des « avantages de vente » sur le Web (voir ci dessous). Source: feu rouge. Développement 9. Dans un monde en ligne de plus en plus visuel, cette mise en page peut faire des merveilles. Il se compose de vignettes drsquoimages qui peuvent fournir une description complète de ces sujets et titres (+ brève présentation) comme guide pour les albums drsquoimages. Idéal pour les sites touristiques, les blogs et les magazines. Source: wepresent. Transfert humide. Com 10. Mise en page modulaire (également connue sous le nom de mise en page de cartes mise en page de blocs) Cette mise en page est étroitement liée à la conception des matériaux, un Protocole de conception lancé par Google. Grâce à sa souplesse et à sa réactivité, il devient de plus en plus populaire. La mise en page modulaire signifie que chaque Unit é de contenu (texte, image, vidéo, bouton) est contenue dans un onglet ou un module avec son propre espace dédié. Lorsque appliquez une disposition modulaire à un site Web, lrsquoeffet est que lrsquoapparence aérodynamique et les éléments très cohérents sur le site Web sont composés. Pour les sites Web des entreprises, une présentation claire et cohérente est essentielle à un rendement professionnel en ligne. Source: uxpin Source: the future. Com 11. Comme nous lrsquoavons vu aujourdrsquohui, la mise en page du magazine est souvent un mélange drsquoautres mises en page, ce qui donne une aura brillante aux nouvelles. Lrsquoexemple suivant combine la disposition de la galerie titre + vignettes avec la disposition de lrsquoimage de premier plan et la disposition solide en forme de F pour garder le magazine à jour. Cette combinaison srsquoapplique, sans srsquoy limiter, aux magazines en ligne. La mise en page drsquoune page, bien qursquoelle ne soit pas très populaire dans les mises en page courantes du site, est quelque chose que nous aimerions Lister ici
La fonctionnalité est assez intéressante. Combiner plusieurs actions sur une page (par exemple gmail). Utilisez Javascript pour charger dynamiquement le contenu. Il est construit pour générer une URL unique pour chaque perspective. Un autre type de disposition moins courant est la symétrie radiale. Il y a un point central à partir duquel les éléments associés sont rayonnés sous forme circulaire: Maintenant que connaissez les différentes mises en page de votre site, il est temps de réfléchir à la mise en page spécifique qui convient le mieux à votre site. Est ce une disposition polyvalente ou une disposition adaptée à un créneau écologique particulier? Pour ce faire, devez connaître votre public, ses comportements, ses besoins et ses attentes, et créer lrsquoinformation appropriée qui correspond parfaitement à la mise en page. La mise en page aidera à faire briller lrsquoinformation et convaincra les utilisateurs qursquoils ne peuvent sempêcher de lrsquoaccepter.
19 mise en page du site que plus d&rsquoun utilisateur n&rsquooubliera pas [mise à jour 2021]
