Estos son algunos de los sitios web con los que nos hemos topado últimamente que nos han hecho a todos colectivamente Oooo y Aaaah con deleite. A veces, literalmente escribimos “oooooo” en el canal de Slack donde guardamos y discutimos estos. Es algo bastante nuevo que comenzamos a hacer. ¡Disfrutar!
La fina linea
La serie de artículos Fine Line del New York Times explora el viaje de cuatro atletas olímpicos y sus extraordinarias habilidades.
Hace un tiempo me quejé de los diversos problemas del scrolljacking y ahora quiero disculparme con la comunidad de scrolljacking. Estos artículos demuestran que tomar el control del impulso del desplazamiento puede resultar increíblemente intuitivo si se le brinda la cantidad adecuada de tiempo y atención.
Pero lo más fascinante de estos artículos, al menos para mí, es la combinación de movimiento, imágenes y sonido. Cada artículo tiene varias grabaciones que se reproducen sobre el texto con música de fondo y efectos de sonido. Esta no podría haber sido una serie de publicaciones fácil de crear, ya que el tiempo que llevó planificarlas, diseñarlas y desarrollarlas debe haber sido bastante considerable.
Pronóstico para las elecciones de 2016 de FiveThirtyEight
FiveThirtyEight es bien conocido por sus visualizaciones y el uso de datos en su cobertura, pero los últimos gráficos que han comenzado a usar para su pronóstico electoral son más sutiles y hermosos que nunca:
Lo que me impresiona de FiveThirtyEight es la moderación en el diseño, ya que hay un uso muy leve del color para atraer la atención hacia la información importante y el uso de los pesos en negrita en su paleta tipográfica fomenta el escaneo rápido de la información.
Pero volviendo a este gráfico específicamente: si desea obtener más información sobre los datos de un estado en particular, puede hacer clic en el mapa para cambiar a una vista diferente para un análisis más detallado:
Una introducción visual al aprendizaje automático
Este es un ensayo, diseñado y escrito por Stephanie Yee y Tony Chu, que contiene una serie de hermosas animaciones y visualizaciones por las que sin duda vale la pena desplazarse:
A medida que se desplaza hacia abajo en la página, encontrará la transformación de datos y se doblará para trabajar mejor junto con el contenido.
Página 404 de Figma
Figma es una herramienta de diseño en el navegador que permite a los diseñadores colaborar mejor entre sí y, a principios de esta semana, escribí la URL incorrecta y encontré esta hermosa joya:
CSS Conf
En el nuevo sitio web de CSS Conf hay un uso interesante de formas gráficas que solo puedo describir como “manchas”: elementos SVG que se superponen al contenido como un PNG transparente podría:
Creo que es genial porque es visualmente impactante y rompe la monotonía de ver rectángulos en cada página web todo el tiempo.
Michael Ngo
El desarrollador de front-end Michael Ngo tiene un sitio personal que es interesante por su uso de animación, video y diseño.
Cada sección de su cartera parece un diseño personalizado, pero al mirar más de cerca debajo del capó, cada una está hecha de pequeños módulos que se pueden usar una y otra vez.
Certificados de Ohio
Ohio Certifieds es un sitio web diseñado para atraer inversiones industriales en el estado. Los desarrolladores pueden seleccionar una parcela de tierra o buscar una parcela en función de una serie de factores: lo que es interesante aquí no son necesariamente los datos, sino la representación de los mismos.
Hacer clic es muy divertido. Si selecciona una trama, encontrará una gran cantidad de animaciones que dirigen su mirada y le dan una mejor idea del espacio por el que está navegando actualmente.
Conoce a Graham
Meet Graham es un proyecto, y un modelo de la vida real, de cómo se vería un ser humano si tuviera la mejor forma para sobrevivir a accidentes automovilísticos. El sitio muestra el experimento de investigación para llamar nuestra atención sobre los riesgos de conducir y para que aprendamos más sobre el cuerpo humano:
Al ver a Graham en 3D, es posible mirar debajo de la superficie de la piel y señalar áreas específicas del cuerpo que deberían cambiarse.
Prueba la tipografía
try.typography.com es un nuevo proyecto de Hoefler & Co. que le permite explorar su gama de tipos de letra. Ligaduras, mayúsculas, versalitas y alternativas estilísticas se encuentran entre algunas de las opciones que puede alternar y descubrir con más detalle.
¿Nos perdimos alguno de tus favoritos recientes o qué tienen de interesante los sitios que mostramos? ¿Tiene un sitio web favorito que podríamos haber pasado por alto? ¡Asegúrese de agregar una nota en los comentarios a continuación!