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

Comparte para difundir

Si te ha gustado nuestro contenido ahora puedes ayudar a difundirlo en las redes sociales de manera sencilla usando los siguientes botones:

Envía
Pinea
Print

Categorías

Recursos

"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 informáticos, en el caso de Lúa podemos hablar de nativa de Adobe. Siendo sólo una niña empezó a trastear con programas de dibujo digital y en la adolescencia ya controlaba los principales programas de diseño. Hoy, con una licenciatura en Bellas Artes y una prometedora carrera en el mundo de la creatividad dibuja con un ratón y la pluma del Illustrator, con más seguridad y velocidad que la mayoría con un lápiz en la mano. Su interés por el arte y la ilustración marcan su trabajo publicitario, además de su capacidad para manejar las redes sociales y estar al tanto de todo lo que se mueve en el mundo de la creatividad en Galicia a través de ellas. Conocida online como Orballa hace años que se está convirtiendo en una prescriptora del sector cada vez más influyente." - Escrito por Laura Calviño. Mi portfolio: cargocollective.com/lualouro

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.