SVG triangular background
Roman Random





Página Web para ANTespacio

Category : Uncategorized Nov 28th, 2016

svg-shape-morphing

ANTespacio son una asociación muy interesante que genera proyectos y soluciones culturales, publicaciones y talleres diversos.

Cuando contactaron conmigo para crear una web ya disponían de una web sencilla en wordpress.com y contenido disperso en otras webs de proyectos paralelos. Así que uno de los objetivos para la nueva web fue unificar y organizar el contenido.

Además, buscaban dar un toque de distinción al diseño de la web. Tras reunirnos se me ocurrió partir de la línea que representa la palabra “espacio” en su logo y transformarla en geometrías básicas que simbolizasen los diferentes espacios en los que intervienen. Esto lo desarrollé usando gráficos vectoriales en el navegador con SVG. Éstos cambian cada cierto tiempo a una de las seis formas preparadas de forma aleatoria. Aparte de la geometría, su color y el de diversos elementos de la web van cambiando gradualmente; dentro de ciertos rangos. En la página de información sobre ANTespacio, la figura geométrica también cambia al hacer click sobre ella.

Al añadir estos elementos animados a la web era necesario controlar la velocidad de los movimientos y transiciones para que no distrajeran del contenido en sí. Así, con movimientos lentos y suaves, el resultado es una experiencia agradable y elegante al mismo tiempo.

 

 


Deja un comentario

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