Les formes comptent parmi les membres les plus respectables de la grande famille des outils de design Wix. Alors que le flat design et le minimalisme charment les foules, il est important de comprendre comment en faire usage pour apporter à votre site une touche moderne et sophistiquée.
« En quoi un carré peut-il bien influencer la qualité de mon design ? » objecterez-vous à juste titre. La réponse est simple : les figures géométriques contribuent à hiérarchiser votre contenu, à mettre en exergue certains éléments graphiques et permettent d’orienter vos visiteurs très intuitivement au sein de votre site.
Ci-dessous, 5 conseils pratiques et très simples à appliquer pour garder son site en forme :
Mettez vos textes en valeur
Les formes constituent un excellent moyen de mettre en valeur un slogan, une citation ou encore un menu. Elles permettent d’orienter l’attention des visiteurs vers ces éléments de façon subtile et moderne.
Comment procéder ? Ajoutez une boîte (ou une forme) dans l’éditeur et superposez-la à votre texte. Ensuite, faites glisser la barre de transparence dans la direction qui répond à vos besoins et jouez avec les bordures pour obtenir l’effet escompté.
Texte encadré
Sur l’exemple : Boîte. Style de Boîte 1. Largeur de bordure : 6. Arrière-plan transparent. Opacité : 18.
Menu encadré
Sur l’exemple : Boîte. Style de Boîte 1. Largeur de Bordure : 0. Arrière-plan blanc. Opacité : 100
Donnez du poids à vos chiffres
Les chiffres sont réputés pour attirer le regard. En « surlignant » vos chiffres avec une forme originale, vous en améliorez la lisibilité et motivez votre lecteur à s’intéresser au reste de votre texte. En outre, cette astuce vous sera particulièrement utile pour mettre l’accent sur vos promotions et offres spéciales avec élégance.
Chiffre « surligné »
Sur l’exemple : Forme. Carré. Couleur remplissage : Blanc. Opacité : 40. Largeur Bordure : 0.
Mise en valeur de prix
Sur l’exemple : Forme. Rond. Couleur remplissage : Anthracite. Opacité : 100. Largeur Bordure : 0.
Réinventez vos polices
Vous trouvez que les polices de caractères ont toutes un air de déjà-vu ? Cette astuce devrait vous intéresser. Utilisez des formes pour combler les lettres de votre police et lui donner un style inédit. Prenez soin simplement que votre texte ne perde pas en lisibilité et que la couleur soit exactement identique à celle de votre police afin de dissimuler votre supercherie.
Police réinventée
Sur l’exemple : Forme. Cercle. Couleur Remplissage : Noir. Largeur Bordure : 0.
Créez des boutons
Nous avons essentiellement mentionné des techniques permettant de mettre en valeur certains éléments textuels de votre site. À présent, il est temps de parler navigation. L’une des caractéristiques principales du flat design consiste à orienter l’utilisateur à l’aide de boutons composés de blocs de couleurs et d’icônes simples.
Pour reproduire cet effet sur votre site, vous devez utiliser les formes disponibles dans la catégorie Images. Si vous n’y trouvez pas votre bonheur, il vous suffit de créer la vôtre – inutile de vous expliquer comment créer un cercle jaune ou un triangle vert sur Paint. Enfin, il ne vous reste qu’à superposer l’un des nombreux Cliparts mis à votre disposition dans l’éditeur.
Comment créer un bouton avec une image ou un clipart : Ajouter→ Image → Connecter à (choisissez une page ou un lien).
Faites vos jeux
Vous pouvez utiliser les formes librement et vous essayer à différentes combinaisons. Elles peuvent vous servir à créer un logo, à concevoir une infographie ou simplement à réaliser des formes minimalistes pour décorer votre site (une enceinte, un cœur ou tout autre élément composé de formes géométriques simple).
Vous pouvez vous inspirer du modèle ci-dessous pour apprécier quelques idées minimalistes mais ravissantes basées sur la simple utilisation décorative des formes.
Conseils de lecture:
Prêt à vous lancer sur le Web ? Créez votre site gratuitement avec Wix !