A mídia social está em toda a web e é algo muito importante a considerar ao criar um website. A maneira como você exibe seus ícones / links de mídia social pode afetar diretamente a resposta e o engajamento de seus usuários.

O tema das mídias sociais está em toda a web, e é importante considerá-lo ao projetar um site.

A maneira como você exibe ícones ou links de mídia social tem um efeito direto no envolvimento do usuário.

Você precisa considerar muitos detalhes ao criar uma página, incluindo o layout, o fluxo de conteúdo e a área principal de descanso na página.

Quer você tenha links tipográficos no cabeçalho ou nos ícones no rodapé, você deve testar cores, formas, tipografia e iconografia para garantir que seus links sociais sejam cuidadosamente combinados, envolventes e bem planejados.

Aqui, mostraremos alguns exemplos de como os websites exibem seus links sociais para que você possa ver a variedade de opções disponíveis. Dê uma olhada e nos diga o que você pensa.

Contentcube

O Contentcube, uma agência de soluções digitais, tem um layout limpo que chama a atenção com um pouco de textura e um cabeçalho colorido. Os links do Twitter e do Facebook estão localizados no cabeçalho, com a linha "Siga-nos em ..."

wdsm01
wdsm02

cola Isobar

A cola Isobar, uma agência de criação, também tem um layout limpo, com imagens posicionadas lindamente em toda a página. Todos os links sociais estão no rodapé, com ícones atraentes e uma forte cor de fundo. A empresa também inclui um widget próximo ao rodapé com seu último tweet.

wdsm03
wdsm04

Laboratório de Foco

A Focus Lab, uma pequena equipe de designers e desenvolvedores de sites, tem uma página bonita, limpa e mínima. Ele mostra seus links no Twitter e no Flickr na página de contato e no rodapé.

wdsm05
wdsm06
wdsm07

Adão

Adam fixa seu cabeçalho e rodapé no lugar enquanto você rola para baixo. Os links sociais aparecem no rodapé, fixados no canto inferior direito da página.

wdsm08
wdsm09

A caçada

O Chase apresenta o efeito de paralaxe conforme você rola pela página. Percorra todo o caminho até o fundo para encontrar os ícones sociais.

wdsm10
wdsm11

hellofisher

hellofisher, o site do designer de experiência do usuário e palestrante Steven Fisher, também tem um design clean, com ícones sociais exibidos de forma muito elegante no rodapé.

wdsm12
wdsm13

Elless

Elless, o centro criativo de Paul Morris, tem um layout bonito e colorido baseado em forma, textura e tipografia. Ícones sociais estão na página de contato, juntamente com o formulário de contato.

wdsm14
wdsm15

Owltastic

A Owltastic coloca seus ícones sociais no canto superior direito da barra lateral, precedidos por "Siga-me". A combinação de cores, tipografia e gráficos aqui é sutil e bonita.

wdsm16
wdsm17

Desdobrar

Desdobrar é um design de página única que você pode navegar rolando ou pelo menu. Você pode encontrar as informações sociais na opção de menu "Compartilhamento".

wdsm18
wdsm19

Infligidos

Inflicted é o site do designer visual Hugo Loning. Os ícones sociais estão no cabeçalho, destacando-se em vermelho.

wdsm20
wdsm21

Muito simples

Como você poderia imaginar, o Really Simple tem um design limpo e minimalista. Seu link no Twitter está no menu principal no cabeçalho, como um simples link tipográfico.

wdsm22
wdsm23

Jarad Johnson

Jarad Johnson, um designer interativo, é outro que oferece uma combinação atraente de cor, forma e tipografia. Seus ícones sociais estão reunidos na página de contato.

wdsm24
wdsm25

What's Up Cupcake?

What's Up Cupcake? segue o tema de seus cupcakes, dando aos seus ícones sociais uma bela cor, forma e moldura. Os ícones aparecem no meio da página.

wdsm26
wdsm27

Pequena fortuna

Small Fortune, um estúdio criativo, tem um layout simples e bonito. Seus links sociais são baseados em texto e têm uma boa cor de fundo.

wdsm28
wdsm29

Pop vermelho

Red Pop tem um layout limpo. O fundo vermelho e o texto branco combinam bem, e os links sociais também são simples e baseados em texto.

wdsm30
wdsm31

Playlists decoradas

Playlists decoradas tem um design limpo, minimal e bonito. O link mínimo do Twitter baseado em texto aparece no menu de cabeçalho.

wdsm32
wdsm33

Olho grande

O Big Eye exibe seus ícones sociais no cabeçalho, acima do menu principal. Cores, tipografia, textura e ícones são combinados muito bem.

wdsm34
wdsm35

Jarra Criativa

O Creative Jar coloca seus ícones sociais em dois lugares: no cabeçalho como um widget animado do Twitter e no rodapé como ícones.

wdsm36
wdsm37
wdsm38

Marlon Medau

Marlon Medau tem um layout elegante e limpo que mostra ícones sociais em seu belo cabeçalho.

wdsm39
wdsm40

Designs Octavo

O Octavo Design possui diversas imagens de fundo e navegação vertical. Os ícones sociais estão no canto superior direito.

wdsm41
wdsm42

Qual é a sua maneira favorita de mostrar ícones sociais? Qual deles aqui te envolve mais?