Encontre inspiração de design para a Web… em impressão
A inspiração do design está em toda parte. Não há nada como elementos táteis sutis que apenas fazem você querer largar tudo e criar algo. Isso é verdade mesmo para designers que trabalham apenas em projetos web ou digitais.
Replicar a aparência de algo real pode fornecer inspiração estelar para projetos. Pense em algumas das maneiras pelas quais o design real ou impresso afetou o design do site recentemente - os estilos de material e design 3D têm links diretos.
Hoje, veremos as coisas que podem inspirá-lo na impressão ao embarcar no seu próximo projeto de web design. (E talvez até ensine algumas coisas sobre seus projetos de web design.)
Pôsteres
O design de pôsteres é uma arte em si. Você quase pode ver a evolução no design - e a tecnologia usada para criar esses designs - em diferentes pôsteres. De filmes a eventos esportivos, os estilos, cores e tipos de letra usados oferecem uma visão do passado.
Se você quer assumir um projeto retrô, os pôsteres são um ótimo lugar para começar. E é fácil encontrar imagens graças a uma pesquisa no Google.
Não é apenas a inspiração da velha escola, como a imagem acima, que você encontrará. Novos pôsteres impressos com estilo podem ser igualmente inspiradores. Pare e olhe para os desenhos da próxima vez que assistir a um filme. Pense em todas as informações que eles contêm no espaço - há muitos egos para apaziguar quando se trata de nomes (e do tamanho dos nomes) impressos - sem que isso seja excessivo demais.
Ir a esse tipo de design pode ajudá-lo a pensar em um projeto que inclui muitas informações quando se trata de um mapa do site. Veja a estrutura organizacional de um pôster; você pode usar a mesma hierarquia - título grande, imagem dominante, texto secundário e informações de rodapé.
Tipografia
Não há nada como passar os dedos pelas ranhuras e impressões em uma grande quantidade de material que foi estampada com uma tipografia. Um ótimo papel e belas tintas contribuem apenas para a experiência de lidar com um ótimo design.
Como a impressão tipográfica é um pouco cara quando se trata de impressão, você não a vê com tanta frequência. A técnica é mais comumente usada para convites, anúncios e alguns cartões de visita.
Mas quando combinado com um design simples e agradável, pode ser absolutamente deslumbrante.
Quando se trata de traduzir tipografia para a web, é uma questão de estabelecer profundidade. É preciso um cuidado especial em termos de sombras e relevo para adicionar esse elemento de uma maneira que não seja excessivamente brega. Lembre-se de que o que você está tentando fazer é criar algo na tela que os usuários possam imaginar como um elemento físico.
Embalagem
Uma das coisas mais legais sobre o design de embalagem é que pode ser quase tudo. A embalagem pode assumir a aparência super simples e moderna associada aos produtos da Apple, ou pode conter imagens e letras complexas.
Qualquer um pode inspirar um ótimo design.
- O forte "estilo Apple" se traduz no mais mínimo de frameworks. A tradução do site provavelmente inclui muito espaço em branco, elementos com arestas duras e letras simples com o mínimo de palavras possível.
- O design de embalagens ocupadas, como a imagem acima da Design Shack Gallery, é uma lição de combinação de elementos inesperados. Você imaginaria essas opções de cores para embalagens de massas? O conceito a ser retirado é que você não precisa fazer o esperado. O design pode ser qualquer coisa e fazer o que você quiser. Experimente com isso. Diverta-se. Talvez até enlouqueça de vez em quando.
Sinalização
Há sinais por toda parte. Mas você realmente para e pensa por que eles são construídos da maneira que são? Ou por que as letras e o design tendem a cair em padrões específicos?
A sinalização pode ser uma das maiores fontes de aprendizado quando se trata de letras e tipografia. Um sinal eficaz é fácil de ler. E mais do que isso, é fácil ler a uma distância apropriada para a mensagem. As letras precisam contrastar com o fundo. As palavras precisam ter espaçamento perfeito para que a mensagem fique clara. Além disso, essa mensagem precisa ser sucinta e legível à primeira vista.
A quantos de seus projetos esses conceitos não se aplicam?
Preste atenção nos sinais ao seu redor, desde os sinais verdes comuns ao longo das estradas - não sem controvérsia sobre o tipo de letra - até os localizadores nos negócios e em outros lugares que você visita. Em seguida, aplique algumas regras rápidas e sujas para verificar se suas letras passam no teste:
- É legível?
- O tipo de letra é simples e confiável? (Isso é particularmente importante na web.)
- As opções de cores criam contraste suficiente? As opções de maior contraste incluem preto no amarelo, preto no branco, amarelo no preto, branco no preto e azul no branco para sinais externos.
- A mensagem ou apelo à ação é simples?
- Imagens simples são vendidas. Muitos sinais comuns incluem logotipos simples que são identificáveis mesmo sem palavras.
Revistas
Nada se compara à sensação de abrir uma revista pela primeira vez. Há um elemento de antecipação para ver o conteúdo dentro. Se você sabe o que esperar do design de um favorito antigo ou está examinando algo novo, é uma experiência diferente de qualquer outra. Cada página tem algo novo a oferecer e há muito espaço para se sentir inspirado.
Desde o conteúdo real até os anúncios impressos - o que também pode ser divertido de ver - geralmente há pelo menos uma sugestão de design dentro das páginas impressas.
Alguns dos elementos mais úteis para examinar uma revista e reorientar idéias para a Web são a maneira como pequenos blocos de conteúdo são usados. As revistas costumam estar repletas de informações em pequenos recipientes. Isso é algo sobre o qual falamos muito em web design - como usar elementos de contêiner de maneira eficaz - e, para fins de design, as revistas podem ser um ótimo lugar para começar a procurar idéias.
A outra coisa que as revistas fazem particularmente bem é seduzi-lo a passar pela capa. Poucos de nós pensariam em criar uma página inicial de um site da maneira de uma capa de revista, com tantos elementos, textos, cores e imagens. Mas e se você pudesse oferecer aos usuários tantos pontos de entrada no conteúdo? Como você o projetaria?
Conclusão
Uma das grandes coisas quando se trata de pensar em design de impressão e como ele pode ser usado para a web é a idéia de como as pessoas digerem informações. Muitas dessas idéias não mudam porque o design é impresso versus digital.
Encontrar inspiração em um tipo de design diferente do meio em que você normalmente trabalha também pode ajudá-lo a estender seus limites de pensamento e abrir sua mente para tentar algo um pouco diferente. Então, da próxima vez que você estiver parado e olhando alguma coisa, faça a pergunta: Como eu poderia pegar essa idéia e usá-la em um projeto de design de site?
Fontes da imagem: Joe Wolf, Greg Rodgers, Liz Jones e Phil Roeder.
