Color
Color
Color
Color

Nuestro primer banner

Por Federico Javier Elgarte. Webmaster de CSSboulevar





Recursosfree.com

La palabra "banner" proviene de la lengua inglesa y significa bandera o pancarta. Para adaptarla a nuestro lenguaje, podemos decir que un banner es una publicidad dentro de una página web cuyo objetivo es atraer la atención de los usuario para vender, mostrar u ofrecer algún servicio.
En este artículo veremos cómo poder diseñar nuestros primeros banners para que sean atractivos y atrapen la atención de los visitantes sin excedernos de recursos.

Antes que nada, debemos instalar algún programa de diseño que nos permita poder hacer nuestros banners de una manera simple y rápida.

Debemos saber que un banner es una pequeña forma de mostrar todo lo que ofrecemos en apenas unos minutos o segundos. Por eso mismo, debemos aprovechar cada instante del mismo y poner la suficiente información que sea conveniente para que en pocas palabras, el usuario sepa de que trata nuestro sitio o servicio. Por eso mismo, antes de volcar nuestra idea en el banner, debemos pensar minuciosamente en todos los aspectos que el mismo presenta.

La medida es uno de los aspectos principales de nuestro banner.
Algunos sitios diagraman la distribución del texto y de las imágenes de tal forma que quepa algún banner publicitario. Estas medidas pueden variar en cada sitio, pero si nos ponemos a pensar, no podemos diseñar 10 millones de banners con 10 millones de medidas diferentes para cada sitio; por eso mismo, se han creado medidas universales en Internet que son las más usadas en casi todas las webs.
Algunas de las medidas más comunes son 88x60 px, 468x60 px o 120x60 px. (1 pixel = 0,04 centímetros).

Otro aspecto de gran importancia es la concordancia del texto con las imágenes que colocaremos en nuestra pancarta.
Por ejemplo, si tenemos un sitio web dedicado a la arqueología, lo más común es colocar una fotografía de un dinosaurio o de alguna pieza fósil. Como pueden ver, en este banner, si hay concordancia...

Pero si colocáramos ilustraciones de autos o motos con el asunto "Conozca cómo vivían los dinosaurios" quedaría totalmente descolgado y perdería bastantes usuarios, ya que lo podrían tomar como broma o como un loco cualquiera que no tiene concordancia.

Aquí sobresalen otros aspectos que están totalmente relacionados con nuestro sitio. Este es el ejemplo de los colores.
Si quiere que su banner sea recordado y no pase desapercibido en los usuarios que visitan la web, tiene que utilizar colores fuertes, como el rojo, el azul, el verde, etc...
La utilización de los colores pálidos como el gris o el crema no llaman la atención del usuario, y no piense que el mismo va a ofrecer 10 segundos de su vista para ver de qué se trata...

La utilización de imágenes también representa una etapa decisiva al diseñar un banner.
Es lógico que nos llamaría más la atención una publicidad con lindos colores he imágenes atractivas que un banner de fondo blanco con solamente texto.
Recuerde que las imágenes también hablan, pero no debe exceder de las mismas.

Las animaciones también representan un punto de impacto importante en el usuario.
Es recomendable hacer por lo menos 3 cambios de frame por cada publicidad, debido a que la información queda más ordenada y llama mucho más la atención que un banner estático (sin movimiento).
Recuerden que este cambio de frame a frame deben tener un tiempo de lectura prudencial ya que existen casos en que la velocidad del banner no deja leer el contenido del mismo, perdiendo la posibilidad de mostrar su producto.

Otro punto que tenemos que tomar en cuenta es la cuestión del peso. Si han leído de forma continua este artículos, se darán cuenta de que un banner está compuesto por centenares de detalles que lo hacen atractivo y causan curiosidad, pero si juntamos todas estas características, al finalizar nuestro trabajo nos daremos cuenta que su peso es mayo al de los 15kb.
Ten muy en cuneta que el peso permitido en todo los sitios de intercambio de banners es de 13kb, por el solo hecho de que al abrir un sitio, lo primero que se tiene que cargar es nuestra publicidad, para que el usuario, mientras se carga la web, mire nuestros productos o servicios antes de que desvíe la vista a otra parte del website.

Recuerda que nuestro banner tiene que llevar a la página de interés que estamos ofreciendo a través de él. Si nuestro sitio tiene una sección de descargas de programas gratuitos, y hacemos un banner relacionado a este tema, el enlace de la publicidad tiene que estar dirigido a esa sección, no a la portada, ya que podremos causar confusión.

Consejos:
  • Utilice en sus banners palabras llamativas como "¡Gratis!", "¿tu eres webmaster?" (causa curiosidad), "los mejores programas", etc...
  • Manténgase al tanto de los nuevos software que salen para el diseño de banners y no se quede atrás con las nuevas tecnologías.
  • No mantenga el mismo diseño de un banner por mucho tiempo. El mismo puede perder efecto en nuestros usuarios y no llamar más la atención.
  • Muchos sitios tienen fondos blancos que pueden generar confusión con nuestros banners. Es recomendable trazar en el borde de la publicidad una línea cromática que establezca la división entre el fondo y nuestro banner.

Espero que este artículo les facilite el trabajo a la hora de realizar un banner.
Y como digo siempre..., no trates de imitar otros estilo, el tuyo es el que más importa.


019

6 comentarios

Por Felipe Rodriguez Alvarez | felipergueza [@] yahoo.com.mx
Excelente articulo.
Acabo de aprender nuevas cosas que desconocia en cuanto a este tema.
Por Luis Bazan | bazanz2 [@] yahoo.es
Querido amigo, quisiera molestarte para pedirte el favor de que me digas q programa apropiado y en español me recominedas para crear Banners muchas gracias.
Por Carlos | garls [@] montevideo.com.uy
GRACIAS POR CREAR CONTENIDOS INTERESANTES . ESTA PAGINA ME CONTO LO QUE HAY QUE TENER EN CUENTA A LA HORA DE HACER UN BANNERS. Les cuento que hace muchos años estudie diseño web pero en mi pais no te da de comer, pero hoy uruguay esta usando mas las web en estilos comercial,el tema es que el tiempo pasa y yo no tube la oportunidad de vivir de las web y me he quedado en el tiempo con la tecnologia,hoy soy un desocupado mas de mi pais e intento retomar el tema web pero me encontre con que se esta usando CSS!!! como comienzo con este tema nuevo para mi, LO MEJOR ES QUE ME URGE POR QUE TENGO 2 WEB PARA HACER Y NO PUEDO MOSTRAR UN DISEÑO ANTIGUO. GRACIAS POR ESTAR!!!!!!!!
Por Jesús | jesusbet [@] gmail.com
Me encanta tu web, te quedó excelente...
Los contenidos los generas con tu propio CMS?

Saludos.
Por juan manuel | fasoloco100fuego [@] hotmail.com
Hola primero que nada quiero decirte que la pagina esta muy completa es muy util,pero tengo un tremendo problema, un dolor de cabeza, desde hace mas de una semana estoy tratando de hacer un banner ya casi lo tengo terminado pero no puedo usar los fonts (codigos de fuentes) la verdad que no que mas tratar te cuento como yo lo hago talvez hay algo mal 1.)descargo los fonts en dick c:
2.)las descomprimos 3.)arrastro las fuentes a windows y despues las dejo en la carpeta de fonts ,trate de usar las fuentes con distintos programas pero no me funciona con ninguno de estos (fhotoshop-corel-paint-editor de web-y unos cuantos mas te agradeceria si vos me podes ayudar ,talvez tengo que bajar algo del windows,no se bueno desde ya muchas gracias.
Por magdalena murillo | magdalena.murillo [@] gmail.com
Los felicito por el sitio, me gustaría saber como me pueden mandar más información, soy diseñadora y el sitio de ustedes realmente me ha ayudado mucho, gracias.

Escribe un comentario sobre este artículo


    Warning: mysql_fetch_array(): supplied argument is not a valid MySQL result resource in /home/cssboule/public_html/articulos/index.php on line 175

    Warning: mysql_free_result(): supplied argument is not a valid MySQL result resource in /home/cssboule/public_html/articulos/index.php on line 181
    Script error: local_152429.xml does not exist. Please create a blank file named local_152429.xml.