Las redes sociales están en toda la web y es algo muy importante a considerar cuando se diseña un sitio web. La forma en que muestra sus iconos / enlaces de redes sociales puede afectar directamente la respuesta y el compromiso de sus usuarios.

El tema de las redes sociales está en toda la web, y es importante tenerlo en cuenta al diseñar un sitio web.

La forma en que muestra iconos o enlaces de redes sociales tiene un efecto directo en la participación del usuario.

Debe tener en cuenta muchos detalles al diseñar una página, incluido el diseño, el flujo de contenido y el área principal de descanso en la página.

Ya sea que termine con enlaces tipográficos en el encabezado o iconos en el pie de página, debe probar los colores, las formas, la tipografía y la iconografía para asegurarse de que sus vínculos sociales se combinan cuidadosamente, son atractivos y están bien diseñados.

Aquí, le mostraremos algunos ejemplos de cómo los sitios web muestran sus enlaces sociales para que pueda ver la variedad de opciones que existen. Échales un vistazo y cuéntanos lo que piensas.

Contentcube

Contentcube, una agencia de soluciones digitales, tiene un diseño limpio que llama nuestra atención con un poco de textura y un encabezado de color. Ambos enlaces de Twitter y Facebook están ubicados en el encabezado, con la línea "Síguenos en ..."

wdsm01
wdsm02

pegamento Isobar

pegamento Isobar, una agencia creativa, también tiene un diseño limpio, con imágenes posicionadas maravillosamente en toda la página. Todos los enlaces sociales están en el pie de página, con iconos atractivos y un fuerte color de fondo. La compañía también incluye un widget cerca del pie de página con su último tweet.

wdsm03
wdsm04

Focus Lab

Focus Lab, un pequeño equipo de diseñadores y desarrolladores de sitios web, tiene una página hermosa, limpia y minimalista. Muestra sus enlaces de Twitter y Flickr en la página de contacto y en el pie de página.

wdsm05
wdsm06
wdsm07

Adán

Adam arregla su encabezado y pie de página en su lugar mientras se desplaza hacia abajo. Los enlaces sociales aparecen en el pie de página, fijado en la parte inferior derecha de la página.

wdsm08
wdsm09

La persecución

El Chase presenta el efecto de paralaje mientras te desplazas por la página. Desplácese hasta el final para encontrar los íconos sociales.

wdsm10
wdsm11

hellofisher

hellofisher, el sitio web del diseñador de experiencia del usuario y orador Steven Fisher, también tiene un diseño limpio, con íconos sociales exhibidos con mucha elegancia en el pie de página.

wdsm12
wdsm13

Elless

Elless, el centro creativo de Paul Morris, tiene un diseño hermoso y colorido basado en la forma, la textura y la tipografía. Los íconos sociales están en la página de contacto, junto con el formulario de contacto.

wdsm14
wdsm15

Owltastic

Owltastic coloca sus iconos sociales en la parte superior derecha de la barra lateral, precedidos por "Sígueme". La combinación de color, tipografía y gráficos aquí es sutil y hermosa.

wdsm16
wdsm17

Desplegar

Unfold es un diseño de una sola página que puede navegar desplazándose o a través del menú. Puede encontrar la información social en la opción de menú "Compartir".

wdsm18
wdsm19

Infligido

Inflicted es el sitio web del diseñador visual Hugo Loning. Los iconos sociales están en el encabezado, destacando en rojo.

wdsm20
wdsm21

Muy simple

Como diría, Really Simple tiene un diseño limpio y minimalista. Su enlace de Twitter está en el menú principal en el encabezado, como un simple enlace tipográfico.

wdsm22
wdsm23

Jarad Johnson

Jarad Johnson, un diseñador interactivo, es otro que ofrece una atractiva combinación de color, forma y tipografía. Sus íconos sociales están reunidos en la página de contacto.

wdsm24
wdsm25

¿Qué pasa Cupcake?

¿Qué pasa Cupcake? sigue el tema de sus cupcakes dando a sus íconos sociales un bonito color, forma y marco. Los íconos aparecen en el medio de la página.

wdsm26
wdsm27

Pequeña fortuna

Small Fortune, un estudio creativo, tiene un diseño simple y hermoso. Sus enlaces sociales se basan en texto y tienen un bonito color de fondo.

wdsm28
wdsm29

Pop rojo

Red Pop tiene un diseño limpio. El fondo rojo y el texto blanco se combinan bien, y los enlaces sociales también son simples y basados ​​en texto.

wdsm30
wdsm31

Listas de reproducción decoradas

Listas de reproducción decoradas tiene un diseño limpio, minimalista y hermoso. El enlace mínimo de Twitter basado en texto aparece en el menú del encabezado.

wdsm32
wdsm33

Ojo grande

Big Eye muestra sus íconos sociales en el encabezado, arriba del menú principal. Los colores, la tipografía, la textura y los iconos se combinan muy bien.

wdsm34
wdsm35

Jar creativo

Creative Jar coloca sus iconos sociales en dos lugares: en el encabezado como un widget de Twitter animado y en el pie de página como iconos.

wdsm36
wdsm37
wdsm38

Marlon Medau

Marlon Medau tiene un diseño elegante y limpio que muestra iconos sociales en su hermoso encabezado.

wdsm39
wdsm40

Diseños Octavo

Octavo Design tiene varias imágenes de fondo diferentes y navegación vertical. Los íconos sociales están en la esquina superior derecha.

wdsm41
wdsm42

¿Cuál es tu forma favorita de exhibir íconos sociales? ¿Cuál de los siguientes te atrae más?