Transformando Imagens de Cartazes de Propaganda em Web Design Moderno
O impacto é a chave no design. Faça o espectador tomar conhecimento. Persuadi-los a ficar. Faça com que eles vejam a mensagem e depois a vendam.
Design é o equilíbrio de elementos para criar uma mensagem visual e nada é melhor do que o cartaz de propaganda. Simples, ousadas e comoventes, estas foram usadas ao longo da história para provocar uma resposta emocional nas pessoas. Ele tem sido usado em anúncios, capas de álbuns, política, guerra e pode ser usado em web design para um impacto realmente impressionante e incrível.
Não se trata apenas de exemplos, pois muitos cartazes de propaganda quebram as regras do mundo real. Esqueça o que aprendeu nas aulas de desenho e pintura de fundações. Não há como negar que os cartazes de propaganda são populares por seus visuais poderosos, bem como a nostalgia que eles evocam: de dias melhores, quando todos nós tentamos nos matar com um abandono alegre e retratamos outras culturas como menos que humanas.
A propaganda é uma mensagem que pode ou não ser verdadeira, mas convence as pessoas a ver sua mensagem e persuadi-las de que é a verdade. Esse poder pode ser aproveitado pelos web designers para a interface do usuário, que fará os ateus orarem e o pecado devoto.
* Nota do autor: Os pôsteres são apresentados apenas como exemplos de design e de forma alguma promovem, desculpam ou destacam o fascismo, o comunismo, o patriotismo ou qualquer outro “ismo” que exista ou tenha existido. Este artigo trata do poder das imagens e de um levantamento do que as torna tão persuasivas. Eles não foram escolhidos para ofender ninguém ... mas eles vão. Isso faz parte do poder deles e do que vamos explorar.
Alguns exemplos de imagens poderosas
A propaganda de guerra incluiu as imagens mais notáveis da história da coerção. Usos grandes e arrojados de homens e mulheres fortes e corajosos, dedicação desinteressada de soldados e civis, sofrimento de civis, linhas pesadas, ângulos e profundidade, e uso poderoso de imagens fotográficas, cor e sombreamento.
Heróico e arrojado! Ele romantiza a guerra e aqueles que lutam, lutam e morrem. Observe como as linhas de perspectiva criam um foco dramático. A perspectiva não é real, mas o impulso da não-realidade ajuda o poder das imagens. Observe também que as imagens são escuras, o que acrescenta mistério e força. As áreas mais claras nessas imagens caem nos rostos. Rostos severos e decididos, que são o elemento humano nos cartazes.
No topo de imagens poderosas, os estereótipos de torção desumanizam o inimigo alvo. É muito mais fácil matar os outros se eles são monstros, ao invés de seres humanos. Não muito tempo atrás, nos dias sombrios da propaganda na Madison Avenue, as pessoas bonitas usavam o melhor produto, enquanto pessoas feias e estúpidas usavam a outra marca e sofriam com roupas sujas e mau hálito. Ninguém queria ser "essas" pessoas.
É claro que usar emoção, culpa, furor e morte são grandes motivadores. Ele funciona para a guerra e, como vimos nas próximas eleições presidenciais de 2012, política! Dizia-se de publicidade que se você colocar um filhote ou bebê em uma imagem, você terá um anúncio vencedor. Se você tem um bebê com um cachorro, você terá o maior anúncio! Na propaganda, uma mãe morta com seu bebê chorando era a maneira de estimular as emoções. Você pode imaginar um filhote morto lá também?
O truque para todos os ângulos
Um dos elementos mais poderosos desses designs é algo que você provavelmente não vê: as áreas de máxima atenção. Os ângulos usados no design desses pôsteres empurram o olho, chamam atenção e criam movimento e até mesmo resposta emocional. Vamos detalhar algumas das técnicas de layout nesses pôsteres.
Usando as áreas de máxima atenção não é apenas para chamar a atenção para a imagem nos cartazes mostrados aqui, é também usar a área da imagem para tornar o espaço negativo mais importante e poderoso. Use essa atenção e poder para os elementos que você precisa para navegar e educar. Fotógrafos, ilustradores e designers de grandes cartazes de propaganda conheciam o poder da angularidade que capturavam em seu trabalho.
Um dos melhores exemplos de empurrar ângulos e quebrar as regras da vida real são os cartazes de propaganda (embora alguns se refiram a eles como “motivacionais” ou “baseados em causas”) criados na China. Ângulos ascendentes para aqueles na vanguarda, perspectiva descendente de multidões atrás deles e elementos gigantescos que assumem a mesma importância que os elementos menores, mas tudo mantém a mesma atenção sem dominar o outro elemento.
Normalmente, em profundidade de campo, os elementos no segundo plano aparecem borrados e suaves, mas esses exemplos de pôsteres quebram essa realidade e fazem isso com extrema eficácia. Ele gera uma mensagem poderosa e vale a pena explorá-lo para uso no design de páginas da web. Eu não entendo porque alguém não usou isso, exceto com todo mundo segurando iPads em vez do livrinho vermelho do presidente Mao.
O espaço negativo também funciona bem em conjunto com esses elementos mistos e esse é o espaço que você usará para texto, menus ou qualquer outra coisa que precise se esconder à vista. Os ângulos das imagens também ajudarão a destacar o que você escolher colocar nessa área. De uma chance. Abra um cartaz de propaganda no Photoshop e coloque um menu, uma foto ou um logotipo e veja como ele se destaca.
Cores e emoção
Fique atento às cores desses pôsteres. Eles empurram algumas paletas estranhas, mas eficazes. A cor é um poderoso motivador do sentido da visão, assim como o aroma é usado para o sentido do olfato. Cores trazem resposta emocional no espectador. Nossas associações pessoais e culturais afetam nossa experiência de cor.
Como escrevi em um artigo sobre a psicologia da cor, as cores são vistas como quentes ou frias, principalmente por causa de associações de longa data (e muitas vezes transculturais). Amarelo, laranja e vermelho estão associados ao calor do sol e do fogo; verde, azul e violeta com a frieza das folhas, do mar e do céu. As cores quentes parecem mais próximas do espectador do que as cores frias, mas as cores vivas e frias podem sobrecarregar a luz e as cores quentes sutis.
Embora o vermelho, o amarelo e o laranja sejam em geral considerados cores de alta excitação e o azul, verde e a maioria das violetas sejam de baixa excitação, o brilho, a escuridão e a leveza de uma cor podem alterar a mensagem psicológica. Enquanto uma luz azul-esverdeada parece ser tranqüila, úmida e fria, uma turquesa brilhante, muitas vezes associada a um ambiente tropical do oceano, vai aparecer mais aos olhos do espectador. A associação psicológica de uma cor é muitas vezes mais significativa do que a experiência visual dos próprios elementos.
Estudos também mostraram que certas cores podem afetar o desempenho. Expor os alunos à cor vermelha antes de um exame demonstrou ter um impacto negativo no desempenho do teste. Mais recentemente, pesquisadores descobriram que a cor vermelha faz com que as pessoas reajam com maior velocidade e força, algo que pode ser útil durante as atividades esportivas.
O preto é a cor do mistério, autoridade, poder e mal. É popular na moda porque supostamente faz as pessoas parecerem mais magras. Também é considerado elegante e intemporal. O preto pode ser acentuado com qualquer outra cor, pois é a última cor neutra, embora seja a mais poderosa.
Branco é limpeza, esterilidade, inocência e pureza. Branco reflete luz e é considerado uma cor do verão. O branco é popular na decoração e na moda porque, como no preto, mas no extremo oposto do espectro, é leve, neutro e combina com tudo.
O vermelho é a cor mais emocionalmente intensa. É a cor do sangue, a cor do diabo, Marte (o deus da guerra), mas também a cor do coração do Dia dos Namorados. O vermelho estimula um batimento cardíaco e respiração mais rápidos. Os laços vermelhos são conhecidos como “laços de poder” e são favorecidos pelos CEOs e políticos. Carros vermelhos, de acordo com estatísticas policiais, são alvos populares para ladrões. Na decoração, o vermelho é geralmente usado como um acento para chamar a atenção em uma sala ou para uma porta.
A cor mais romântica, rosa, que é um tom de vermelho, é mais tranquila e considerada feminina. Candy é muitas vezes rosa e é uma cor que inspira felicidade.
Azul, como a cor de um céu claro e um oceano profundo, é uma das cores mais populares. Isso faz com que a reação oposta seja vermelha. O azul faz com que o corpo produza substâncias químicas calmantes e tranquilizantes, por isso é frequentemente usado em quartos. Azul também pode ser frio e deprimente. Consultores de moda recomendam usar azul para entrevistas de emprego porque simboliza a lealdade. As pessoas são mais produtivas em salas azuis. Estudos alegam que levantadores de peso são capazes de lidar com pesos mais pesados em ginásios azuis.
O verde simboliza a natureza e a reciclagem atual, salvando o movimento do planeta. É a cor mais fácil do olho e é relatada para melhorar a visão. É uma cor calmante e refrescante. Pessoas esperando para aparecer na TV sentam-se em “salas verdes” para relaxar. Os hospitais costumam usar verde porque relaxa os pacientes. O verde escuro é masculino, conservador e implica riqueza. É também uma cor de sorte, como em um trevo de quatro folhas.
Amarelo é uma cor alegre e alegre que chama a atenção, especialmente quando combinada com uma cor forte e contrastante. Embora seja considerada uma cor otimista, as pessoas perdem o ânimo com mais frequência, e os bebês choram mais, em salas amarelas. É a cor mais difícil para o olho absorver, então pode ser avassaladora se usada em excesso. Tente olhar para uma parede amarela de um site por um longo período e você provavelmente terá uma dor de cabeça. Acredita-se, no entanto, que o amarelo aumenta a concentração e acelera o metabolismo.
O roxo é a cor da realeza e conota luxo, riqueza e sofisticação. Isto também é feminino e romântico. No entanto, porque é raro na natureza, roxo pode parecer artificial e muitas vezes provoca uma "vibração" quando não usado em uma paleta de cores adequada.
Brown é sólido, confiável e é a cor da terra. É abundante na natureza, mas tons variados têm respostas emocionais muito diferentes. Castanho claro implica genuinidade, enquanto marrom escuro é semelhante a madeira ou couro. Brown também pode estar triste e melancólico. O castanho é frequentemente considerado uma cor “masculina”.
Cartazes para os que estavam na frente da casa eram mais felizes e certamente mais coloridos. O uso de cores foi enérgico e amigável. Eles se motivaram ao aumentar o orgulho emocional que os civis precisavam sentir durante a guerra, tanto para a produção de guerra quanto para encorajar voluntários para os serviços armados. Negrito áreas de cor são sempre um movimento vencedor no design!
Traduzindo tudo isso para a web
Você, sem dúvida, viu artigos com “ótimos sites de uma página” e “incríveis páginas de introdução” (para que não nos esqueçamos hilariante 404 páginas não encontradas ). Uma imagem pode ter mais poder e atenção do que uma página de mil elementos. Simplicidade é o estímulo humano preferido e estamos nos tornando mais acostumados à simplicidade. Um botão, uma ação. Uma escolha, uma solução. Uma pergunta, uma resposta. A força se tornou algo que atravessa níveis de compreensão. Simples e forte fala a todos os níveis de educação. Todos os cartazes deste artigo foram projetados para falar com todos os membros da sociedade em que viviam. Eles contavam com legibilidade reconhecível e resposta emocional.
Embora estes possam não ser sites da web, é óbvio que os designers que criaram essas peças receberam a mensagem sobre o design de propaganda. Para ver mais exemplos, basta usar o Google "Cartazes de propaganda de Star Wars".
Ainda é sobre a navegação
A cor e a imagem atrairão o espectador. Elas o fascinam e fazem com que elas queiram explorar o site. Então, como você faz disso uma experiência agradável e eficiente? Botões e links devem se apresentar em locais fáceis de identificar. Eles devem ser legíveis, fáceis de clicar e se apresentar em locais mapeados em todo o site. Você já clicou em um link de tipo pequeno em um site e percebeu que era o link errado porque os links ou botões eram muito pequenos e muito próximos? Nada fará um espectador deixar um site mais rápido do que uma navegação frustrante.
Com todos esses elementos misturados, seu talento como designer e um pouco de conhecimento e inspiração, você pode criar páginas da Web impressionantes, sejam sites de página única ou várias páginas para apenas um site. Melhor ainda se for feito para propósitos pacíficos!
Você criou um site ou uma peça impressa com base em cartazes de propaganda? Nos dê um link e compartilhe!