14 sitios web inspirados en la impresión
Durante años, he leído continuamente cómo la impresión es una industria moribunda y cómo los diseñadores de impresión están en peligro.
Es difícil argumentar, cuando muchos periódicos de renombre y revistas del pasado ven más lectores en línea que impresos. Es aún más difícil cuando muchas de estas revistas y periódicos dejan de imprimirse por completo para convertirse en digital completo.
Las habilidades del diseñador de impresión son demasiado básicas y no lo suficientemente interactivas en un mundo donde todo lo digital parece florecer. Los diseñadores de impresión se ven más lentos cuando tenemos que competir con sitios web que se cargan en menos de un segundo.
Los diseñadores de impresión son vistos como los antepasados ancestrales de los jóvenes y nuevos diseñadores web. Como diseñador de impresión, a veces me molesta esto y algunas veces lo abrazo. Comenzar en la impresión me permite ver desde una perspectiva más amplia en lugar de una visión estrecha. Puede ser desalentador para aquellos que comenzaron en la impresión hacer ese cambio a la web. Hace años, fue absolutamente intimidante. ¿Pero ahora? No tanto.
No es ningún secreto que el mundo del diseño web está atrapado en un atracón minimalista. Simplemente parece funcionar (por ahora). Hemos reducido nuestros sitios web a lo esencial y los hemos liberado de los diseños ocupados y de los gráficos extravagantes. Esto juega fácilmente en las manos del diseñador de impresión que rara vez tiene el lujo de tratar con este tipo de cosas.
En la impresión, cuanto más simple, mejor, y este es un mantra que rápidamente se está adoptando en la web ...
Heliom
Inmediatamente, comenzamos con un sitio que pone énfasis en grandes titulares y una columna de texto ajustada a la izquierda. Me recuerda los pliegos de revistas y los folletos que ofrecen una pequeña explicación al lado de una imagen. A medida que te desplazas hacia abajo, vemos más contenido organizado en maravillosas columnas, categorizadas por diferentes colores planos y titulares.
Freytag Anderson
Freytag utiliza un diseño que no se ve con demasiada frecuencia. Está bastante desequilibrado y hay algunos elementos que están uno encima del otro. Sin embargo, creo que la coherencia se crea con los titulares y la copia que parece tomar una página de ... bueno, otras páginas.
Dassel Und Wagner
La forma en que Dassel Und Wagner ha configurado su sitio web es, ante todo, extremadamente interesante y proporciona una excelente experiencia de usuario. En segundo lugar, me recuerda un montón de propagaciones de revistas. Con pocas adiciones gráficas a las imágenes y el tipo de encabezado sobre ellas, parece que Wagner ha tomado prestado un poco del lado simple e impreso de las cosas.
Joven y hambriento
Adoro y adoro la simplicidad de este sitio. La paleta de colores es lo suficientemente neutral como para poner énfasis en los lugares necesarios. Es un sitio bien diseñado que se parece mucho a una página de un folleto simple.
Conservación Costera
El texto inicial en este sitio se presenta como si estuviera en un papel que está en la parte superior del teléfono principal. A medida que te desplazas hacia abajo, notarás que el diseño del contenido real es muy similar a lo que vemos en libros y novelas. También hay un maravilloso toque añadido con la gorra, que obviamente se hizo popular en la impresión.
Fitz Fitzpatrick
La parte más interesante de este sitio web es el borde alrededor de la ventana del sitio. Esto es algo que veo mucho en el diseño impreso para que las cosas se destaquen. Me gusta cómo esto se incorporó casi sin saberlo en este diseño web.
Planes y política
Plans and Politics es definitivamente una forma poco ortodoxa de tratar sitios web. Parece que es esta gran imagen con diferentes textos, que navegas a través del cuadro en la parte superior izquierda de la pantalla. Me recuerda mucho a un mapa que tiene algunas descripciones, mientras que la navegación es la clave del mapa.
Newsweek
Bueno, obviamente Newsweek es una publicación bien conocida que, en algún momento, fue una publicación impresa. El año pasado, sin embargo, decidieron que querían unirse al mundo digital y ofrecer sus noticias solo en línea. Por supuesto, no sorprende que muchos de sus diseños y muchas de sus historias parezcan artículos impresos. Es lo que ellos saben.
Exponente PR
Exponent hace un gran trabajo al pedir prestado de muchos géneros de impresión, incluido el color del agua y la ilustración para crear su sitio. Tienen algunos elementos que son nativos de la web (pero que se pueden hacer en forma impresa) y tienen algunos diseños que le recordarán piezas rápidas en revistas y libros.
Millhaus
Creo que la imagen en blanco y negro se relaciona automáticamente con la impresión. Además, las imágenes tienen una ligera textura que parece ser una especie de papel grueso. La tipografía, de nuevo, parece tomar prestadas algunas técnicas de diseño de revistas y periódicos.
Montaje
Este sitio comienza como una introducción a la marca. A medida que te desplazas hacia abajo, obtienes un conjunto de imágenes en movimiento y un nuevo título para cada pieza. Me hace pensar en cómo usamos tarjetas didácticas para aprender cosas nuevas, y creo que esto puede ser un concepto prestado aquí. A medida que continúe desplazándose hacia abajo, verá columnas de texto, que obviamente es similar a lo que conocemos en forma impresa.
Hecho junto
Me gusta este sitio porque es extremadamente simple y tiene poca o ninguna pelusa. Es fácil de leer y comprender, y no es difícil determinar exactamente qué están vendiendo. No hay distracciones y nuevamente, siento que eso es algo estandarizado en la impresión. El diseño también parece estar arraigado allí, ya que tenemos muchos titulares con texto corporal centrado para ayudarnos a categorizar mejor nuestras secciones.
Magentur
Magetur es una agencia de impresión digital que usa una buena combinación de lo que es nativo de la web y lo que es nativo para imprimir. Los titulares en negrita y los colores de bloque planos ayudan a configurar tonos de diseño de impresión. Grandes efectos de desplazamiento y sombras en algunos elementos agregan un poco de carácter y nos muestran el lado del diseño web de las cosas. Si bien diría que este diseño todavía está muy basado en la impresión, esta es una maravillosa manera de mostrar cómo mezclar los dos.
Anne Vallés
Si se le entregó una carpeta llena de fotografías, es probable que cada fotografía tenga su propia página, y si las páginas fueran sueltas, tendría que pasar por cada página para ver cada imagen. Así es como se siente Anne Vallés configurando su cartera. Además, en la sección acerca de, el diseño del texto recuerda mucho al trabajo de impresión, con el uso de columnas.
Conclusión
No importa cuántas veces intente ingresar al mundo digital, hay algo sobre el papel. Prefiero hojear las páginas de un documento o el respaldo duro antes de deslizarme en un libro electrónico. Prefiero escribir mis ideas y listas de tareas pendientes que escribirlas en una aplicación en mi teléfono inteligente. Puedo ser demasiado "viejo" o tradicional, pero me ayuda con mi conexión con mi trabajo. Comprender este tipo de relación en la impresión hace que sea mucho más fácil de hacer en el diseño web. No mates la impresión todavía, porque se ha vuelto digital.
¿Qué aspectos del diseño de impresión sobreviven en los diseños de su sitio web? ¿Alguna vez reemplazaremos por completo la impresión? Háganos saber sus pensamientos en los comentarios.