• 0k
  • 0
Web design \ 23 Février 2015

Comment utiliser les formes pour embellir votre design ?

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 :

Formes

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.

Texte encadré

Menu encadré 

Sur l’exemple : Boîte. Style de Boîte 1. Largeur de Bordure : 0. Arrière-plan blanc. Opacité : 100

Menu encadré

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.

Chiffre surligné

Mise en valeur de prix 

Sur l’exemple : Forme. Rond. Couleur remplissage : Anthracite. Opacité : 100. Largeur Bordure : 0.

Mise en valeur de prix à l'aide d'une forme

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.

Police réinventée

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).

Icône et formes cliquables

Faites vos jeux

Vous pouvez utiliser les formes librement et vous essayer à différentes combinaisons. Elles peuvent vous servir à créer votre 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.

Société de Production Template de Site   WIX

Prêt à vous lancer sur le Web ? Créez votre site gratuitement avec Wix !


Recevez le
par e-mail !

Rejoignez le blog de Wix Ne manquez rien de notre actu !

Adresse courriel invalide.

l\'email existe déjà

Adresse courriel invalide.

Rejoignez-nous ! \ 

Découvrez nos conseils en web design, en marketing digital,
et suivez toute l'actu Wix ! Pas de spam. Promis.

Adresse courriel invalide.

l'email existe déjà

Adresse courriel invalide.