Je suis un concepteur web et graphique avec plus de 3 ans d’expérience.
Lorsque vous commencez à concevoir un site Web, la première et importante section est la section héros. Il doit être beau, bien conçu et raconter une histoire sur le site Web. En outre, il existe certaines règles de conception que vous devez suivre.
Vous devez choisir les bonnes images, couleurs, typographie, etc. En outre, connaissez les espaces blancs, la hiérarchie et la théorie du design en général. Aussi, il y a beaucoup ressources de conception cela vous aidera et facilitera votre travail.
Dans cet article, je discuterai des points et des étapes importants pour créer une belle section de héros et ces méthodes s’appliquent également au design en général. Alors, préparez-vous et commençons.
Le héros a besoin d’une structure
Comme tout, un héros a besoin d’une structure et d’une bonne structure. Vous ne pouvez pas jeter des choses dedans. Il doit être construit dans le bon sens. Il devrait y avoir des colonnes, des lignes. Le texte et les images doivent être séparés et ne pas sursaturer.
Le héros peut avoir une disposition en colonnes ou il peut être centré. Par exemple, sur le côté gauche, il peut y avoir du texte et une sorte de bouton, et sur le côté droit, une image ou des graphiques vectoriels.
Ou il peut être centré là où le texte et le bouton sont au centre. Il peut avoir une image ou un arrière-plan vidéo, ou simplement une couleur.
Selon le site Web, il peut avoir une structure différente. Les boutiques en ligne, les pages de destination des applications, un site Web d’entreprise peuvent avoir une structure basée sur des colonnes, et les blogs et les sites simples peuvent avoir une conception centrée.
Les sites Web plus créatifs ou de portefeuille peuvent avoir une conception plus complexe, mais n’oubliez pas qu’ils doivent être simples et faciles à comprendre.
typographie
Une autre chose importante dans la conception des héros est la typographie. Il est très important de choisir des polices modernes qui soient belles. Ne choisissez pas de vieilles polices. Ce sera mauvais pour le design.
Vous disposez de nombreux outils gratuits pour trouver des polices impressionnantes comme Polices Google. Vous pouvez avoir serif, sans serif, display ou tout autre style de police. Et il doit correspondre à un design. Par exemple, si vous avez un site Web élégant, ne choisissez pas de polices caricaturales. Vous avez eu l’idée.
En outre, il peut y avoir une paire de polices. Deux polices qui fonctionnent bien ensemble. Mais attention, toutes les polices ne fonctionnent pas bien par paires. Les paires de polices sont idéales pour les titres et les paragraphes.
Faites défiler pour continuer
Le titre ou le titre peut être une police, et le paragraphe peut être une autre police. De plus, les titres doivent être plus gras et plus gros que les petits textes. C’est génial pour la hiérarchie. Pensez également aux espaces blancs. L’espace blanc est un espace entre les paragraphes et les titres.
Les couleurs comptent
Oui. Dans le design, les couleurs comptent vraiment. Cela peut embellir votre héros ou simplement le ruiner complètement. Alors choisissez judicieusement. Les concepteurs débutants n’utilisent pas bien les couleurs et ils n’utilisent pas d’outils comme les roues chromatiques ou les générateurs de palettes. Ils sont d’une grande aide.
Et il n’est pas indispensable de choisir plusieurs couleurs. Vous pouvez choisir 2 ou 3 couleurs et créer de beaux motifs. Une couleur peut être la couleur principale et les deux autres couleurs peuvent être des couleurs d’accent.
Ne saturez pas une section héros avec trop de couleur, car vous aurez une sorte d’image ou de vecteur qui a sa couleur. Alors, utilisez les couleurs à bon escient et assurez-vous qu’elles correspondent au design.
Utilisez de belles images
Les images sont très importantes dans chaque site Web. Et c’est important aussi dans les sections de héros. Chaque section de héros a besoin d’images, qu’il s’agisse d’un arrière-plan ou d’un élément. Et vous pouvez insérer des images ou des graphiques réguliers, ou même des rendus 3D.
Mais vous devez utiliser des images et des vecteurs de haute qualité. Parce que si vous avez un bon design, de bonnes polices, de bonnes couleurs, mais de mauvaises images, cela ruinera tout le design. Vous prenez des images par vous-même ou créez des vecteurs et modifiez-les dans différents logiciels, ou vous pouvez utiliser des outils tels que Unsplash pour trouver de belles images.
Vous pouvez utiliser des combinaisons d’images si vous souhaitez être plus créatif. Insérez même des vecteurs, des formes de gouttes ou d’autres détails pour le rendre plus beau.
Utiliser les boutons
L’utilisation des boutons est également très importante. Les boutons dans les sections de héros sont des appels à l’action (CTA). C’est le bouton qui emmène les visiteurs vers une autre page ou section. De cette façon, vous pouvez transférer les visiteurs vers une page de produit ou une page de vente.
C’est un excellent moyen de diriger les utilisateurs vers des pages spécifiques et importantes. Fonctionne bien avec les sites Web de commerce électronique. Idéal également pour les pages de destination où ils peuvent immédiatement télécharger l’application ou d’autres produits.
En outre, de nombreux sites Web utilisent des abonnements par e-mail au lieu de boutons et c’est aussi une sorte de CTA. De cette façon, vous collectez les e-mails des utilisateurs et vous pouvez ensuite lancer le marketing par e-mail. Ou envoyer les nouvelles aux gens.
Le bouton et la newsletter par e-mail sont tous deux un excellent moyen d’obtenir du trafic et de vendre des produits. Donc, le CTA est un must.
emballer
Ainsi, afin de créer une section de héros belle et attrayante, vous devez tenir compte de ces étapes et construire en conséquence. En outre, vous pouvez apprendre les bases de la conception, ce qui vous aidera beaucoup.
