20 sites Web qui impliquent les utilisateurs avec des icônes et des liens de médias sociaux

Les médias sociaux sont partout sur le Web et il est très important de les prendre en compte lors de la conception d’un site Web. La manière dont vous affichez vos icônes / liens de médias sociaux peut avoir une incidence directe sur la réponse et l'engagement de vos utilisateurs.

Le sujet des médias sociaux est partout sur le Web, et il est important d'en tenir compte lors de la conception d'un site Web.

La façon dont vous affichez des icônes ou des liens de médias sociaux a un effet direct sur l'engagement de l'utilisateur.

Vous devez tenir compte de nombreux détails lors de la mise en page, notamment la mise en page, le flux de contenu et la zone de repos principale de la page.

Que vous vous retrouviez avec des liens typographiques dans l'en-tête ou des icônes dans le pied de page, vous devez tester les couleurs, les formes, la typographie et l'iconographie pour vous assurer que vos liens sociaux sont judicieusement combinés, attrayants et bien conçus.

Ici, nous allons vous montrer quelques exemples de la façon dont les sites Web affichent leurs liens sociaux afin que vous puissiez voir la variété des options disponibles. Vérifiez-les et dites-nous ce que vous en pensez.

Contentcube

Contentcube, une agence de solutions numériques, a une disposition propre qui attire notre attention avec un peu de texture et un en-tête coloré. Les liens Twitter et Facebook sont situés dans l'en-tête, avec la ligne "Suivez-nous sur ..."

colle Isobar

Isobar, une agence de création, a également une mise en page épurée, avec des images bien placées sur la page. Tous les liens sociaux sont dans le pied de page, avec des icônes attrayantes et une couleur de fond forte. La société inclut également un widget proche du pied de page avec son dernier tweet.

Laboratoire de focus

Focus Lab, une petite équipe de concepteurs et de développeurs de sites Web, a une page belle, propre et minimale. Il présente ses liens Twitter et Flickr sur la page de contact et dans le pied de page.

Adam

Adam corrige son en-tête et son pied de page lorsque vous défilez. Les liens sociaux apparaissent dans le pied de page, en bas à droite de la page.

La chasse

La poursuite présente l’effet de parallaxe lorsque vous faites défiler la page. Faites défiler tout en bas pour trouver les icônes sociales.

hellofisher

Hellofisher, le site Web du concepteur et conférencier d’expérience utilisateur Steven Fisher, a également un design épuré, avec des icônes sociales présentées de manière très élégante dans le pied de page.

Elless

Elless, le centre créatif de Paul Morris, présente une belle et colorée mise en page basée sur la forme, la texture et la typographie. Les icônes sociales sont sur la page de contact, avec le formulaire de contact.

Owltastic

Owltastic met ses icônes sociales en haut à droite de la barre latérale, précédées de «Follow me». La combinaison de couleurs, de typographie et de graphiques est ici subtile et belle.

Se dérouler

Déplier est une conception à une seule page que vous pouvez parcourir en faisant défiler ou via le menu. Vous pouvez trouver les informations sociales sous l'option de menu pour "Partage".

Infligé

Inflicted est le site du designer visuel Hugo Loning. Les icônes sociales se trouvent dans l’en-tête, en rouge.

Vraiment simple

Comme vous pouvez le deviner, Really Simple a un design propre et minimal. Son lien Twitter est dans le menu principal de l'en-tête, comme un simple lien typographique.

Jarad Johnson

Jarad Johnson, un designer interactif, en est un autre qui offre une combinaison attrayante de couleurs, de formes et de typographies. Ses icônes sociales sont rassemblées sur la page de contact.

Quoi de neuf Cupcake?

Quoi de neuf Cupcake? suit le thème de ses cupcakes en donnant à ses icônes sociales une belle couleur, forme et cadre. Les icônes apparaissent au milieu de la page.

Petite fortune

Small Fortune, un studio de création, a une mise en page simple et belle. Ses liens sociaux sont basés sur du texte et ont une belle couleur de fond.

Pop rouge

Red Pop a une mise en page propre. Le fond rouge et le texte blanc se mélangent bien, et les liens sociaux sont également simples et basés sur du texte.

Playlists décorées

Les playlists décorées ont un design propre, minimal et beau. Le lien Twitter basé sur du texte minimal apparaît dans le menu d'en-tête.

Grand œil

Big Eye présente ses icônes sociales dans l'en-tête, au-dessus du menu principal. Les couleurs, la typographie, la texture et les icônes se combinent très bien.