Blog de TemplateMonster

¿Qué es Movimiento en el Diseño Web?

No hay necesidad de explorar miles de técnicas difíciles para crear un sitio web atractivo. Ahora si Usted es diseñador creativo que conoce bien su trabajo, es suficiente, porque en este caso Usted ya sabe que hay una cosa tan complicada como ‘movimiento en diseño web’. ¿No entiende nada? Entonces, esta entrada será muy útil para Usted.

Este método apareció en diseño web hace mucho tiempo, y en realidad no es sorprendente, ya que tales recursos eran conocidos antes de la invención de Internet y la interfaz gráfica de usuario: en el diseño clásico y el arte visual en general. Tenemos que mencionar el nombre de Étienne-Jules Marey y sus fotografías del movimiento. Por supuesto, últimamente estos experimentos causaron el desarrollo de la cinematografía. Sin embargo, los artistas nunca dejaron el movimiento sin su atención - por ejemplo, en esta entrada Usted puede ver el cuadro de Marcel Duchamp, que muestra el hombre que sube por las escaleras (de acuerdo con los críticos del arte).

Por lo tanto, también podemos convertirnos en críticos y determinar una definición del sujeto en este contexto:

El movimiento es un medio artístico, que crea la ilusión de que el objeto representado se mueve.

En la vida real el movimiento dura al menos un par de momentos. En el diseño el sujeto excluye el aspecto de duración y da una oportunidad de percibir el movimiento como un objeto constante, fuera del tiempo. El otro punto – el movimiento en el diseño web es sólo un simulacro en 2D de la realidad en 3D. ¿Pero quién puede pretender que la imitación es 100% mejor que la realidad?

Inspirados por las fotos de Marey, algunos artistas mostraron el movimiento de tal manera. Marcel Duchamp - Desnudo bajando las escaleras
La diversidad de formas de la creación de movimiento es innegable. En primer lugar, Usted puede usar una foto del objeto en movimiento. Otra manera bastante similar - pintarlo. También hay un grupo de efectos apropiados: sombras, iluminación, desenfoque, uso de contraste etc. A veces toda la acción está creada solamente por medio de Photoshop.

* * *

No hay clasificación sin dudas…

Ya que la medición tiene que concentrarse en ciertas características y ignorar totalmente el resto. Sin embargo, la importancia de clasificación para principiantes es indiscutible – una opinión de una persona competente ayuda a desarrollar su propia comprensión. La cosa muy importante: no hay muestra de imagen de movimiento que se ajusta a cualquier de los tipos completamente. Así que, aquí está la clasificación de movimiento:
Dirección
Utilizamos la palabra "dirección" para describir el objeto que se mueve en la dirección definida. Se puede demostrarlo de manera completamente diferente y original. Los métodos más populares: el objeto es captado en movimiento (o en el momento de la simulación de movimiento); con la ayuda de los símbolos como flechas, etc. No se olvide de la dirección de la mirada - más probablemente un espectador tiene el mismo modelo de mirada (ha sido utilizado con éxito en la comercialización). La dirección es probablemente el tipo más utilizado de movimiento.
Gravitación
Tipo de "London Bridge Is Falling Down". Asustadizo y emocionante al mismo tiempo – la gente que ha experimentado algo como paracaidismo, bungee jumping o por lo menos saltos en el agua puede entender. La impresión es a menudo mejorada por medio de los efectos diferentes de desenfoque. Por ejemplo, las fotos con la gente saltando son muy populares. Por cierto, los saltos crean el efecto de vuelo.
Equilibrio
En este caso, el efecto de acción es creado por medio del objeto que pierde el equilibrio. Cada persona tiene el sistema vestibular, por eso la pérdida del equilibrio que es bien representada puede provocar ansiedad en la mente de cualquier espectador.
Se puede mejorar todos los puntos mencionados con una variedad de métodos. No podemos olvidar de la tipografía en el diseño web: se puede destacar la impresión de movimiento por medio del texto, llamado a la acción y a través de la imitación del concepto de la imagen. Otra cosa interesante es el efecto de la profundidad.

* * *

Y no es el final de la lista. De todos modos, no tenemos hablar solamente sobre las maneras de la creación de movimiento - tenemos otro tema, así que debemos terminar. Pero no se preocupe – vamos a escribir un nuevo artículo que ofrecerá nuestros consejos útiles y observaciones.

* * *

Imagenes:
Fondo abstracto Shutterstock
Fondo retro abstracto con flechas Shutterstock
Ilustraciones vector de Fondo abstracto Shutterstock
Fondo abstracto Shutterstock