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


20 conceptos de diseño web que harán volar tu mente

Crear una experiencia efectiva y emocionante es una parte crucial del éxito de cualquier diseño de sitio web. Con HTML5 ahora es posible agregar interacciones dinámicas a los sitios web y hacer que cobren vida. En la colección de hoy me gustaría compartir los 20 conceptos de diseño web más geniales que se encuentran en la Web .

En esta lista, verás diseños de sitios web fuera de lo común, casi totalmente experimentales. Algunos sitios lo llevarán a través de experiencias cinematográficas en video, otros tienen vistas de 360º que permiten la interacción, y más vienen con sorprendentes efectos visuales y de sonido que se activan con clics, arrastra y desliza, navegación inusual, etc.

Todos estos sitios salen de la caja para crear algo realmente especial, pero para experimentar lo que se ha construido, debe visitar los sitios usted mismo .

1. El viaje de los cazadores de casas

La búsqueda de la casa perfecta comienza en tu mente. Este fantástico sitio web interactivo (con una navegación genial) tiene como objetivo llevarlo a través de todos los pasos necesarios para encontrar la casa de sus sueños. Comience la experiencia desplazándose con el mouse.

2. Museo Super Mario

El videojuego de mi infancia todavía es popular entre algunos geeks, y si es lo tuyo, entonces este Museo de Mario será un paseo por el carril de la memoria. Puedes explorar muchas eras del juego de Mario con este sencillo sitio.

3. NULO

¡VOID es un sitio web creado por Hi-ReS! agencia como un patio de recreo para varios experimentos visuales. Sigue las instrucciones y perderte en el abismo.

4. Hazme pulso

"Hacer clic y mantener presionada" para ver varias funciones de interacción, como letras invertidas o cinta brillante que se extiende hacia el mouse. Pase el mouse para ver más efectos.

5. Le Dernier Gaulois

Descubre una historia de Apatar, un legendario galo a través de seis episodios bellamente ilustrados. El sitio web tiene una gran facilidad de uso y una experiencia de desplazamiento bien integrada.

6. Fornasetti

Fornasetti es una marca de diseño conocida por su estilo único. Este sitio web es una página secreta y lúdica en la que puedes hacer clic y disparar en cara-discos voladores (ve al sitio, y esta oración tendrá sentido).

7. Guerras sociales

Una página de estadísticas para Star Wars: Episodio VII, este sitio está configurado para rastrear la huella social de la franquicia. Haga clic en Usar Data Force para comenzar.

8. Cerveza 34

34.ge se hizo para la primera cerveza artesanal georgiana 34. Todo lo que necesita saber sobre esta cerveza legendaria se cuenta aquí utilizando bellas ilustraciones detalladas.

9. Si le Soleil

¿Cómo se puede contar la historia de un intenso viaje por mar? Me gusta esto. Usted lo dice así. Este increíble sitio web muestra una experiencia de viaje en velero desde Francia a las Islas Canarias.

10. Norilsk Film

Este sitio web es un documental en línea en progreso y presenta videos en 3D y panoramas, planos documentales, personajes de la vida real, una perspectiva de disparo única y líneas de tiempo de Norilsk.

11. LACOSTE - F / W OUTERWEAR 2015

Este es un lookbook 360 interactivo hecho por Lacoste en China. Descubra usted mismo en un globo de nieve donde el tiempo se ha detenido y vea modelos flotantes en la colección de prendas de vestir exteriores Lacoste.

12. Recuerdos de vacaciones

Este sitio web muestra cómo las vacaciones británicas han cambiado a lo largo de cien años. Cuenta con fotos antiguas únicas y datos sobre viajes.

13. Ciudad del futuro agua

Dinamarca es conocido como un favorito internacional en tecnología del agua. Este sitio web presenta tecnologías hídricas innovadoras a través de elementos de diseño interactivo.

14. Comparte la Fuerza

Aquí hay un sitio web más dedicado a Star Wars. Colecciona recuerdos de Star Wars y puedes compartir tus propios recuerdos allí. Intenta no romper los botones de banco.

15. Crucero creativo

Este sitio web fue diseñado para celebrar el ambiente creativo de Amsterdam. Me encantan las ilustraciones vívidas detalladas y movimientos suaves. Haga clic y arrastre a cualquier parte de la página para mover el crucero.

16. Cervecería

Brewery es la primera barra cibernética. Es la forma más divertida y entretenida de invitar a tu amigo a tomar una cerveza. Simplemente vaya al enlace provisto en una página de inicio y presione el botón.

17. Pánico

Panic, un estudio de animación en Letonia, muestra sus habilidades en gráficos en movimiento, animación en 3D y diseño gráfico que les ayudan a que las historias increíbles cobren vida. Mira sus trabajos para tener una idea de las posibilidades.

18. Nike - Geç§ Kendini

Este sitio web fue creado para promocionar los estilos de verano de Nike Women 2015. Es una experiencia de video lúdica interactiva donde puedes elegir qué hacer a continuación.

19. 30u

30u es un sitio web de colección de zapatos donde puedes elegir tu propio estilo. Puede cambiar las combinaciones de colores y la apariencia completa de los zapatos para elegir el estilo que mejor se adapte a su gusto.

20. Momentos austriacos de verano

Austria es hogar de lagos de aguas cristalinas, montañas del Tirol y museos de Viena. Este sitio web ayuda a brindarle una vista en primera persona, aunque en línea, que lo llevará a través de hermosos lugares en Austria. Elija a dónde quiere ir después.

Desarrolla Modals usando Pure CSS con CSS Modal

Desarrolla Modals usando Pure CSS con CSS Modal

En el diseño web, debe tener una buena organización de contenidos. Esto ayuda a brindar a los usuarios información más legible y funcional. Puede hacerlo creando un diseño limpio y ordenado en el sitio web. Para organizar el contenido, hay muchos elementos y estructuras de interfaz que puede usar, y el diálogo modal es uno de ellos.Si ha

(Consejos de tecnología y diseño)

Crear información sobre herramientas modificadas en CSS puro con Wenk

Crear información sobre herramientas modificadas en CSS puro con Wenk

Con un nombre tan extraño, no esperarías mucho de Wenk, una biblioteca gratuita de información sobre herramientas de CSS . Sin embargo, es una de las bibliotecas más pequeñas que puedes medir por debajo de 1 KB cuando tienes gzip.Wenk usa CSS puro con atributos data-* para crear información sobre herramientas en vivo que puede cambiar de estilo y posicionar a su gusto. Lo m

(Consejos de tecnología y diseño)