Encuentre inspiración de diseño para la Web ... en forma impresa
La inspiración del diseño está en todas partes. No hay nada como elementos táctiles sutiles que simplemente te dan ganas de soltar todo y crear algo. Esto es cierto incluso para diseñadores que solo trabajan en proyectos web o digitales.
Replicar la apariencia de algo real puede proporcionar una inspiración estelar para los proyectos. Solo piense en algunas de las formas en que el diseño real o impreso ha impactado el diseño del sitio web recientemente: el material y los estilos de diseño 3D tienen enlaces directos.
Hoy, veremos cosas que pueden inspirarlo a imprimir mientras se embarca en su próximo proyecto de diseño web. (Y tal vez incluso le enseñe algunas cosas sobre sus proyectos de diseño web).
Carteles
El diseño de carteles es un arte en sí mismo. Casi 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 una visión del pasado.
Si desea asumir un proyecto retro, los carteles son un excelente lugar para comenzar. Y las imágenes son fáciles de obtener gracias a una búsqueda en Google.
No es solo inspiración de la vieja escuela, como la imagen de arriba, lo que encontrarás. Los nuevos pósters impresos de estilo pueden ser igual de inspiradores. Pare y mire los diseños la próxima vez que vaya a ver una película. Piense en toda la información que guardan en el espacio: hay muchos egos para apaciguar 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 cantidad de información cuando se trata de un mapa del sitio web. Mire la estructura organizacional de un cartel; puede usar esa misma jerarquía: título 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 y las impresiones en una gran pieza de papel que ha sido estampada con una imprenta. El excelente 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 usa más comúnmente para invitaciones, anuncios y algunas tarjetas de visita.
Pero cuando se combina con un diseño agradable y simple, puede ser absolutamente impresionante.
Cuando se trata de traducir tipografía a la web, se trata de establecer profundidad. Se requiere especial cuidado 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 intenta hacer es crear algo en la pantalla que los usuarios puedan imaginar como un elemento físico.
embalaje
Una de las mejores cosas del diseño de empaque es que puede ser casi cualquier cosa. El embalaje 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 marcado "estilo Apple" se traduce en el más mínimo de los marcos. La traducción del sitio web probablemente incluye mucho espacio 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 arriba de la Galería Design Shack, es una lección para combinar elementos inesperados. ¿Habría imaginado estas opciones de color para el envasado de pasta? El concepto para llevar es que no tienes que hacer lo esperado. El diseño puede ser cualquier cosa y hacer lo que quieras. Experimenta con eso. Que te diviertas. Quizás incluso volverse un poco loco de vez en cuando.
Señalización
Hay signos en todas partes. Pero, ¿alguna vez te detienes y piensas por qué están construidos de la forma 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. Una señal efectiva 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 espacio perfecto para que el mensaje sea claro. Además, ese mensaje debe ser breve y legible de un vistazo.
¿A cuántos de sus proyectos no se aplican estos conceptos?
Preste atención a los letreros a su alrededor, desde los letreros verdes comunes a lo largo de las autopistas, no sin controversia sobre el tipo de letra, hasta los localizadores en los negocios y otros lugares que visita. Luego aplique algunas reglas rápidas y sucias para ver si sus letras pasan la prueba:
- ¿Es legible?
- ¿El tipo de letra es 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.
- ¿El mensaje o llamado a la acción es 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. Si sabe qué esperar del diseño de un viejo favorito o si está examinando algo nuevo, es una experiencia única. 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 de ver, generalmente hay al menos un diseño dentro de las páginas impresas.
Algunos de los elementos que son más útiles para 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 información en pequeños contenedores. Esto es algo de lo que hablamos mucho en diseño web, cómo usar elementos de contenedor 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 a pasar la portada. Muy pocos de nosotros pensaríamos en diseñar la página de inicio de un sitio web a la manera de la portada de una 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 mejores cosas cuando se trata de pensar en el diseño de impresión y cómo se puede usar 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 es impreso versus digital.
Encontrar inspiración en un tipo de diseño que es diferente del medio en el que trabaja habitualmente también puede ayudarlo a ampliar sus límites de pensamiento y abrir su mente para intentar algo un poco diferente. Entonces, la próxima vez que te encuentres parado y mirando algo, haz la pregunta: ¿Cómo podría tomar esta idea y usarla en un proyecto de diseño de sitios web?
Fuentes de imagen: Joe Wolf, Greg Rodgers, Liz Jones y Phil Roeder.
