homefinance blog
Aquellos que planifiquen nuevos proyectos de sitio web para el próximo año deben conocer las últimas tendencias de diseño web de WordPress. De esta manera, llevan el diseño web a nuevas expresiones y están mejor alineados con las expectativas de los usuarios en 2020. En las siguientes filas, observaremos las tendencias de diseño web más importantes que dominarán el panorama de los sitios web este año. Continúe leyendo y manténgase informado:
Diseño web minimalista
En 2020, las tendencias de diseño web de WordPress integran los principios del minimalismo. Es decir, cuanto menos elementos en las páginas web, mejor se destacarán y captarán la atención de los usuarios.
Pero, ¿qué significa el minimalismo, después de todo?
Uso extenso de espacio en blanco (también conocido como espacio negativo). Los elementos en la página web están a una distancia entre sí, lo que facilita la concentración de los lectores y hace que el mensaje mejore en los visitantes del sitio.
Paleta de colores limitada, que deja espacio para que el contenido se exprese en la página. El color es un medio para enfatizar el contenido y tiene el papel principal para llevar ese contenido a la vanguardia.
No use más de 2 o 3 colores: como se mencionó anteriormente, la paleta de colores se reduce al mínimo: color principal, color acento y otros tonos.
Minimalismo coloreado: el modelo simplista del diseño web moderno también se caracteriza por un minimalismo coloreado. Debido a que los elementos de la página de un sitio web están muy extendidos el uno del otro, se recomienda prestar especial atención a los pocos colores que usa en el sitio. Esto se puede incluir en la categoría de minimalismo de color.
Colores brillantes y vívidos en el esquema de color: si elige algunos colores en el esquema de color, es mejor considerar colores brillantes y brillantes. Harán un sitio notable y fácil de recordar, a través de su originalidad. Ejemplo de minimalismo en el diseño web:
https://uv-way.com/
Además del título y los elementos del menú, la página inicial de este sitio tiene un fondo de video que no tiene muchos elementos que se muestran arriba.
https://toke.com.br/
Este sitio web logra llevar la creatividad al minimalismo, presentando el tema del sitio a través de un objeto / símbolo / representación gráfica única. Más que mantener el diseño en elementos mínimos, es importante considerar el uso de tecnología contextual para crear experiencias personalizadas para cada usuario. Esto garantiza una comunicación de uno 2-uno con cada visitante del sitio, lo que lo hace más eficiente, ya que aborda a cada usuario independiente.
Más interacción con el sitio web
La interactividad juega un papel importante en la creación de la participación de los usuarios. Este año, las tendencias de diseño web de WordPress se centran en aumentar la interacción de los usuarios con el sitio web. Como resultado, los usuarios estarán más atentos al mensaje del sitio web, lo entenderán con claridad y lo recordará más fácilmente. Las interacciones pueden ingresar una de estas categorías:
Interacciones macro: tales interacciones se refieren a IA, experiencias virtuales, vistas 3D, botones de exhortación, etc.
Microinteracciones: efectos flotantes, efectos de clic, etc.
Además de los botones CTA, la interacción implica la presencia de elementos que los usuarios pueden cambiar la apariencia y acceder a la funcionalidad, para una experiencia cautivadora con el sitio web. Además, 2020 significa la accesibilidad de sitios web, incluso para personas con discapacidades. Esto implica una tipografía que se puede ajustar para que las personas con discapacidades puedan leer y recibir el mensaje. Ejemplo de sitios interactivos:
http://pierrehermenolasbuffe.com/
http://andeinersite.video/
La interacción con el sitio web también permite la recopilación de datos de los usuarios. Dichos datos se pueden usar para adaptar el diseño web a lo que realmente funciona. Según la información recopilada de los visitantes anteriores del sitio web, puede ajustar un diseño del sitio web, para responder a las expectativas y necesidades de los visitantes.
Un énfasis en las micro-interacciones
Las microinteracciones tienen como objetivo crear un momento cautivador, acogedor y humano. Sin ser espectaculares, las micro interacciones forman una ruta que los usuarios seguirán visitando un sitio web. Las micro interactaciones acompañan a los visitantes para explorar las páginas del sitio web y marca significativamente su ruta para descubrir los elementos del sitio web.
Disposiciones asimétricas
Este año, los aspectos asimétricos estarán de moda, una parte integral de las tendencias de diseño web de WordPress. La asimetría tiene su propio equilibrio y crea tensión visual. Es creado por un diseño gráfico que está descentrado y tiene elementos dispares inapropiados. Su papel es restringir a los usuarios para ver mejores los elementos en las páginas del sitio web y centrarse en lo que es importante en el mensaje del sitio web.
La asimetría es sinónimo de lo moderno: rompe las expectativas de los usuarios, lo que requiere más atención. Por lo tanto, una apariencia asimétrica es moderna. Y es por eso que lo moderno es útil. Es por eso que es útil un sitio eficiente que se comunica con los lectores de la mejor manera posible. Ejemplo de sitio web con apariencia asimétrica:
https://nourheats.co/
https://homesociet.ca/
Los aspectos asimétricos pueden ingresar una de las siguientes categorías:
Ligeramente asimétrico
Muy asimétrico
Una simetría que debe tener un equilibrio visual
El diseño web ligeramente asimétrico significa que hay una pequeña desviación de los artículos del centro y el equilibrio visual. Discute el equilibrio visual perfecto y propone una nueva forma de ver las cosas, desde una perspectiva ligeramente diferente.
El fuerte diseño asimétrico significa desviaciones muy visibles del centro visual y una propuesta audaz para que los usuarios se vean diferentes y vean nuevas perspectivas. Este tipo de asimetría es bueno de usar para las empresas que tienen una propuesta importante para una venta única y deben declararlo claramente, claramente, con todo el diseño del sitio web. Como ya se mencionó, independientemente del tipo de asimetría, debe haber una cierta simetría para el equilibrio visual, por lo que la experiencia del usuario no está completamente dislocada por los hábitos comunes. La asimetría no debe sorprender a los usuarios hasta el punto de que sean reacios a explorar más el sitio web.
Desfile no tradicional
Este es el año del uso de un desfile no tradicional. Las nuevas versiones son:
Desfile largo
Se remedió un largo desfile
Desfile infinito
Paralero
Desfile largo: esta técnica implica que los usuarios ejecutan la página hacia abajo, lo que significa que los usuarios pueden explorar el mayor contenido posible. Los sitios web de revistas son especialmente adecuados para aplicar un largo desfile. Se remedió un largo desfile: crea la impresión de un pergamino desde un pergamino. La barra de navegación en la parte superior se establece como pegajosa, mientras que para el resto de la página, los usuarios pueden correr hacia abajo y explorar el contenido de la página. Se corrigió la ejecución permite señales claras en el menú en el lugar donde los usuarios están en el sitio y cómo pueden navegar. Ofertas infinitas: esto significa que los usuarios ejecutarán continuamente las páginas del sitio web, sin alcanzar el final de la página. El contenido se carga constantemente y los visitantes continuarán viendo nuevas secciones con nuevos elementos. Scrolling de paralaje: esta es una técnica más nueva que persistirá en 2020. Los efectos paraláxicos significan que el fondo de la página se mueve a una velocidad más lenta que el primer avión, y el visitante que ejecuta la página tiene el control total sobre el efecto. Estos 4 tipos de pergamino se extenderán en el diseño web, especialmente para los sitios web de una página que deben llevarse a cabo para que los visitantes exploren el contenido de la página.
Aquí hay un ejemplo de un sitio web con Paralax Parade:
Antecedentes de video
Una tendencia que ya ha comenzado en 2019, pero continuará en 2020, es el uso de fondos de video para sitios web. De hecho, los fondos de video proporcionan amplitud al diseño web y crean una experiencia más cautivadora, que será memorable para los visitantes. Los videos colocados en segundo plano requieren espacio e inscribir el dinamismo en la página. La mayoría de las veces, los fondos de video se utilizan para la sede de la página inicial, que garantiza el máximo efecto de los videos. Ejemplo de sitio web con un video de video: el papel de un fondo de video es llevar a los visitantes bajo el texto y los elementos de diseño web actuales y en la realidad que mejor define una empresa. Por lo tanto, tiene un efecto especial en los lectores y está mucho más interesado en el contenido del sitio web.
Tipografía grande
La tipografía alta es uno de los principales aspectos del diseño web 2020. La tipografía ayuda a mejorar la legibilidad del texto y simplemente leer el contenido del texto. Este año, se preferirá la tipografía en negrita para títulos y subtítulos, en las páginas iniciales y en otras páginas que desea llevar al primer plano. Puede ser letras escritas a mano u otros tipógrafos fantasiosos, estilos modernos y letras fáciles de leer o divertidas. Aquí hay algunos ejemplos de tipografía grande y audaz: Harabara
Duro y sans serif
Tipografía juguetona
Gran contraste
Fuente: https://www.hongkiat.com/blog/extra-bold-fonts/
La tipografía en negrita juega un papel esencial al resaltar el mensaje principal. Con dimensiones notables, colores contrastantes y diseño inusual, la tipografía audaz atrae la atención de los usuarios y mira a la parte principal del contenido del sitio web. Además, la tipografía puede soportar algunas variaciones, de modo que las letras de un cierto tipo de letra se alternan con las letras de otro tipo de letra y se integran en una presentación armoniosa en su conjunto. Otro ejemplo de tipografía inusual: primer diseño móvil
Esta técnica implica el diseño primero para dispositivos móviles y solo después de la adaptación al escritorio. El diseño debe ser receptivo de inmediato, porque la mayoría de las búsquedas y visitas al sitio están hechas de dispositivos móviles. Por lo tanto, esto implica un menú de hamburguesas, dimensiones de imagen adaptables y dimensiones de fuentes, desarrollo largo, etc. Esto implica la entrega de la experiencia útil adecuada para el dispositivo correcto, que comienza a diseñar desde el dispositivo más pequeño y luego se adapta a pantallas más grandes.
Diseño vertical divisorado
Ejemplos de sitios web con un diseño vertical dividido:
http://kirichik.com/
http://special.bose.eu/en/
La división vertical sigue siendo parte de las nuevas tendencias de diseño web de WordPress. Se refiere a dividir la pantalla en dos, en un eje vertical. Esto puede tener variaciones, como el ejemplo más reciente, en el que la división se realiza en un eje diagonal. Se considera que la división vertical proporciona contraste y presenta la pantalla en diferentes modos y colores. Esta técnica en sí misma es ultra moderna y cuestiona el estado del diseño web. Invite a los lectores a ver las páginas de una manera diferente y siga las instrucciones verticales para navegar por la página. Por lo general, la técnica de división vertical también implica el uso de colores muy contrastantes, que capturan la atención de los usuarios y los invitan a explorar la página. Use el color cuidadosamente para expresar ciertas emociones
Este año estará lleno de desafíos en términos de la elección correcta, impactante o armoniosa de colores. Para obtener detalles extensos sobre el uso de colores, puede consultar este recurso en los esquemas de color del sitio web. Al usar sabiamente los colores, usted hace un llamado a las emociones de las personas, lo que los hace más inclinados a comprar sus productos o servicios, por ejemplo, el azul indica profesionalismo y se utiliza principalmente para sitios comerciales. El rojo se usa como imperativo para comprar, mientras que el naranja es el color de la juventud y la creatividad. Y la lista puede continuar …
Títulos de manejo a mano (títulos, subtítulos) + iconos de mano
Las letras e íconos a mano traen una nota humana al sitio. Básicamente, humanizan las páginas del sitio y crean una conexión más cercana con los lectores. Están en tendencia este año, enfatizando la comunicación auténtica con los visitantes del sitio. Ejemplos de texto escrito a mano: otro ejemplo de texto escrito a mano:
Puede encontrar una guía completa sobre la creación de tipografía escrita a mano al verificar este recurso. Y puede crear su propio estilo escrito a mano y abordar a los lectores en el tono que considere el más apropiado. También puede probar dos o más estilos de este tipo y ver cuáles determinan la mayoría de las conversiones.
Camino oscuro para algunos sitios
Ejemplo 1
Ejemplo 2
En 2020, The Dark Way inspirará a muchos diseñadores web. El texto blanco colocado sobre un fondo oscuro puede reducir la fatiga de los ojos y puede ser más fácil de leer. También capta la atención de los usuarios más fácilmente e intriga a los lectores para explorar mejor las páginas del sitio web. Además, los modos oscuros no permiten diseños web comunes y colocación en páginas. Invitan experiencia y nuevos enfoques para el diseño de sitios web. Esto se debe al hecho de que los modos oscuros son nuevos en el panorama del diseño web, de ahí la necesidad de nuevos diseños de sitios.
Mezclar fotografía con gráficos
Este año, las tendencias de diseño web de WordPress incluyen interesantes combinaciones de fotografía con gráficos. Tal fotografía y mezcla gráfica puede recorrer un largo camino que representa la identidad de la compañía, de manera inusual. Aquí hay un ejemplo de fotografía y mezcla gráfica:
