es.hideout-lastation.com
Paraíso Para Los Diseñadores Y Desarrolladores


15 ejemplos de desplazamiento hecho a la derecha en diseños de sitios web

Al utilizar muchos aspectos del diseño web, algunos diseñadores prefieren usar el mismo estilo o técnica, mientras que a otros les gusta renovar el diseño de su sitio web para reflejar la última tendencia. A veces, sin embargo, el diseño de un sitio utiliza una técnica que es la correcta; ningún otro método podría dar un resultado o impacto similar o mejor.

Mostraremos 15 diseños de sitios que utilizaron desplazamiento para mantener a sus visitantes comprometidos y permanecer en la página. Algunos de ellos cuentan historias maravillosas, la mayoría de ellos son altamente interactivos, pero todos ellos te dan una gran razón para seguir desplazándote. Las capturas de pantalla aquí no hacen justicia a los sitios; asegúrese de hacer clic en los enlaces relevantes para ver las bellas animaciones / presentaciones en acción en los sitios web respectivos.

Perspectiva de la NASA . Presentado por un equipo de estudiantes diseñadores de la Universidad de Dakota del Sur, NASA Prospect es una historia interactiva de dos buscadores de oro de la Tierra, Nicolás y Ema, que están tratando de encontrar restos de música humana contenidos en las grabadoras doradas. La música pegadiza del sitio cambia a medida que te desplazas hacia abajo.

Día de concientización del navegador . Diseñado para técnicos y usuarios promedio de Internet, Browser Awareness Day es un intento creativo de promover la importancia de actualizar versiones de navegador desactualizadas para todos los usuarios de Internet.

Tinké . Una presentación interactiva para Tinké, un dispositivo revolucionario que le permite controlar fácilmente sus niveles de condición física con su teléfono. Todo lo que necesita saber sobre Tinké se puede encontrar en este sitio web.

MutantLabs . Un sitio web con elementos de diseño propios de un estudio creativo que interactúa con juegos innovadores en múltiples plataformas.

Activar bebidas . Un excelente sitio web de desplazamiento de paralaje con colores vivos y efectos visuales en 3D. Todo eso se combina para producir una experiencia que trasciende la de un producto comercial ordinario.

Cascade Brewing Co. Otro ejemplo de un sitio web que hace un buen uso de los elementos de diseño creativo para promocionar sus productos. Sus productos se presentan de forma agradable con opciones de navegación fáciles.

Inception Explained . ¿Confundido con lo que sucedió en Inception ? Si aún quieres saber, este sitio web divide la trama de la película en fragmentos fácilmente digeribles, bajando nivel por nivel hasta llegar al limbo. Sí, los elementos de diseño coloridos y atractivos y el gran uso del desplazamiento realmente ayudan a la historia.

Bellroy: Slim Your Wallet . Bellroy, un fabricante de carteras, tiene una página especial en su sitio web llamada "Slim Your Wallet". Está lleno de consejos rápidos sobre cómo ayudar a su billetera a "perder el bulto".

Carnation Group . Un sitio web altamente interactivo con diseños planos y atractivos para una empresa con más de 15 años de experiencia en el suministro de soluciones creativas digitales.

Capitán Dash . Conoce al Capitán Dash, un superhéroe que vive en el nuevo mundo del marketing inteligente. Captain Dash tiene las superpotencias para ayudar a sus clientes con una variedad de herramientas de marketing innovadoras.

Smart USA . Un sitio web genial para una de las líneas de automóviles más ecológicas del mercado actual.

Atlassian . Una infografía significativa sobre cómo las personas suelen perder su tiempo en el trabajo. Lleno de hechos divertidos que probablemente no conozcas y un cronómetro divertido que dice cuánto tiempo has perdido leyendo la infografía cuando deberías estar trabajando.

Estas son cosas Un sitio web alegre con muchas ilustraciones de dibujos animados, creado por Jen Adrion y Omar Noory. Sigue a la niña de las caricaturas (Jen) y al niño de los dibujos animados (Omar) mientras te guían por las diferentes secciones del sitio web y la historia detrás de su estudio creativo.

Distancia a Marte . Este genial sitio web le dará una idea de qué tan lejos está Marte de nuestro planeta. Al imaginar que la Tierra tiene 100 píxeles de ancho, el sitio web lo llevará a través del Sistema Solar a una velocidad de 7.000 píxeles por segundo hasta que finalmente llegue a Marte, a 428.000 píxeles de distancia.

El sitio web más alto del mundo . Este es más un experimento divertido, de 19 kilómetros de largo. Es un experimento de CSS diseñado para mantenerte desplazándote durante todo el día (o simplemente tomar el ascensor).

¿Cuál de estos sitios web te gusta más y por qué? ¡No dude en hacérnoslo saber en los comentarios!

Practique la programación con Repl.it: un IDE basado en navegador y compilador

Practique la programación con Repl.it: un IDE basado en navegador y compilador

Sin embargo, configurar el entorno de ejecución local puede ser un verdadero dolor para los principiantes. Esto a menudo requiere la línea de comandos, que es genial para aprender sobre la marcha, pero al principio puede parecer una barricada.Con Repl.it, puede practicar la codificación de cualquier lenguaje compilado en su navegador desde Python a C ++ o incluso Swift para aplicaciones de iOS.Es

(Consejos de tecnología y diseño)

20 magníficos ejemplos de línea de tiempo en el diseño web para la inspiración

20 magníficos ejemplos de línea de tiempo en el diseño web para la inspiración

Estoy bastante seguro de que la mayoría de ustedes conoce el uso de la línea de tiempo en el diseño, especialmente dado que todos los perfiles de Facebook ahora se muestran de esta manera. Además, algunas aplicaciones de teléfonos inteligentes como Path o Tweetbot también usan el diseño basado en línea de tiempo para mostrar sus historias. Una lí

(Consejos de tecnología y diseño)