Una estética enfocada a tu negocio Web/Portal > Concepto y Percepto Agencia Digital
preloader
C&P  We De{velop}sign for you

Una estética enfocada a tu negocio Web/Portal


¿Que tipo de gráficos necesito en mi web?

Clases & tipos de estética para tu web.

Motion Graphics, Flat Design,

Los Motion Graphics o en español Grafismo en movimiento, son elementos gráficos digitales como imágenes, fotografías, títulos, colores y otros diseños multimedia, los cuales cobran vida a través del movimiento y la animación.

Teniendo en cuenta que los vídeos e imágenes en movimiento son una buena manera de captar la atención de un usuario, ¿por qué no introducirlo en el diseño web? Te damos las claves para hacerlo correctamente.

Claves para enfocar el motion graphic en tu diseño web

Para ilustrar en qué consiste esta técnica, os damos un ejemplo visual. Se utiliza por ejemplo, en las cabeceras de los programas de noticias: Son animaciones, por lo general, cortas, y muy impactantes visualmente. Pero, ¿cómo las integramos en nuestro diseño web?

Para visualizar información importante

El uso de infografías se ha extendido mucho para ofrecer información a los usuarios de una web. Si las creamos con un pequeño vídeo animado, el resultado generará un impacto aún  mayor. Te permitirá enfatizar aquello que para ti sea más importante.

Para transportar al usuario a otro lugar

Esto puede ser muy útil para contar la historia de tu negocio… O si tienes una agencia de viajes online. Puedes crear un clip de 30 segundos en el que hables de tus inicios, o transportar a tus potenciales clientes a un entorno tropical.

Para hacer un gran anuncio

Es básicamente el ejemplo de los titulares de las noticias. Integra estas animaciones en tu web para anunciar lanzamientos de productos, novedades o cualquier acontecimiento que no quieras que se pierdan. Captarás su atención mucho mejor que con un banner estático. Tú eliges cómo hacerlo, aunque son muy comunes las «cuentas atras» que acaben con un pequeño teaser.

Motion graphic como elemento educativo

Ciertos conceptos son difíciles de explicar con palabras, pero muy fáciles de conceptualizar con un vídeo en movimiento. Por ejemplo, algunos conceptos de ingeniería, medicina o diseño de tu producto. En estos casos, una pequeña animación puede facilitar que el usuario comprenda mejor lo que quieras transmitir.

Como elemento divertido

Algunas webs tienen un estilo menos formal que otras. En estos casos, en lugar de apostar por imágenes estáticas, podemos integrar pequeñas animaciones que aporten un punto divertido y original. Debemos tener cuidado con no sobrecargarla con ellas, puesto que no sólo pueden ralentizar la carga, sino que pueden resultar pesadas para el usuario. Intégralos de forma natural. Por ejemplo, con un logo que vaya «apareciendo» o dibujándose, en lugar de aparecer estático. Además, como ya hemos comentado en varios puntos, el impacto será mayor y facilitarás que la gente te recuerde con más facilidad.

Flat Design

QUÉ ES EL FLAT DESIGN O DISEÑO PLANO

Desde hace algunos meses estamos viviendo un nuevo movimiento en el mundo del diseño web, al que algunos especialistas han llamado Flat Design (o Diseño Plano), aunque no deja de ser una variante del minimalismo. Me gustaría comentar de dónde viene esta tendencia, cómo nos afecta y a dónde nos llevará.

El “Flat Design” o “Diseño Plano” consiste en eliminar o reducir todo tipo de decoración en un diseño de interfaz o web para simplificar el mensaje y facilitar la funcionalidad. Se eliminan texturas, degradados, biselados, sombreados… en definitiva, todo lo que no aporte valor al mensaje o información que se quiere transmitir al usuario que interactúa con la interfaz.

¿Cual Elegir?

Esta claro que ambas tendencias prestan eficiencia y diseño a tu web, la elección debe ser tomada de acuerdo a tu proyecto digital. Te podemos asesorar en que opciones gráficas has de implementar, pero eventualmente quien determinara la estructura gráfica de tu web, serán los propósitos digitales que propongas para tu empresa. Escríbenos y con gusto inspeccionaremos tu herramienta digital.

Noticias relacionadas

Deja tu comentario...

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *