Principes de conception pour la mise en page du site Web d’un journal

5

Aujourd’hui, nous allons parler de styles dans la conception de sites Web, et l’accent que nous mettons sur le style du journal. Dans cet article, vous découvrirez les caractéristiques les plus distinctives de cette conception et obtiendrez quelques conseils utiles à suivre pour obtenir de meilleurs résultats avec votre projet.

Le style est une combinaison totale de la façon dont vous concevez votre site Web. Le style est aussi un moyen de communication entre vous et votre public. Chaque style de conception Web a son ensemble spécifique de composants.

Les principaux styles de conception de sites Web sont :

  • nettoyer;
  • sale;
  • vintage/rétro ;
  • illustration;
  • journal/magazine.

Le style journal était principalement utilisé pour les journaux et magazines en ligne, car leurs versions imprimées ont cette structure. Aujourd’hui, cette conception convient à n’importe quel site Web, surtout s’il doit être riche en contenu. Un site Web réalisé dans un style journal est facile à reconnaître parmi tant d’autres par une mise en page riche en contenu, une structure à plusieurs colonnes, des couleurs simples et contrastées.

Mise en page du site Web du journal : caractéristiques

1 noir sur blanc

Le journal imprimé traditionnel est blanc ou gris et le texte est noir. Ce combo de couleurs est parfait pour nos yeux. Le contraste des couleurs facilite la lisibilité et c’est pourquoi cette palette de couleurs est la plus appropriée pour les sites Web de style journal, qui sont généralement bourrés de contenu. Vous pouvez vous écarter de ce mélange de couleurs classique, mais vous devez toujours garder à l’esprit que le contraste est un must. Vous pouvez retourner le choix de couleur régulier en rendant le fond noir et la typographie blanche. Mais n’utilisez jamais le jaune sur le noir, le vert sur le bleu, le rose sur le bleu, etc. Essayez de lire vous-même le site Web, si vos yeux se sentent bien après, vous pouvez adopter les couleurs choisies sur votre projet Web.

La lumière neutre et l’obscurité sont des couleurs de base, mais il peut y avoir plus de couleurs d’accent utilisées. Par exemple, le bleu est bon pour les titres, le rouge serait parfait pour les boutons. Les onglets du menu de navigation peuvent être décorés avec une teinte plus claire ou plus foncée de la couleur primaire, ou colorés de la même manière que les détails d’accentuation. Ainsi, le menu se démarquera sur la toile et apportera une expérience visuelle parfaite aux utilisateurs.

2 graphiques minimaux

Le site Web avec la mise en page du journal est propre, informatif, structurel et contient des éléments graphiques conçus avec précision et de manière minimaliste. Les éléments graphiques sont :

  • lignes
  • formes
  • couleurs
  • typographie
  • textures.

Comme nous l’avons déjà mentionné, la palette de couleurs est toujours simple sur de tels sites Web. Les textures sont rarement utilisées sur les conceptions Web des journaux, car un mur de texte avec des images sur une texture bois ou grunge distraira vos visiteurs et aggravera la lisibilité du contenu. Néanmoins, la texture du papier est juste au point ici. Il peut s’agir d’une texture d’arrière-plan, d’une texture de boutons ou uniquement pour les zones d’en-tête ou de pied de page.

La conception régulière basée sur une grille ou la disposition à plusieurs colonnes réduit l’utilisation de formes et de lignes, car il y en a assez de toute façon. Il y aurait trop de géométrie si vous concevez votre site Web de bonne forme avec un ensemble supplémentaire de chiffres.

3 Conception basée sur une grille ou disposition multi-colonnes

La mise en page du site Web du journal est celle dont la structure est parfaitement organisée. Ce sont des sites Web riches en contenu qui ont généralement ce type de conception, et la structure devient donc la première. La grille ou les colonnes sont les types d’arrangement de contenu les plus utiles. Il est vrai que «des systèmes de grille bien conçus peuvent rendre vos conceptions non seulement plus belles et lisibles, mais aussi plus utilisables» (Mark Boulton). La mise en page basée sur une grille vous permet de diviser le contenu en blocs complets ; engagez ainsi les utilisateurs à lire votre site Web et non à le survoler.

La disposition multi-colonnes est similaire mais pas identique. Il doit s’agir de quelques colonnes d’une bonne hauteur, mais pas nécessairement de la même largeur. Plus les colonnes sont larges, plus le texte est lisible. Deux colonnes peuvent avoir fière allure, bien que trois et plus soient définitivement meilleures. Les colonnes, en tant que grille, aident à différencier le contenu, permettent aux utilisateurs de trouver plus facilement une section intéressée. En optant pour ce style de mise en page, vous ne devez pas oublier l’espace entre les colonnes. Le site Web sera extrêmement difficile à lire si les colonnes sont trop serrées les unes par rapport aux autres.

4 titres et extraits

Voulez-vous ouvrir chaque article et le lire lorsque vous accédez à un site Web ou à un blog contenant de nombreux textes ? Les titres nous aident à différencier l’article intéressant de l’article secondaire. Ainsi, chaque bloc de contenu doit être intitulé. Qu’il s’agisse d’une petite section sur une grille ou d’une colonne pleine hauteur, elle doit avoir un titre. Le titre doit être d’une police plus grande, tapé en gras ou mis en évidence avec une couleur différente. Ce point est clair, je suggère.

Les extraits sont de courtes descriptions des articles de texte. Celles-ci sont toujours faites pour éveiller l’intérêt des lecteurs et leur permettre de comprendre un long texte en quelques phrases. Cet élément est utile si vous gérez un blog, un périodique en ligne, un site Web d’actualités, etc.

5 Contenu primaire et secondaire

Tracez une frontière entre les parties de votre contenu. Définissez ce qui est le plus important et quels textes peuvent attendre d’être lus. Par exemple, vous pouvez concevoir votre page d’accueil avec une grande section d’en-tête pour les nouveaux messages (un ou plusieurs). Il s’agit d’une zone en vedette avec de grandes images et des graphiques. L’autre contenu sera plus petit et basé sur des fractions de grille. Cela met fortement l’accent sur les derniers arrivants et aide à gagner plus de parts sociales.

6 Navigation intuitive et cohérente

La mise en page du site Web du journal est conçue pour le contenu et ce contenu doit être facile à naviguer. Par conséquent, le menu de navigation se caractérise par sa simplicité et sa bonne position.

La meilleure position est une zone de haut de page, car cette zone est la première à être mentionnée et elle est toujours au même endroit – faites simplement défiler vers le haut si vous êtes en bas. Dans le cas où vous aimez la navigation verticale et que vous ne pouvez pas arrêter de l’aimer – faites votre menu orienté verticalement mais faites-le sur la gauche. Nous lisons de gauche à droite et non l’inverse, de sorte que les éléments de gauche tombent dans l’œil plus tôt que ceux de droite.

Les sites Web de style journal partagent des tonnes de textes et doivent être accessibles aux utilisateurs.

7 Catégorisation

Une meilleure utilisation des catégories est principalement disponible dans la mise en page du site Web du journal. Il fait référence aux blogs en particulier, ainsi qu’à tout autre site Web. La plupart des sites échouent, car ils ont un contenu purement organisé. Les catégories sont nécessaires si vous publiez fréquemment et sur divers sujets (par exemple, des sites Web d’actualités).

Divisez votre contenu en catégories et affichez-les soit sur une barre latérale, soit sur la barre de menu de navigation.

8 Espace pour la publicité

Comment allez-vous gagner de l’argent avant que votre site Web ne devienne populaire? La publicité est le nombre de propriétaires de sites Web qui réalisent des bénéfices assez importants. Les bannières publicitaires doivent être placées non seulement quelque part, mais cette position doit être définie avec précision. Les bons endroits sont la barre latérale, à gauche et à droite, l’en-tête ou le pied de page. Les bannières de promotion sont souvent vues au milieu des articles de texte, mais ce point est controversé: c’est bon pour vous en tant que personne qui prend de l’argent pour cela, mais ces éléments peuvent aussi irriter votre lectorat.

9 Barre latérale fonctionnelle

La barre latérale peut contenir non seulement des publicités, mais aussi des catégories de contenu, du contenu récent, un champ de recherche, une barre de newsletter, une navigation, des boutons de partage social, des remises/offres spéciales, etc. colonne dans la rangée.

Il y a quelques ingrédients pour une conception de barre latérale réussie :

  • taille (taille et poids);
  • couleurs;
  • polices ;
  • placement.

Une barre latérale doit être plus petite ou égale à la colonne normale de votre mise en page, pas plus grande. Il doit être conservé dans des couleurs neutres, mais avec une typographie visible. Le placement peut être à la fois à gauche et à droite mais comme nous l’avons déjà dit, tout ce qui se trouve à gauche se voit immédiatement.

10 Maximisation de l’espace blanc

Dans la mesure où nous créons un site Web multifonctionnel avec une mise en page impressionnante, nous ne pouvons que nous souvenir de l’espace blanc. Il s’agit d’un élément essentiel, même pour une conception de style journal. Que ce soit un espace entre les colonnes, des sections vides sur les côtés ou en bas. Les utilisateurs doivent avoir la possibilité de détourner les yeux du mur de texte et de réfléchir.

Généralement, l’espace blanc est considéré comme une section où rien n’est tapé. Il existe une signification plus étroite : l’espace blanc se situe entre les lignes de texte et les lettres, autour des éléments de contenu. C’est tout ce qui rend votre site Web plus lisible et plus simple, même s’il est rempli d’un nombre excessif d’éléments de contenu.

11 Mises à jour fréquentes du contenu

La mise en page du site Web d’un journal vous oblige à travailler constamment sur votre projet. Le site Web avec de nombreuses colonnes et sections de grille vides aura l’air maladroit. Vous devez remplir soigneusement le site Web et conserver la tendance à mettre régulièrement à jour le contenu, à rendre vos publications fréquentes et à modifier le contenu présenté dans l’en-tête (ou partout où vous le faites).

Le contenu et la fréquence forment un couple, comme le roi et la reine. Outre l’apparence du site Web lui-même, le contenu fréquent affecte vos résultats dans les moteurs de recherche. Les gens visitent rarement votre site Web, s’il est obsolète et que Google le voit. Ainsi, votre contenu obtient de moins bons scores dans les résultats de recherche.

12 Partage social encouragé

Les blogs et les sites d’actualités sont les plus courants pour utiliser le style journal, et ces sites Web ne peuvent exister sans l’intégration des médias sociaux. C’est l’époque du partage de masse, et les réseaux sociaux sont là où les gens passent une grande partie de leur temps. Vous devez utiliser des boutons sympas de suivi et de partage pour chaque réseau : Twitter, Facebook, Google+, Pinterest, LinkedIn, etc. Seul avertissement : n’utilisez pas les comptes que vous avez abandonnés, utilisez uniquement ceux sur lesquels vous publiez souvent. Créez ces boutons les plus visibles sur le site internet pour vous assurer une meilleure exposition visuelle sur les plateformes médias.

Une autre chose que nous voudrions mentionner concernant les particularités de la mise en page du site Web d’un journal est la réactivité. Cette mise en page ne restera jamais la même sur les appareils mobiles, et il n’y a aucun moyen de créer une version mobile en la gardant dans un style journal. Le site Web mobile ne devrait pas avoir un arrangement de contenu multi-colonnes, et c’est un must pour la conception Web des journaux. Un site Web mobile ne peut pas avoir de barres latérales. Et il vaut mieux repenser la navigation, car il est plus utile de rendre votre site mobile scrollable plutôt que cliquable.

Exemples de conception de la mise en page du site Web du journal

Milo Blog

Organisation internationale de protection civile

Publicité Santé

Façonnage

Mes droits

boîte noire

Qualité éprouvée

Le BostonGlobe

Motonews

Le Bref

Magazine de New York

Deadspin

Le journal de Wall Street

EspritCorpsVert

Blog TED

Je suis un blog culinaire

Nouvelles d’affaires de Long Island

Exprimer

Tribune

Source d’enregistrement: instantshift.com

Ce site utilise des cookies pour améliorer votre expérience. Nous supposerons que cela vous convient, mais vous pouvez vous désinscrire si vous le souhaitez. J'accepte Plus de détails