Téléchargez un manuel gratuit, qui vous aidera à concevoir votre site en toute confiance.
L’adresse e-mail saisie n’est pas valide.
Nous vous remercions de vous être abonné(e).
En saisissant votre adresse e-mail, vous reconnaissez avoir lu et compris notre Politique de confidentialité et acceptez de recevoir des communications marketing de la part de Squarespace.
Les couleurs, la typographie et les images utilisées dans le design de votre site web sont les éléments fondamentaux de votre marque en ligne. Ces éléments peuvent contribuer à faire comprendre à votre public cible qui vous êtes et ce que vous représentez.
Que vous soyez novice en matière de conception de sites web ou que vous souhaitiez remanier un site existant, apprenez à créer votre propre style sans faire appel à un concepteur web.
Choisir une palette de couleurs
Lorsque vous choisissez une palette de couleurs pour votre site web, prenez le temps de regarder les sites d’autres marques ou des sites de portfolio pour vous inspirer. Si vous lancez un magasin de plantes en ligne, par exemple, vous pouvez examiner les marques concurrentes pour voir comment créer un design unique pour votre boutique en ligne et vous démarquer sur le marché.
La couleur joue également un rôle important dans l'expérience utilisateur d'un site, et trouver les bonnes combinaisons de couleurs est essentiel pour un bon design web. Par exemple, le choix d'une palette de couleurs qui met en évidence les appels à l'action sur votre site web rendra également votre site facile à utiliser pour les nouveaux visiteurs. Il existe cinq approches principales pour choisir des couleurs :
Couleurs complémentaires : elles sont opposées les unes aux autres sur la roue chromatique. Ces combinaisons comprennent une couleur chaude, comme le jaune, juxtaposée à une couleur froide, comme le violet.
Division des couleurs complémentaires : cela divise une couleur en deux couleurs adjacentes sur la roue chromatique, puis associe cette paire à la couleur complémentaire de la couleur d'origine. Par exemple, vous pouvez diviser le rouge en rouge-orange et rouge-violet, puis les associer à la couleur complémentaire du rouge, le vert.
Triades et tétrades : trois ou quatre couleurs, respectivement, qui sont à la même distance les unes des autres sur la roue chromatique, par exemple, rouge, bleu et jaune (triade), ou orange, rouge, violet et bleu (tétrade).
Couleurs analogues : ces combinaisons se trouvent les unes à côté des autres sur la roue chromatique, par exemple le rouge, le rouge-violet, le bleu-violet et le bleu.
Couleurs monochromatiques : un jeu de couleurs unique qui utilise diverses nuances, tons et teintes d'une couleur individuelle.
Lorsque vous sélectionnez des combinaisons de couleurs, privilégiez la simplicité et limitez le nombre de couleurs que vous choisissez. En règle générale, il faut s'en tenir à trois ou quatre couleurs principales au maximum.
Choisir les polices de votre marque
Comme la couleur, la typographie influence nos opinions et façonne notre perception des entreprises avec lesquelles nous interagissons. Voici quelques-uns des différents styles de polices parmi lesquels vous pouvez choisir.
Polices Serif
Ces styles de police classiques ont un pied décoratif (c'est-à-dire un empattement) à la fin du trait de chaque caractère. Elles incluent notamment : Times New Roman, Palatino Linotype et Georgia. Ces polices sont idéales pour les longs blocs de texte, tels que le corps de texte sur votre site web, et ont une qualité formelle et faisant autorité.
Polices Sans Serif
« Sans serif » désigne une police qui n'a pas de pied décoratif. Ces polices incluent notamment : Helvetica, Arial et Verdana. Elles sont modernes, faciles à lire et simples.
Polices égyptiennes
Géométriques, volumineuses et affirmées, les polices égyptiennes sont idéales pour les logos, les titres, les sous-titres et même le corps de texte. Elles incluent : Rockwell, Soho, Memphis et ITC Lubalin Graph.
Polices script
Les polices script ressemblent à une écriture cursive. Elles peuvent être difficiles à lire en petit format, mais sont idéales sur une page de destination, pour des titres ou des sous-titres.
Le logo de votre marque devrait constituer un bon point de départ pour le choix de la police principale de votre site web. Vous n'êtes pas obligé d'utiliser exactement la même police que le logo dans votre autre typographie, mais vous pouvez l'utiliser pour le texte des titres afin de créer une continuité de la marque. Si vous n'avez pas encore de logo, le Logo Maker gratuit de Squarespace peut vous aider à vous lancer.
Lisez le guide d’un expert sur le choix des polices
Utiliser des icônes sur votre site
Les icônes sont des images qui représentent des mots ou des concepts. Elles utilisent une image simple pour transmettre un sens complexe. Pensez à toutes les grandes marques mondiales que vous pouvez identifier à la simple vue d'une virgule ou d'un petit oiseau bleu.
Parce qu'elles transmettent beaucoup d'informations avec un minimum d'éléments, les icônes fonctionnent bien sur les sites web, pour attirer l'attention de l'utilisateur sur les informations clés et guider l'expérience utilisateur. Prenez l'exemple des icônes utilisées comme liens vers les pages de médias sociaux d'une entreprise : ces icônes sont si reconnaissables que, lorsqu'elles apparaissent sur une page web, les utilisateurs savent exactement où ils vont en cliquant dessus.
Pour créer une icône efficace pour votre entreprise, réfléchissez à la façon dont vous souhaitez présenter votre marque et aux impressions que vous souhaitez créer. Les formes que vous choisissez doivent refléter votre esthétique globale et votre message. Par exemple, si vous associez une palette de couleurs douces à une police moderne, vous pouvez utiliser des icônes simples, avec des formes constituées de lignes uniques. Si vous optez pour un branding plus audacieux et plus coloré, vous pouvez essayer des formes géométriques qui reflètent un style et un ton épurés. Avec les icônes, une image peut valoir mille mots.
Découvrez comment créer une expérience utilisateur efficace sur votre site web.