Como crear un banner para una web

2 Comentarios

En este tutorial estudiaremos

  • La importancia de un banner de nuestro sitio bien posicionado.
  • Los distintos formatos de banner y para que partes de la web se usan.
  • Como diseñar correctamente un banner reconocible y efectivo.

La importancia de un banner bien posicionado:

La utilización de banner es un medio publicitario cada vez mas extendido en internet con el que se pueden conseguir muy buenos resultados a un coste bajo.

Es cada vez mas habitual encontrar zonas de enlaces patrocinados, ventanas de publicidad y como no banners laterales, en los header, en los footer, etc de distintos tamaños en muchísimas páginas Web y blog.

Un banner publicitario puede redireccionar un tráfico muy valioso a nuestro sitio a un precio asequible. Con esto conseguimos un valioso enlace para SEO y además si nuestro sitio es desconocido para el público nos proporciona esas visitas que tanto deseamos.

Los tamaños más comunes de un banner y los sitios dentro de una Web en los que se colocan son:

125×125 píxeles

banner 125x125 Como crear un banner para una web

Es un formato muy popular dentro de los blog ya que es un tamaño perfecto para promocionar un sitio con la información justa y necesaria.

Son muy usados en sidebar laterales y dentro de blog de Blogger y wordpress.

468×60 píxeles

ejemplo 468 x 60 Como crear un banner para una web

Es un formato perfecto para usar en los header de cualquier página web y podemos aprovechar muy bien el espacio muerto que suele quedar en ellas.

Como diseñar correctamente un banner:

Lo primero es abrir photoshop y crear un nuevo documento con las medidas que necesitamos

nuevo documento photoshop Como crear un banner para una web

Rellenamos el fondo del banner (en este caso 125×125) con nuestros colores corporativos:

125x125 con fondo Como crear un banner para una web

Tras todo esto podemos coger nuestro logotipo y acomodarlo en esas medidas. Así nuestro banner sera fácilmente reconocible y la gente sabrá de que página web es antes siguiera de pulsar sobre el.

logo acomodado Como crear un banner para una web

Una vez tenemos clara la estructura solo debemos añadir los efectos de texto o si queremos una animación del mismo.

Nuestro banner quedaría así:

banner final Como crear un banner para una web

Enlaces Relacionados:
  • Ejemplos de como usar fotografias para diseño web
  • Crear un sitio web – Análisis
  • Plantilla PSD para theme WordPress

    2 Comentarios (+add yours?)

    1. Nataly
      Ago 05, 2010 @ 22:24:52

      Me parece interesante su explicación, por favor podrían aclararme una duda, quiero saber el por que el logotipo debe ir siempre al lado izquierdo de la pagina Gracias

    2. shutdown
      Ago 09, 2010 @ 08:49:50

      Bueno yo siempre aconsejo que el logotipo se situe en la izquierda ya que según varias estadisticas de SEO es el punto más visible de la web, y uno de los puntos que primero miran los visitantes!

    Deja tu comentario