12 Botones gratis para tu web o blog

Los botones en el diseño web se utilizan como recurso gráfico que ayuda a que el visitante se pare, lo lea y sienta la tentación o necesidad de hacer click sobre él. Es un “call-to-action” (llamada a la acción) en toda regla que, como todo, hay que disponer con inteligencia y mesura.

Es importantísimo elegir la tipología de botón que conserve mayor coherencia con el aspecto de tu web o blog. Y otro factor a tener en cuenta es que, si tu página tiene 5 botones, que los 5 mantengan la misma apariencia en su esencia: mismo color, misma tipografía, mismo tamaño. En este post te traemos 12 botones gratis para que descargues y puedas utilizar donde quieras.

12 Botones gratis

6 Consejos rápidos a tener en cuenta antes de que te decidas por un pack de botones u otro:

  1. Que todos los botones de tu web pertenezcan al mismo pack (o sino, que coincidan en color, forma y tipografía).
  2. No utilices más botones de los necesarios en tu página (corres el riesgo de sobrecargarla).
  3. Si el color de fondo de tu web es azul, verde, rojo, marrón o negro (intensos), cámbialo por uno más claro antes de decidirte por un botón. Tu visitante te lo agradecerá.
  4. Evita los botones de mala calidad que aparezcan pixelados (con estos, no te pasará).
  5. Si tu página está en español, no utilices botones que digan “Download”, “Read more”, etc. Y viceversa.
  6. Si puedes utilizar botones hechos con código CSS3 en lugar de imágenes, mucho mejor. Como los botones con textura de hule en CSS3 que te enseñamos hace un tiempo.

Generales

Botones “Download” 

Botones semáforo con textura

Botones redondeados

Botón azul en los tres estados (normal, pulsado y activo) 

Botones con degradados 

Botones save, cancel y add

Botones simples

 

Para tus redes sociales

Botones cuadrados de redes sociales


 

Botones redondos de redes sociales

Botones en globo de cómic

Botones redondos 2 

Botones redondos simples: color ‘tangerine tango’, color ‘Honey Suckle’, color turquesa y color Mimosa 

 

Más información – Botones con textura de hule en CSS3


Categorías

Recursos

Lúa Louro

"Si hoy en día se habla de nativos digitales para referirse a aquellos que desde la infancia tienen contacto y aprenden a controlar dispositivos... Ver perfil ›

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

*

*

  1. Responsable de los datos: Miguel Ángel Gatón
  2. Finalidad de los datos: Controlar el SPAM, gestión de comentarios.
  3. Legitimación: Tu consentimiento
  4. Comunicación de los datos: No se comunicarán los datos a terceros salvo por obligación legal.
  5. Almacenamiento de los datos: Base de datos alojada en Occentus Networks (UE)
  6. Derechos: En cualquier momento puedes limitar, recuperar y borrar tu información.