M谩s

    3 tendencias de dise帽o esenciales, octubre de 2022

    - Advertisement -

    Este mes, se trata de las im谩genes. Cada una de las tendencias de dise帽o que detectamos tiene que ver con las im谩genes que seleccionas, o no seleccionas, para un proyecto y c贸mo las usas.

    Esto es lo que es tendencia en dise帽o este mes.

    1. Im谩genes flotantes

    A veces dise帽as fuera de la red intencionalmente. Otras veces est谩s dise帽ando en una cuadr铆cula que quiz谩s no sea tan obvia. Una de estas cosas est谩 sucediendo con la tendencia de dise帽o de sitios web de im谩genes flotantes.

    Aqu铆, ver谩 im谩genes y contenedores de im谩genes que no parecen tener ninguna direcci贸n con sus ubicaciones. Pueden o no incluir animaci贸n, que enfatiza a煤n m谩s el efecto flotante.

    Las im谩genes flotantes pueden incluir:

    • Recortes que no est谩n anclados a nada ni a ning煤n contenedor.
    • Im谩genes que est谩n dispersas en el lienzo.
    • Im谩genes en ubicaciones extra帽as que no parecen tener un prop贸sito
    • Cualquier imagen o elemento con una ubicaci贸n o espaciado fuera de la red obvio
    • Im谩genes que usan diferentes orientaciones o carecen de profundidad para la percepci贸n.

    El desaf铆o con este estilo es que puede parecer cohesivo y organizado o puede convertirse r谩pidamente en un revoltijo de partes. Puede tomar muchas pruebas de usuario para encontrar el equilibrio adecuado.

    Repetir utiliza im谩genes animadas con estilo de contorno en el fondo que tienen ubicaciones aparentemente aleatorias. El efecto flotante se enfatiza a煤n m谩s con la animaci贸n y la superposici贸n de im谩genes y otros elementos.

    HummingYard usa im谩genes en un contenedor en el dise帽o, pero las ubicaciones no tienen un significado obvio. Tambi茅n hay una hoja flotante en el lado derecho del lienzo y un bot贸n de llamada a la acci贸n que tambi茅n parece estar fuera de la cuadr铆cula. Cada uno de los elementos parece colocado casi al azar, creando un efecto flotante para todo el dise帽o.

    馃摲 1666388795 718 3 tendencias de diseno esenciales octubre de 2022

    Riquezasimple utiliza un mont贸n de im谩genes diferentes m谩s peque帽as para crear una cascada flotante de elementos. Los 铆conos tridimensionales casi parecen estar cayendo por la pantalla. Algunos elementos de texto se superponen, pero la mayor铆a no. Todo se siente un poco aleatorio, pero las im谩genes enmarcan y ayudan a atraer la atenci贸n hacia los elementos de texto de la pantalla central y llaman a la acci贸n.

    馃摲 1666388795 270 3 tendencias de diseno esenciales octubre de 2022

    2. Sin im谩genes

    Si las im谩genes flotantes no son lo tuyo cuando consideras un elemento de dise帽o moderno, tal vez la respuesta no sea ninguna imagen.

    En esta tendencia de dise帽o, la est茅tica se une sin ninguna imagen verdadera. El dise帽o utiliza principalmente texto con quiz谩s un icono, un logotipo o una peque帽a muesca. El resultado puede ser un dise帽o bastante austero, pero hay un claro enfoque en las palabras.

    Esta tendencia no es tan dif铆cil de dise帽ar, pero la narraci贸n y el lenguaje son vitales si desea que los usuarios interact煤en con el dise帽o. A veces, la ausencia de im谩genes puede resultar desagradable para los usuarios que buscan algo visual.

    Consultor铆a Fandes utiliza un dise帽o en blanco y negro s煤per simple con una simple llamada a la acci贸n en la p谩gina de inicio. La se帽al de desplazamiento tiene una buena animaci贸n que te ayuda a profundizar un poco m谩s en el dise帽o r谩pidamente. (Tambi茅n hay m谩s elementos interactivos e im谩genes despu茅s del desplazamiento).

    馃摲 1666388795 63 3 tendencias de diseno esenciales octubre de 2022

    diego tambi茅n utiliza una est茅tica simple y austera para su sitio web. Nuevamente, hay una animaci贸n simple para el compromiso y hay m谩s color y algunas im谩genes m谩s all谩 del desplazamiento.

    馃摲 1666388796 224 3 tendencias de diseno esenciales octubre de 2022

    Ashfield MedComms tiene la mayor cantidad de color de estos ejemplos de sitios web sin im谩genes. Con un fondo azul marino y un 铆cono verde, puedes sentir que tus ojos se mueven m谩s en la pantalla aqu铆. Tambi茅n hay m谩s para leer y una animaci贸n de desplazamiento para promover el compromiso.

    馃摲 1666388796 928 3 tendencias de diseno esenciales octubre de 2022

    3. Texto e im谩genes combinados

    La tendencia de combinar texto e im谩genes es el m谩s complejo de estos ejemplos de dise帽o. Aqu铆, los dise帽adores est谩n creando capas superpuestas para elementos de texto e imagen (o animados) en la pantalla para que haya mucho para consumir visualmente. Este puede ser un concepto muy atractivo, pero tambi茅n dif铆cil de desarrollar.

    Esta tendencia de dise帽o puede ser inmensamente hermosa cuando se hace bien. Los elementos en capas son emocionantes y tienen una sensaci贸n de 芦dise帽o禄.

    El desaf铆o visual es este: mantener la legibilidad de las palabras y las letras, especialmente cuando se piensa en la capacidad de respuesta del sitio web. La animaci贸n o el movimiento pueden agregar otro nivel de complicaci贸n.

    Si est谩 planeando un dise帽o como este, es importante planificar los puntos de interrupci贸n e incluso tener una alternativa sobre qu茅 hacer cuando la legibilidad se convierte en una preocupaci贸n. La est茅tica de escritorio y m贸vil puede tener diferentes sensaciones aqu铆 para garantizar que tenga un tema visual f谩cil de entender para ambos.

    Los lugares m谩s peligrosos para los marineros incluye texto y un elemento de imagen (el barco) que se esconden detr谩s de una capa de agua animada. Lo que es especialmente agradable de este dise帽o es c贸mo el agua se ve tan peligrosa como las palabras transmiten gracias al movimiento y la forma y el color de los gr谩ficos.

    馃摲 1666388796 616 3 tendencias de diseno esenciales octubre de 2022

    maullar superpone el texto y una imagen de una manera que casi oscurece la legibilidad, pero la palabra tiene suficiente contexto para que se entienda en general. Si haces clic, tambi茅n hay una peque帽a animaci贸n divertida con el gato.

    馃摲 1666388796 462 3 tendencias de diseno esenciales octubre de 2022

    Champoleon el Valle de los Sue帽os mete parte del texto en las monta帽as para obtener un conjunto de capas de primer plano a texto y de fondo que es hermoso y unificado. Hay muchas capas en este dise帽o, lo que lo hace mucho m谩s complejo de lo que parece en la superficie. En el desplazamiento, el resto del sitio contin煤a este tema en capas con texto e im谩genes que se superponen y comparten espacio.

    馃摲 1666388797 609 3 tendencias de diseno esenciales octubre de 2022

    Conclusi贸n

    驴Cu谩l de estas tendencias de imagen te atrae m谩s? Son enfoques muy diferentes para el dise帽o de sitios web y pueden funcionar para diferentes proyectos de diferentes maneras. Tambi茅n var铆an en complejidad de desarrollo, desde s煤per f谩cil de administrar (sin im谩genes) hasta potencialmente desafiante: texto e im谩genes combinados.

    Fuente: 3 tendencias de dise帽o esenciales, octubre de 2022

    Populares

    M谩s de esta categor铆a

    DEJA UNA RESPUESTA

    Por favor ingrese su comentario!
    Por favor ingrese su nombre aqu铆

    Este sitio usa Akismet para reducir el spam. Aprende c贸mo se procesan los datos de tus comentarios.