Categoría: Animación Web


La utilidad del botón hace que sea necesario que siempre sea distinguible y entre más información tengamos de su función más útil será.

Los botones simples pueden ser aburridos, pero si se les aplica un efecto de “rollovers” les darás un interés añadido al proporcionar una respuesta aprovechando una amplia gama de posibilidades de diseño, como cambio de color, animación o posición al pasar el cursor sobre ellos.

En multimedia los botones son objetos que realizan diversas funciones cuando se les presiona o pasamos el cursor encima, este puede ser una foto, una imagen o un grupo de texto.

Respeta las características primigenias de un botón para que se entienda como tal.

Resaltar el botón cuando pase el cursor es muy buena idea.

Es fácil crear nuevos botones, recuerda que los prediseñados o muy típicos ya los conoce el usuario medio a experto.

Si animamos un texto es mejor que dure cierto tiempo quieto, el movimiento no sea intermitente y que se anime para una presentación corta y al final quede el mensaje fijo, después de atraer al usuario hay que dejarlo que lea.

Los textos que no les afecta mucho un movimiento constante son los muy cortos como las siglas o iniciales.

Puedes animar el texto cuando pase el curso encima de ellos.

Es muy difícil leer un texto cuando hay un logotipo girando en la esquina.

Muchas animaciones afectan la descarga de la página, molestan la vista, tiene pocos sentido, son repetitivos y monótonos, por lo que debe evitarse que interfieran los contenidos importantes.

Utiliza las animaciones con prudencia, ya que mal planeadas pueden ser francamente molestas, así que sólo empléalas por un motivo justificado.

Usar imágenes o animados prediseñados y comunes es fácil pero le quita profesionalismo a tu sitio al ser poco original.

No generes distracciones con tus animaciones, colócalas donde no estorben la atención de la lectura y  mejor úsalos como estrategia para llamar la atención en zonas de menor importancia.

Una animación con grandes saltos de tiempo o diferentes imágenes puede ser poco atractiva e impide la continuidad, el número de imágenes debe de ser justo lo suficiente entre una buena vista y bajo peso.

Leer un texto animado que se mueve sin cesar o desliza sin descanso es incómodo porque marea, fatiga y no permite fijar la atención en otros elementos, a veces funcionan muy bien como dispositivo de señalamiento en partes importantes como la publicidad siempre y cuando no se exagera su uso.

El formato GIF, de estar bien planeado y hecho con calidad gráfica, es más liviano que cualquier otra animación y pueden cumplir muchos objetivos.

Si creas secuencias bien estudiadas con GIF animados tendrás una animación de calidad semejante a una caricatura.

Algunas desventajas es que acepta una cantidad  menor de colores que otros formatos y carecen de control por parte del usuario, como no poder volver as reproducirlos a menos que cuenten con algún botón o se actualice la página.

Si le incluyes gráficos a 3D se puede crear la ilusión de profundidad y espacio.

Haz animaciones que funcionen como tales, que atrapen la mirada y provoca que se noten, pues se vuelve sosa si pasa lo contrario.

Redimensiona tus imágenes al 50% para después animarlas, eso hace que se protejan imágenes pequeñas.

Optimiza tu material para ser visto en Internet compactando lo más posible sin afectar la calidad gráfica del archivo.

Úsalos de manera sensata y a conciencia del ancho de banda limitado del usuario.

Un usuario satisfecho siempre estará dispuesto a volver, pero si le das algo irrelevante luego de una espera larga es probable de que se vaya a otro sitio, usa juicio y moderación.

Es bueno describir textualmente y de manera gráfica lo que va a ver antes de descargar el video o alguna película muy pesada, así el usuario tendrá mejor predisposición a esperar y seleccionar.

Una película grande no debe de ser el único contenido de una página, debes poner más elementos y hacerlo opcional.

No envíes a la gente cosas que los haga perder el tiempo con material irrelevante.

Los usuarios esperan producciones de calidad siempre que ven una película y se impacientan mucho cuando la calidad no es acorde a sus expectativas.

Los videos y películas deben de descargarse con la aceptación del usuario para que tome la decisión al captar de forma clara lo que puede obtener a cambio de la espera o la descarga de un adaptador.

Procura que la secuencia tenga coherencia, a menos que quieras hacer un mensaje visual estridente.

Pregúntate si la comunicación se dará igual con un animado o con una imagen, de ser así opta por la imagen fija.

Debe de usarse las animaciones con moderación y para producir efectos especiales, su uso excesivo puede llegar a ser contraproducente.

Construye tu animación de forma compacta y pequeña, las imágenes en vectores son menos pesadas que los píxeles.

Los gráficos animados deben de tener la menor cantidad de cuadros por segundo, pues cada uno se suma al tiempo de descarga.

GIF permite cualquier número de colores entre 2 y 256. El menor número de colores, el menor número de datos y los más pequeños ficheros gráficos.

El examinador o el usuario deben de disponer del plu-ins apropiado, ofrecerla es muy buena idea.

En caso de proyectar algo en Flash puedes mandar un mensaje alentador, indicando que se está descargando o pueden creer que hay una congelación o crea una animación de la carga de flash sencilla para entretener mientras sea la espera.

Algunas veces una pequeña animación entretiene mientras se carga la mayor a tal grado que ni se nota la espera.

Informa cuanto falta por descargar.

Nunca deje que la animación tenga un bucle infinito o al menos no lo haga tan escandaloso.

La animación puede parecer torpe o lenta cuando no se calculan todos los cambios a una treintena de segundo, uno puede establecer la velocidad de cuadro por segundo pero depende del poder de la computadora ya que 60 a 70 cuadros por segundo es demasiado.

Mientras más pequeño sea el objeto más rápido podrá moverse, por ejemplo una imagen de 10 píxeles de diámetro en pantalla brinda un movimiento más veloz que una de 150 píxeles.

Muchos programas te permiten crear transiciones ya sean vectoriales o en mapa de bits, ya sea en imágenes fijas o en movimiento.

Con streaming la transferencia y la reproducción sincronizada o a tiempo real, para que se empiece a transmitir antes de que el archivo completo haya sido transferido.

Las animaciones son buenas cuando muestran continuidad en las transiciones (no saltas de una imagen a otra), cuando algo tiene dos o más estados, será  más comprensible.

A veces el audio corre más rápido que las imágenes, debido a que o no están debidamente sincronizados o la descarga de la película es demasiado pesada.

No es fácil lograr que la voz se ajuste a los movimientos de la boca de los personajes, pero hay muchas posibilidades y en los medios gráficos se pueden disimular muy bien.

Puedes poner una voz externa que comente lo que sucede adentro.

Seguir

Recibe cada nueva publicación en tu buzón de correo electrónico.