20 infografías animadas e interactivas que debes ver
Todos adoran las infografías, claro, pero las infografías estáticas son un poco viejas. Con tantas infografías, es fácil pasar por alto una gran cantidad de infografías con buen contenido simplemente porque no se destacan del resto del paquete. Y, si eres un diseñador, probablemente te hayas atormentado tratando de descubrir cómo atraer espectadores y crear infografías que se destaquen del resto.
Bueno, una de las formas en que puedes hacerlo es con infografías animadas .
Las infografías animadas e interactivas, especialmente las diseñadas con HTML5, son posiblemente el futuro de la infografía . Las infografías animadas interactúan mejor con los espectadores y pueden ayudar a agregar interés a temas que de otro modo parecerían mundanos.
Aquí hay una lista de 20 infografías animadas e interactivas de las que puedes disfrutar y encontrar inspiración. Haga clic en los enlaces para acceder a la versión completa de la infografía, junto con la animación.
La historia completa de las redes sociales Esta infografía usa Flash para mostrarle una descripción general rápida de la historia de las redes sociales. [Visita la página]
Hungry Tech Giants . Esta infografía interactiva es una línea de tiempo ordenable de adquisiciones de cinco de las compañías tecnológicas más grandes del mundo en los últimos 15 años. [Visita la página]
Preparación HTML5 y CSS3 . Esta infografía interactiva es un desglose de la compatibilidad con HTML5 y CSS3 en todos los principales navegadores web hasta 2013. [Visitar página]
La evolución de la web . Esta infografía utiliza elementos SVG, la línea de tiempo de navegadores y tecnologías, así como el crecimiento de Internet. [Visita la página]
Enchufar: cómo las pequeñas empresas usan la tecnología . Esta infografía interactiva utiliza HTML5 para mostrar cómo los pequeños negocios están aprovechando la tecnología para mejorar la productividad. [Visita la página]
Navegadores web y resoluciones Esta infografía animada utiliza sus elementos animados inteligentemente para mostrar la importancia de probar un sitio web con múltiples resoluciones, navegadores e incluso sistemas operativos. [Visita la página]
Evolución de la colaboración social . Esta infografía interactiva te lleva a través de una historia rápida y la evolución de la colaboración social desde antes de la década de 1960 hasta la actualidad. [Visita la página]
Evolución de la visión . Esta es una infografía interactiva que cuenta la historia de la investigación de mercado, desde el comienzo del siglo XX hasta la década de 2000. [Visita la página]
Evolución de la consola de juegos . Con sus encantadores gráficos vectoriales, esta infografía interactiva es una buena, aunque muy rápida, versión de la historia y evolución de las consolas de videojuegos. [Visita la página]
8 viajes épicos de Console Gaming . Esta infografía HTML5 interactiva presenta descripciones rápidas de algunos viajes épicos de los recientes videojuegos de consola exitosa. [Visita la página]
Amenazas de seguridad al por menor . Esta infografía animada e interactiva te lleva a través de todas las partes típicas de una tienda minorista donde los hackers pueden elegir intentar acceder a la red. [Visita la página]
Inicio Esta infografía usa animaciones con gran efecto para ayudar a explicar lo que sucedió en la película 'Inception'. El diseño minimalista definitivamente lo ayuda a lograr este objetivo. [Visita la página]
Vuelos interactivos Esta infografía es el sueño de un aficionado a la aviación. No solo es un mapa del mundo interactivo que rastrea todos los aviones y rutas de vuelo en tiempo real, también es una presentación sobre la historia del vuelo comercial. [Visita la página]
Bond: Licencia para conducir . Esta infografía maravillosamente animada, diseñada y dibujada traza la evolución de los automóviles Bond, del Sunbeam Alpine en 'Dr. No 'hasta el Land Rover Defender en' Skyfall '. [Visita la página]
Las infracciones de datos más grandes del mundo . Esta infografía interactiva es una visualización de las mayores violaciones de datos desde 2004. [Visite la página]
Trece razones por las que tu cerebro anhela la infografía . Esta infografía encantadoramente animada echa un vistazo rápido a por qué amamos tanto la infografía. [Visita la página]
Cómo funciona la búsqueda Esta infografía interactiva detalla cómo funciona la búsqueda de Google, desde las etapas iniciales de rastreo e indexación hasta cómo luchan contra el correo no deseado para garantizar la calidad de los resultados de búsqueda. [Visita la página]
Dribbble: ¿Para qué se usa? Esta infografía HTML5 interactiva explica Dribbble, de lo que se usa para algunos términos comunes utilizados en el servicio. [Visita la página]
Cómo funciona una pantalla plana . Esta infografía animada, hecha en HTML5, disecciona una pantalla plana para mostrar exactamente cómo se trabaja. [Visita la página]
Cómo funciona un motor de automóvil Esta infografía animada en HTML5 te muestra cómo funciona el motor de un automóvil con detalles brillantes. [Visita la página]
Crear selección de entrada de fecha y hora minimalista con Flatpickr
Uno de los campos más difíciles de crear es la selección de fecha / hora . Los desarrolladores a menudo recurren a menús de selección simple para el mes / día / año o dependen de varios complementos para hacer el trabajo.Los campos seleccionados funcionan bien pero son un poco torpes. En cambio, puedes mejorar tu forma con el complemento Flatpickr . Es un
Crea y personaliza mapas con Google Map Builder
Ahora hay muchos temas de WordPress basados en geolocalización disponibles. Ofrecen mapas personalizados para que los usuarios puedan encontrar fácilmente lugares específicos, como restaurantes, lugares de eventos, hoteles y más. Noté que algunos desarrolladores web han incluido sus temas con el soporte de mapas y, a menudo, los utilizan en la página de contactos.Utilizan