A veces, el diseño que tiene el mayor impacto hace muchas cosas inesperadas y rompe algunas de las reglas más probadas y verdaderas de la teoría visual.
A veces, estos elementos de diseño funcionan de manera brillante y, a veces, son fugaces o están fuera de lugar. Este mes, todos los ejemplos que se muestran aquí parecen violar algunas reglas de diseño tradicionales. Aquí están las tendencias de diseño de este mes …
Contenido del Articulo
1. Marcos de imagen / video de la página de inicio alternativos
Esta tendencia rompe algunos estándares tradicionales y es bastante refrescante: marcos de página de inicio alternativos para imágenes y videos.
La pantalla completa o la relación de aspecto 16: 9 no es una ventana con opciones verticales y cuadradas que demuestren que puede hacer más con su colección de fotos.
Lo bueno de esta tendencia es que está recibiendo mucha atención debido a su interesante uso del espacio y las imágenes. Prácticamente cualquier diseño sin un título de héroe de tamaño completo llamará tu atención porque es diferente. Estos ejemplos lo confirman, y cada diseño lo hace de manera diferente.
Ahora el desafío es este: debes asegurarte de que este estilo tenga un respaldo móvil confiable para que el resultado sea igualmente impresionante.
Janmaat Fotografie es excelente para componer formas fotográficas interesantes y voltear el guión en un dispositivo móvil. (En lugar de lo que podría esperar del texto y no de las fotos debido a su ubicación en el escritorio, una pila de fotos usa la misma forma y capas y se ubica sobre el texto en un dispositivo móvil). El resultado es fenomenal.
El N3 utiliza una imagen muy vertical en un diseño de pantalla casi dividida. Esto está en marcado contraste con muchas de las otras pantallas divididas a las que estamos acostumbrados, con separaciones iguales. La forma clara de la imagen es interesante e intrigante. Definitivamente, esta no es la forma que vemos a menudo en el diseño web.
Bounce usa un efecto de pantalla dividida similar en la forma opuesta al ejemplo anterior, con un alto espacio vertical como área “en blanco” y el lado derecho lleno de video cuadrado. Las formas ayudan a empujar y atraer la mirada a través de la pantalla para ver todos los elementos y comprender el diseño general. Esta es una de esas ideas de que si solo estuvieras hablando de ella, podrías convencerte de no hacerlo, pero aquí es bastante sorprendente.
2. “Pegatinas” en pantalla
Las pegatinas son una tendencia de diseño que ha pasado de las redes sociales al diseño de sitios web.
Estos adhesivos de sitios web violan las pautas de diseño porque ocultan el contenido o parecen haberse aplicado accidentalmente al lienzo. ¡Y por eso llaman tanto la atención!
La ventaja de estos adhesivos es que pueden resaltar ciertos elementos o contenido, o ayudar a enfocar una llamada a la acción.
Friesday usa pegatinas en combinación con efectos de desplazamiento para permitir a los usuarios interactuar con el diseño. Incluso pueden aparecer varias pegatinas en la pantalla en un solo lugar. La animación es simple y divertida y parece un libro digital con pegatinas.
El 8 de agosto usa la calcomanía del centro como un llamado a la acción. Es un foco real en el centro de la pantalla con un efecto casi 3D que lo separa del video de fondo. Este es un patrón oscuro límite, ya que la única forma de eliminar el borde de la pantalla es ir a la página de compras del sitio web.
EasyGreen tiene una pegatina de color amarillo brillante en la esquina inferior, casi como una pegatina de fruta. Este estilo y ubicación se adapta bien al contenido y al producto presentado. Este elemento de diseño acerca un poco más el mundo digital al real.
3. Violación de las “reglas” de diseño
La tercera tendencia de este mes es una especie de táctica para romper las reglas generales. Mientras que otras tendencias muestran algunos elementos de diseño que no son la norma, cada uno de estos ejemplos realmente arroja por la ventana lo que usted piensa tradicionalmente sobre el diseño. (Y eso está bien).
El truco del diseño que rompe las reglas es que debe estar enfocado y ser lo suficientemente simple para involucrar a los usuarios y proporcionar elementos intuitivos que les indiquen cómo interactuar con el diseño. Es un delicado equilibrio.
Así es como lo hacen estos sitios.
Están sucediendo muchas cosas en el supercontinente. Al menos cuatro fuentes en la pantalla al mismo tiempo, movimiento (usando diferentes formas y relaciones de aspecto), elementos superpuestos, navegación oculta e incluso puede encontrar algunas reglas más rotas si observa de cerca. Y de alguna manera todavía funciona.
Lo que une este diseño es una regla clave inquebrantable: el caos tiene sus raíces en el sistema de cuadrícula que mantiene las cosas un tanto organizadas. Además, hay mucho espacio en blanco para evitar que los elementos se sientan abrumados y abrumados.
La fuente de residuos plásticos combina elementos de formas inesperadas. Sin navegación real; el sitio es simplemente un desplazamiento continuo. Esta gran regla de usabilidad del sitio web se rompe de inmediato. También hay otros elementos de diseño, desde un “título” / logotipo que se mueve hacia la esquina superior derecha hasta un margen transparente casi por encima de la parte superior para los elementos de texto. Algunas pantallas tienen mucho desplazamiento y acción, y capas de texto sobre texto.
Pero aquí está la característica especial de este diseño. Por mucho que se rompan las reglas, la historia es lo suficientemente interesante como para hacerte desplazarte. La pregunta es cuánto tiempo y hasta dónde puede llegar sin perderse o confundirse.
Debris of Attention está diseñado para mostrar un “mal diseño” con elementos que son frustrantes y molestos en los sitios web. El diseño gamificado le permite desplazarse sobre cada elemento para eliminarlo y borrar el diseño.
Si bien este sitio está rompiendo deliberadamente las reglas, sigue siendo un experimento sobre cuánto tiempo puede durar un usuario con tantos elementos visuales sucediendo al mismo tiempo.
Conclusión
Si bien la mayoría de las veces la gente piensa que “romper las reglas” es malo, esto no siempre es cierto en el campo del diseño. A veces, romper las reglas puede llevar a un placer inesperado.
El desafío es mantener el diseño cómodo, funcional y comprensible si se violan las reglas. Si es así, ha encontrado una combinación ganadora.
…
