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 MarioEl 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 GauloisDescubre 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. FornasettiFornasetti 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 socialesUna 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 3434.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 FilmEste 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 2015Este 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 vacacionesEste 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 aguaDinamarca 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 FuerzaAquí 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 creativoEste 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íaBrewery 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ç§ KendiniEste 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. 30u30u 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 veranoAustria 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
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
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