12 Botones gratis para tu web o blog

Download - 12 Botones gratis

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” Download

Botones semáforo con texturaSemáforo con textura

Botones redondeadosBotones redondeados

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

Botones con degradados Degradados

Botones save, cancel y addSave, cancel y add

Botones simplesSimples

 

Para tus redes sociales

Botones cuadrados de redes sociales


Cuadrados

 

Botones redondos de redes socialesRedondos

Botones en globo de cómicCómic

Botones redondos 2 Redondos

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

 

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

Mejora el rendimiento de tu web
Te enseñamos cómo crear tu web con WordPress y cómo conseguir mucho tráfico en poco tiempo:
Crear un blog con WordPressPasa de 0 a 5.000 visitas en tu web

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 ›

Escribe un comentario