Divis Design Showcase: Nuevas referencias de noviembre de 2020

Nuevamente es el momento para el escaparate mensual, donde echamos un vistazo a diez sitios web increíbles 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 noviembre. 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! Divis Design Showcase: Nuevo noviembre 2020 Referencias 1. Progress

Este sitio fue enviado por Gunes Azerbaiyani. Utiliza muchos fondos negros con un gran texto blanco y resalta el amarillo brillante en todas partes. El menú de navegación comienza con un fondo transparente y muestra el logotipo, los enlaces y algunos antecedentes amarillos. Después del desarrollo, el encabezado se convierte en un fondo negro, los CTA ahora tienen títulos y las conexiones del menú se mueven a un menú de hamburguesas que aparece en el lado izquierdo. Los botones en todo el sitio web cambian los colores cuando se van. Las obras se muestran como un tipo de publicación personalizado e incluyen una imagen cuadrada con un enlace que se puede hacer clic en la esquina. Los miembros del equipo se muestran en una diapositiva que se coloca sobre un modelo de fondo en un lado. El sótano muestra información sobre un fondo amarillo y coloca las conexiones de socialización en un patrón de bloque. Me encanta el uso de amarillo y negro en este sitio web.
Visite el sitio 2. Neheulbeuk

Este sitio fue enviado por Thibault Jullian.Si eres un reproductor de RPG, este sitio te atraerá de inmediato.Un video de fondo crea la apariencia de una diapositiva animada deslizándose de una escena a otra y mostrando la lenta escena de movimiento.El primer plan muestra el elegante título y los botones CTA.Los logotipos del estudio se colocan sobre un dibujo de bloques de piedra sobre una puerta donde un personaje de dibujos animados entra en la habitación.A medida que corre en esa sección, el texto poco claro se desliza desde el lado y se enfoca cuando llegan a su ubicación.La información del juego se muestra en borrones utilizando iconos personalizados y texto estilizado con reflejos dorados.Se incorpora un video sobre un fondo que funciona como póster para el juego.Las capturas de pantalla se muestran en una galería de mampostería.Este sitio utiliza excelentes gráficos y texto dorado sobre fondos negros.
Este sitio fue enviado por Samant Jaitli. Este sitio web es una tienda en línea que encuentra una forma interesante de usar el color. La sección Hero muestra imágenes a la derecha e izquierda y los botones en el centro sobre un fondo con suaves colores amarillos y azules en el sitio. Los colores de fondo de las imágenes del producto también usan estos colores y varios otros. Algunas de las imágenes del producto tienen una sombra que hace que el producto se destaque del fondo. Un temporizador de conteo de conteo inverso muestra un logotipo. Otros productos incluyen un lado en un lado, con la imagen colocada sobre un fondo de color en el otro lado, lo que crea una superposición de los colores usando azul y amarillo de la sección Hero. Una nueva sección de llegada agrega sombras al cuadro de productos. La lámina también es interesante. Divida la pantalla con una gran columna de azul y una columna más pequeña de amarillo. Cada una de las columnas proporciona información diferente. Los dibujos con dibujos animados de panda aparecen en todo el sitio, incluido el logotipo.

Este sitio fue enviado por Marc Henry. Este sitio utiliza muchos elementos gráficos con bordes redondeados que muestran imágenes de fondo. La sección Hero muestra algunos de ellos verticalmente, el más prominente que muestra un video de fondo. Otros muestran colores o imágenes. Otra sección se presenta más horizontalmente. Son mucho más delgados, tienen casi todo el ancho de la pantalla y se colocan en una apariencia alternativa. Estos incluyen imágenes de fondo con texto extra de mar como título inferior y texto debajo del elemento gráfico como descripción. Una sección de números de números es similar a ellos e incluye un gradiente de fondo azul / negro con texto dorado. Los testimonios se colocan sobre una imagen de fondo con el texto en la superposición. También me gusta la sección que muestra el elemento gráfico en el centro y bordeas en ambos lados. El gráfico central se coloca sobre un gráfico de hoja para resaltarlo.
Este sitio fue enviado por Flavio Mester.Hace un uso interesante de bloques de color, comenzando con el menú.El encabezado es un conjunto de dos bloques que se encuentran en la esquina superior derecha y permanecen en posición.El bloque izquierdo incluye el título sobre un fondo blanco translúcido.El menú de hamburguesas extra de mar está en el bloque derecho, con un fondo negro translúcido.Cada sección se desliza mientras ejecuta el sitio.Las secciones están separadas de la sección Héroe con una franja azul.Se encuentra un bloque de color en el lado izquierdo de la sección e incluye tonos alternativos de bronce y gris oscuro.Las secciones en sí se alternan entre blanco y gris claro.Un testimonio se hace cargo de todo el ancho de la pantalla y coloca el texto sobre una imagen de fondo con una superposición oscura.La página de publicaciones incluye podcasts integrados. Visite el sitio web 6. Diseño

Este sitio fue enviado por Tobija desde DesignUp. Utiliza excelentes colores morados y conectados para la marca. La sección Hero muestra un video detrás de una superposición morada con una descripción y CTA en primer plano. El encabezado incluye muchas conexiones espaciales entre ellos y un audaz gradiente rojo. Varias secciones incluyen un fondo púrpura, patrones de fondo o ambos. La sección de historias de éxito presenta imágenes de trabajo en pantallas de computadora con botones morados para ver el trabajo. Otra sección usa borrones con íconos violetas. Una sección se ajusta entre estos dos con un fondo de gradiente verde que se destaca. Los modelos de fondo en las secciones anteriores y siguientes se superponen. La página de costos tiene una computadora única con una sección roja que permanece en la parte inferior de la página hasta llegar a esa sección mientras se ejecuta. Los colores de la marca funcionan bien para atar este diseño. Visite el sitio 7. Continúe progresando
Este sitio fue enviado por Ragz Thompson. Este sitio utiliza elegantemente verde y naranja para los colores de la marca, comenzando con el logotipo y en el encabezado. La sección Hero muestra cuatro borrones que se superponen sobre la imagen de pantalla completa. Estos incluyen esquinas redondeadas, íconos grandes, diferentes tonos de fondo verde, sombras de las cajas interiores y van a la naranja para caminar. Las sombras internas le dan a los borrones un efecto de superposición, lo que hace que parezcan superpuestas. El verde se usa mucho para títulos, borrones e iconos. El naranja se usa mucho para los colores de fondo de los botones. La mayoría de los botones incluyen sombras de caja para destacar. Los botones en las redes sociales flotantes también son verdes y cambian en naranja para caminar. Los separadores de secciones corrugadas hacen que las secciones se distinguen entre sí, mientras que los colores de fondo mantienen la división sutil.

Este sitio fue enviado por Florian Bolter.Este es un excelente ejemplo de sitio web de CV.Hace un uso interesante de colores para los reflejos en todo el sitio, al tiempo que le da a todos los elementos web mucho espacio.El gran texto en un lado de la sección Hero presenta al propietario del sitio e incluye botones estilizados con un fondo detrás de uno.Una imagen gráfica en el otro lado incluye colores que se repiten en todo el sitio.Me gustan las secciones del proyecto.Muestra un estudio de caso con una imagen en un lado y título, descripción, palabras clave, un botón de estilo y un gráfico en el otro.Los proyectos se colocan en una apariencia alternativa y cada uno tiene un gráfico diferente que usa colores en negrita.Una sección de contacto muestra grandes íconos sociales, que están inclinados en el cursor.Los estudios de casos utilizan mucho la fotografía. Visite el sitio 9. Aspire Ateste
Este sitio fue enviado por Dijimoe. Utiliza mucho azul oscuro para fondos y verde claro para los reflejos. Los colores funcionan perfectamente juntos para darle al sitio un diseño interesante. La sección Hero muestra una imagen de fondo con un gradiente azul y verde para combinar los colores. También utiliza una sección de flecha hacia abajo que se mezcla en la siguiente sección, que muestra a los países populares como borrachos grandes con una imagen azul y superposiciones. El primer plan muestra el nombre y el botón en información de color verde claro y blanco. Colocando con el mouse, cambia de superposición en verde y agrega un borde interno al verde y una línea en blanco. La imagen se acerca al zoom. También me gusta el mapa que muestra verde claro sobre un fondo azul oscuro. Incluye el hecho de que muestra el nombre de la ubicación en Hover. En el lado izquierdo está el texto giratorio con el nombre de ubicación. Las borrones usan letras verdes como fondo para escribir la palabra rápido.


Este sitio ha sido enviado por Narrathip de Disvise. Use tonos de blanco y negro para crear un diseño sofisticado. La sección Hero tiene una diapositiva de pantalla completa, cada diapositiva que muestra una imagen de fondo diferente y una superposición. El texto en un lado muestra el título y la descripción. Las imágenes de diapositivas se muestran en paralaje. Cada sección del sitio incluye un título subrayado a la izquierda y una fuente aún más grande para una descripción en el centro. Los fondos son de color blanco sucio, negro o gris oscuro. La sección sobre su enfoque presenta ejemplos de imágenes con descripciones. La sección sobre su trabajo muestra proyectos como grandes imágenes y un enlace para ver más. Los logotipos del cliente se muestran en blanco sobre un fondo gris oscuro. Las páginas de los proyectos son aún más elegantes e incluyen grandes fotos detalladas sobre fondos estilizados. Las ofertas de trabajo se muestran en borrones. Me gusta la foto y los colores en este sitio. Visite el sitio en la conclusión son las mejores 10 referencias en el sitio web de nuestra comunidad Div para noviembre. ¡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 al editor a Nathan sobre los elegantes temas de Temas Com. Asegúrese de hacer el tema del correo electrónico “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 Jemastock / Shutterstock.com