20 siti Web che coinvolgono gli utenti con icone e link di social media

I social media sono ovunque nel web ed è una cosa molto importante da considerare quando si progetta un sito web. Il modo in cui visualizzi le icone / i link dei social media può influire direttamente sulla risposta e sul coinvolgimento dei tuoi utenti.

Il tema dei social media è tutto il web ed è importante considerarlo quando si progetta un sito web.

Il modo in cui visualizzi icone o link di social media ha un effetto diretto sul coinvolgimento degli utenti.

È necessario considerare molti dettagli quando si crea una pagina, incluso il layout, il flusso di contenuti e l'area principale di riposo sulla pagina.

Indipendentemente dal fatto che si ottengano collegamenti tipografici nell'intestazione o icone nel footer, è necessario testare colori, forme, tipografia e iconografia per garantire che i collegamenti social siano combinati in modo intelligente, accattivanti e ben progettati.

Qui, ti mostreremo alcuni esempi di come i siti web visualizzano i loro link social in modo da poter vedere la varietà di opzioni disponibili. Controllali e facci sapere cosa ne pensi.

Contentcube

Contentcube, un'agenzia di soluzioni digitali, ha un layout pulito che attira la nostra attenzione con un po 'di texture e un'intestazione colorata. Entrambi i link di Twitter e Facebook si trovano nell'intestazione, con la riga "Seguici su ..."

colla Isobar

colla Isobar, un'agenzia creativa, ha anche un layout pulito, con immagini posizionate in modo bello attraverso la pagina. Tutti i link social sono nel footer, con icone attraenti e un forte colore di sfondo. L'azienda include anche un widget vicino al piè di pagina con i suoi ultimi tweet.

Focus Lab

Focus Lab, un piccolo team di designer e sviluppatori di siti Web, ha una pagina bella, pulita e minimale. Mostra i suoi link Twitter e Flickr nella pagina dei contatti e nel footer.

Adamo

Adam aggiusta l'intestazione e il piè di pagina mentre scorri verso il basso. I collegamenti sociali compaiono nel piè di pagina, fissati in basso a destra della pagina.

The Chase

The Chase ha l'effetto di parallasse mentre scorri la pagina. Scorri fino in fondo per trovare le icone sociali.

hellofisher

hellofisher, il sito web di user experience designer e speaker Steven Fisher, ha anche un design pulito, con icone sociali mostrate molto elegantemente nel footer.

Elless

Elless, il centro creativo di Paul Morris, ha un layout bello e colorato basato sulla forma, la consistenza e la tipografia. Le icone sociali sono nella pagina dei contatti, insieme al modulo di contatto.

Owltastic

Owltastic mette le sue icone sociali nella parte in alto a destra della barra laterale, preceduta da "Seguimi". La combinazione di colore, tipografia e grafica qui è sottile e bella.

spiegare

Unfold è un design a pagina singola che puoi navigare scorrendo o tramite il menu. Puoi trovare le informazioni sociali sotto l'opzione di menu per "Condivisione".

Inflicted

Inflicted è il sito web del visual designer Hugo Loning. Le icone sociali sono nell'intestazione, che si stagliano in rosso.

Davvero semplice

Come puoi immaginare, Really Simple ha un design pulito e minimale. Il suo link Twitter è nel menu principale nell'intestazione, come un semplice collegamento tipografico.

Jarad Johnson

Jarad Johnson, un designer interattivo, è un altro che offre una combinazione accattivante di colore, forma e tipografia. Le sue icone sociali sono raccolte nella pagina dei contatti.

Che succede Cupcake?

Che succede Cupcake? segue il tema dei suoi cupcakes dando alle sue icone sociali un bel colore, forma e cornice. Le icone appaiono al centro della pagina.

Piccola fortuna

Small Fortune, uno studio creativo, ha un layout semplice e bello. I suoi collegamenti sociali sono basati su testo e hanno un bel colore di sfondo.

Pop rosso

Red Pop ha un layout pulito. Lo sfondo rosso e il testo bianco si mescolano bene, ei collegamenti sociali sono anche semplici e basati su testo.

Playlist decorate

Le playlist decorate hanno un design pulito, minimale e bello. Il collegamento Twitter minimale basato sul testo appare nel menu dell'intestazione.

Occhio grande

Big Eye mette in mostra le sue icone sociali nell'intestazione, sopra il menu principale. Colori, tipografia, texture e icone si combinano molto bene.