La inspiración del diseño está en todas partes. No hay nada como los elementos táctiles sutiles que te dan ganas de dejarlo todo y crear algo. Esto es cierto incluso para los diseñadores que solo trabajan en proyectos web o digitales.
Replicar la apariencia de algo real puede proporcionar una inspiración estelar para proyectos. Solo piense en algunas de las formas en que el diseño real o impreso ha impactado el diseño de sitios web recientemente: los estilos de diseño 3D y de material tienen enlaces directos.
Hoy, vamos a ver las cosas que pueden inspirarte en la impresión a medida que te embarcas en tu próximo proyecto de diseño web. (Y quizás incluso enseñarte algunas cosas sobre tus proyectos de diseño web).
Los carteles
El diseño del cartel es un arte en sí mismo. Casi se puede ver la evolución en el diseño, y la tecnología utilizada para crear esos diseños, en diferentes carteles. Desde películas hasta eventos deportivos, los estilos, colores y tipos de letra utilizados ofrecen un vistazo al pasado.
Si desea participar en un proyecto retro, los carteles son un buen lugar para comenzar. Y las imágenes son fáciles de conseguir gracias a una búsqueda en Google.
No es solo la inspiración de la vieja escuela, como la imagen de arriba, lo que encontrarás. Los nuevos carteles impresos de estilo pueden ser igual de inspiradores. Detente y mira los diseños la próxima vez que vayas a ver una película. Piense en toda la información que contienen en el espacio (hay muchos egos que apaciguan cuando se trata de nombres (y el tamaño de los nombres) impresos) sin que sea demasiado abrumador.
Ir a este tipo de diseño puede ayudarlo a pensar en un proyecto que incluya una gran parte de la información cuando se trata de un mapa del sitio web. Observa la estructura organizativa desde un póster; puede utilizar esa misma jerarquía: encabezado grande, imagen dominante, texto secundario e información de pie de página.
Tipografía
No hay nada como pasar los dedos por los surcos e impresiones en una gran pieza de papel que ha sido estampada con una tipografía. El gran papel y las hermosas tintas solo se suman a la experiencia de manejar un gran diseño.
Debido a que la impresión tipográfica es un poco cara cuando se trata de imprimir, no se ve tan a menudo. La técnica se utiliza más comúnmente para invitaciones, anuncios y algunas tarjetas de visita.
Pero cuando se combina con un diseño bonito y simple, puede ser absolutamente impresionante.
Cuando se trata de traducir tipografía a la web, se trata de establecer la profundidad. Se presta especial atención en términos de sombras y relieve para agregar este elemento de una manera que no sea abrumadoramente cursi. Tenga en cuenta que lo que está tratando de hacer es crear algo en la pantalla que los usuarios puedan imaginar como un elemento físico.
embalaje
Una de las mejores cosas sobre el diseño de empaques es que puede ser casi cualquier cosa. El empaque puede adoptar el aspecto súper simple y moderno asociado con los productos de Apple, o puede estar lleno de imágenes y letras complejas.
Cualquiera puede inspirar un gran diseño.
- ¿El estilo de Apple? Se traduce al más mínimo de los marcos. La traducción del sitio web probablemente incluya un montón de espacios en blanco, elementos con bordes duros y letras simples con la menor cantidad de palabras posible.
- El diseño de empaque ocupado, como la imagen de la Galería Design Shack, es una lección sobre cómo combinar elementos inesperados. ¿Habría imaginado estas opciones de color para el envasado de pasta? El concepto que debe quitarse es que no tiene que hacer lo esperado. El diseño puede ser cualquier cosa y hacer lo que quieras. Experimenta con ello. Que te diviertas. Tal vez incluso ir un poco loco de vez en cuando.
Señalización
Hay señales por todas partes. Pero, ¿alguna vez realmente te detienes y piensas por qué están construidos de la manera en que están? ¿O por qué las letras y el diseño tienden a caer en patrones específicos?
La señalización puede ser una de las mejores fuentes de aprendizaje cuando se trata de letras y tipografía. Un signo eficaz es fácil de leer. Y más que eso, es fácil de leer a una distancia apropiada para el mensaje. Las letras tienen que contrastar con el fondo. Las palabras deben tener un espaciado perfecto para que el mensaje sea claro. Además, ese mensaje debe ser breve y legible de un vistazo.
¿Cuántos de tus proyectos hacen estos conceptos? no ¿aplicar para?
Preste atención a los letreros que lo rodean, desde los letreros verdes comunes a lo largo de las autopistas, no sin controversia sobre el tipo de letra, hasta los localizadores de negocios y otros lugares que visite. Luego aplique algunas reglas rápidas y sucias para ver si sus letras pasan la prueba:
- ¿Es legible?
- ¿Es el tipo de letra simple y confiable? (Esto es particularmente importante en la web.)
- ¿Las opciones de color crean suficiente contraste? Las opciones de mayor contraste incluyen negro sobre amarillo, negro sobre blanco, amarillo sobre negro, blanco sobre negro y azul sobre blanco para señales exteriores.
- ¿Es el mensaje o llamado a la acción simple?
- Se venden imágenes simples. Muchos signos comunes incluyen logotipos simples que son identificables incluso sin palabras.
Revistas
Nada se compara con la sensación de abrir una revista por primera vez. Hay un elemento de anticipación para ver el contenido dentro. Ya sea que sepa qué esperar del diseño de un antiguo favorito o que esté examinando algo nuevo, es una experiencia diferente a cualquier otra. Cada página tiene algo nuevo que ofrecer y hay mucho espacio para sentirse inspirado.
Desde el contenido real hasta los anuncios impresos, que también pueden ser divertidos, generalmente hay al menos un diseño para llevar dentro de las páginas impresas.
Algunos de los elementos que son más útiles al mirar una revista y reutilizar ideas para la web son la forma en que se utilizan los pequeños bloques de contenido. Las revistas a menudo están llenas de divots de información en pequeños contenedores. Esto es algo de lo que hablamos mucho en el diseño web, cómo usar los elementos de los contenedores de manera efectiva, y para propósitos de diseño, las revistas pueden ser un gran lugar para comenzar a buscar ideas.
La otra cosa que las revistas hacen particularmente bien es atraerlo para que pase la portada. Muy pocos de nosotros pensamos en diseñar una página de inicio de sitio web a la manera de una portada de revista, con tantos elementos, texto, colores e imágenes. Pero, ¿qué pasaría si pudiera ofrecer a los usuarios tantos puntos de entrada en el contenido? ¿Cómo lo diseñarías?
Conclusión
Una de las grandes cosas cuando se trata de pensar en el diseño de impresión y cómo se puede utilizar para la web, es la idea de cómo las personas digieren la información. Muchas de esas ideas no cambian porque el diseño se imprime en lugar de digital.
Encontrar inspiración en un tipo de diseño que sea diferente del medio en el que trabaja normalmente también puede ayudarlo a ampliar los límites de sus pensamientos y abrir su mente para probar algo un poco diferente. Entonces, la próxima vez que se detenga y vea algo, haga la pregunta: ¿Cómo podría tomar esta idea y utilizarla en un proyecto de diseño de sitio web?
Fuentes de imagen: Joe Wolf, Greg Rodgers, Liz Jones y Phil Roeder.