Diseño de escaparate de diseño: nuevas referencias de octubre de 2018

Nuevamente es el momento del escaparate mensual, donde echamos un vistazo a diez maravillosos sitios web hechos por los miembros de nuestra comunidad. Cada mes presentamos los mejores sitios web de Divic que han sido enviados por nuestra comunidad y hoy queremos compartir los primeros diez sitios web para octubre. A lo largo de la publicación, indicaré algunas de mis funciones de diseño favoritas que atraen cada uno de los sitios web. ¡Espero que te guste! Diseño de escaparate de diseño: nuevas referencias de octubre de 2018 1. Informática Orbicon

Este sitio fue enviado por Janus Lock. Tiene una animación interesante que se reproduce como un video de fondo. Blue on Blue se adapta perfectamente a la marca del sitio. La fuente de encabezado grande funciona bien con el tema técnico. A medida que ejecuta, el texto alineado verticalmente se encuentra en el lado izquierdo de la pantalla, ofreciendo un enlace de regreso a la página de inicio. El aspecto es limpio y utiliza elementos gráficos simples para guiarlo en su proceso. Cada una de las páginas está numerada. Estos números se reflejan en el menú de pantalla completa. Me gusta el diseño de la página de archivo, que muestra grandes bloques azules con texto que revelan imágenes detrás de superposiciones de desplazamiento y la página de módulos utilizando iconos relevantes.
Visite el sitio 2. Growmodo

Este sitio fue enviado por Paul Preisler. Este sitio utiliza muchos gráficos con diseño plano y espacio en blanco adicional para crear un aspecto limpio. La sección tal como funciona también usa gráficos planos. Las imágenes usan superposiciones en el gradiente para testimonios tanto en imágenes grandes, con texto superpuesto como en la imagen rodeada para módulos de testimonio. Me gusta la sección de talento creativo con separadores angulares para la parte superior e inferior, imágenes rodeadas en varias dimensiones con efectos de sombra y líneas que los conectan. Las imágenes presentadas en el blog también utilizan superposiciones de gradiente. Los servicios se muestran con libros que usan puntos verdes, animaciones con efectos de mouse y sombra.
Este sitio fue enviado por DMYRO. Este sitio utiliza diferentes tonos de azul oscuro para crear algunos fondos de gadge interesantes. El encabezado es único por la forma en que ofrece un bloque con enlaces a servicios, blogs y productos. Cada uno de los elementos en el bloque incluye efectos flotantes. Varias secciones usan ángulos para separadores, algunos van en varias direcciones. Me gusta la sección en la que discuten su cobertura. Muestra los logotipos de la compañía en círculos, con los logotipos que se mueven fácilmente. Los servicios se muestran en bloques simples, con solo un ícono y un título y efectos de agua a agua. Aparecen bloques similares en el menú Mega, pero use fondos de gradiente para mantenerse a un lado. Se utilizan imágenes similares para categorías e imágenes presentadas en la página del blog.

Visite el sitio 4. Festival de gallo y toro
Este sitio fue enviado por Ross Pope. Este sitio utiliza colores llamativos y diseño plano en todas partes. Los gráficos de arbustos y manos decoran los bordes del encabezado para llamar la atención sobre el centro. Los gráficos Lightning ayudan a llamar la atención sobre el texto en la siguiente sección. Me gusta la sección de múltiples aspectos con imágenes que incluyen bordes gruesos y zoom en Hover. Esta sección tiene varios elementos gráficos que se superponen sobre las imágenes. La inscripción por correo electrónico utiliza bordes que se muestran manualmente. También me gusta el sótano que muestra a las personas en siluetas sólidas. Los colores en este sitio están realmente distinguidos. Es un excelente ejemplo de cómo el color, las fuentes y los gráficos pueden crear el estado de ánimo de un sitio web.

Este sitio fue enviado por Jeremiah Lloyd. La sección Hero presenta una imagen e impulso a la acción en una pantalla dividida que configura el diseño para el resto del sitio. Las imágenes usan bordes coloreados de duraznos oscuros en 3D que coinciden con el estilo del botón. Otra imagen usa un borde azul, que se une a los testimonios que usan durazno azul y oscuro. Me gustan los colores de fondo que se alternan de blanco a bronce claro. Los colores funcionan bien con las fuentes y los separadores para crear un estilo elegante. El blog también sigue este estilo, pero agrega una ventaja delgada a las tarjetas de blog. La barra lateral del blog es uno de los modelos más limpios que he visto, proporcionando información sobre el blog que no se vuelve divertido o que son demasiado fáciles de ignorar.
Visite el sitio web 6. Woods Hole Tile Company

Este sitio fue enviado por Nelson Miller. Este es un diseño de página que utiliza muchas imágenes en 3D en la página inicial con títulos, texto y botones superpuestos para ver el contenido, creando un diseño de tarjeta de blog. Las imágenes se alternan a medida que se ejecuta y están vinculadas con líneas verticales que pasan a través del proceso y en su forma de contacto sótano. Esto se interrumpe cerca del medio de la página con una sección azul cerrada de borrones que introducen las siguientes secciones de servicios. Las secciones de servicio también usan los mismos iconos que esta sección azul para unirlos. Me gusta lo bien que las fuentes y los colores en este sitio web funcionan juntos. Visite el sitio 7. Design Brinart

Este sitio fue enviado por Sabrina Rowland. Un video de fondo con alguien pinta detrás de la portada amarilla para mostrar cuál es el sitio. El título se superpone en el fondo y el lema se coloca perfectamente en el bloque amarillo para atraer la atención. El amarillo se usa en todo el sitio para colores de fondo. La sección de servicio presenta tres columnas de blurbbs con un CTA, mientras que el título de la sección se imprime verticalmente. Me gusta la simplicidad de la sección de contacto, que utiliza un fondo amarillo con un divisor angular y una pequeña forma de contacto con efectos de sombra que se superponen a la siguiente sección para crear la información de contacto.

Visite el sitio web 8. Feliz digital
Este sitio fue enviado por Djaya por Vries. Un CTA está sobre una imagen de fondo de pantalla completa con un divisor de sección redondeada de múltiples espectáculos. Los enlaces a proyectos y servicios se colocan en cajas de naranja oscura que cambian en blanco con efectos de sombra. Esta naranja se usa en todo el sitio como reflejos para botones y texto, en el menú, como fondos para mostrar beneficios y como dos de los iconos multicolores en las páginas de servicio. Una de mis secciones favoritas en la página principal es una diapositiva que se superpone entre dos secciones. Las secciones y la diapositiva están utilizando colores sólidos para crear un diseño elegante. Orange and White funciona excelentemente con azul oscuro en todo el sitio. Vite el sitio 9. Jeremy Mura

Este sitio fue enviado por Jeremy Mura. Soy fanático del color audaz cuando funciona bien y este sitio usa perfectamente la naranja audaz. El encabezado incluye un fondo de dibujos animados de un castillo sobre un gradiente de naranja y un texto blanco, un botón azul con una sombra y un botón naranja con un borde blanco. La sección del proyecto con cuatro columnas muestra imágenes cuadradas de proyectos en dos filas sin espacio. Me gusta la sección sobre el proceso de diseño, que cuenta con los pasos y usa iconos grandes para cada paso. También me gusta CTA con ancho completo, en naranja engrosada, con texto blanco. El blog usa títulos de naranja sobre un fondo blanco.
Visite el sitio 10. Ad Conseil

Este sitio fue enviado por FJ Lahiani. Utiliza un excelente texto gris oscuro y azul gris y elementos gráficos en fondos blancos y grises de luz para crear un diseño elegante. Los gráficos se utilizan para mostrar experiencia y habilidades con barras simples y verticales que los separan. Las borrones no usan bordes, sombras o efectos flotantes. La página del equipo sigue el mismo diseño para mostrar a los miembros del equipo. Las páginas de referencia y entrenamiento también utilizan este estilo de texto de propaganda y muestran balas. El énfasis del diseño en este sitio está en la simplicidad y funciona bien. Visite el sitio de conclusión son las mejores 10 referencias en el sitio web de nuestra comunidad para octubre. ¡Estos sitios se ven increíbles y, como siempre, queremos agradecer a todos por sus referencias! Si desea considerar su propio diseño, no dude en enviarnos un correo electrónico a nuestro editor a Nathan sobre los temas elegantes Dot Com. Asegúrese de hacer el tema del correo electrónico del “sitio”. ¡También nos gustaría averiguarlo en los comentarios! Cuéntanos lo que te gusta de estos sitios web y, si han hecho algo, quieres aprender en el blog. Imagen presentada por DrogenEvev / Shutterstock.com