Boutons de Partage Social Exemples

L'affaire montre quatre boutons en forme de rectangle pour partager des informations dans les médias les plus populaires. Ils ont sauvé les couleurs authentiques et montrent les noms et les symboles des médias. C'est un bon exemple de personnalisation pour les cas où vous souhaitez que vos boutons soient placés dans une zone de contenu, par exemple un article.

C'est ainsi que vous créez des boutons pratiques pour tous les utilisateurs - la disposition flottante leur permet de suivre le défilement de haut en bas de la page et de toujours rester à portée de main. Aucune chance que les utilisateurs les rateront de la vue. Le design est minimaliste, de forme carrée et uniquement les icônes des médias sur les boutons.

En utilisant les options de personnalisation, vous pouvez obtenir un look totalement unique du widget. Ces boutons ont été conçus pour faire écho au style général et aux couleurs du site Web. Ils sont en noir et blanc, géométriques et minimalistes grâce au fait qu'ils n'ont que les icônes des médias dessus - sans les noms.

Ces jolis et petits boutons ont l'air vraiment propres et soignés sur la page. Ils sont de forme circulaire et de style matériel, montrant les symboles du support choisi. Un bel effet d'animation de diapositives au survol ajoute une certaine vivacité à l'expérience utilisateur. Les boutons sont alignés au centre, mais vous pouvez également choisir des variantes gauche et droite.

Ces boutons sont de forme circulaire, mais grâce à la largeur réactive, la valeur a été modifiée pour les rendre ovales et plus substantiels. L'utilisateur a choisi la variante Flat du style et a laissé les couleurs originales des médias, mais a ajouté une couleur noire et une animation de rebond au survol.

Les icônes en forme de rectangle sont joliment disposées dans une grille et montrent à la fois les icônes et le texte avec les noms des médias. Ils s'intégreront dans une zone de contenu, l'unité de finition d'un article ou en bas de page. Une animation de curseur attrayante est active sur les symboles et les icônes deviennent noires au survol.

L'auteur a édité les étiquettes des boutons et ajouté un appel à l'action à chacun d'eux. Il n'y a pas d'icônes des médias - à la place, leurs noms sont ajoutés. L'arrière-plan des boutons a été changé en blanc et la couleur du texte est celle d'origine pour chacun des médias pour établir l'association visuelle.

Pour faciliter le partage du contenu par les utilisateurs, dans cet exemple, il existe des boutons pour les messagers les plus populaires. Les boutons enregistrent les couleurs d'origine et affichent le nom et l'icône ensemble. Ils sont de forme arrondie et grâce à la largeur automatique, ils remplissent exactement le bon espace sur la page.