Estilo Retrô - Uma viagem no tempo
Publicado em 22/11/06, na categoria Elementos e técnicas, Webdesign
O estilo retrô atualmente está sendo muito utilizado em quase todo tipo de propaganda, projetos de CD, moda e naturalmente, websites.
É usado na maioria das vezes pelo desejo de associar o conteúdo a algum elemento do passado.
Depois de analisar diversos sites, determinei três elementos principais que determinam o estilo retrô: a paleta de cores, as fotografias antigas, e as typefaces. Juntando todos esses elementos, conseguimos um tema completo.
- A Paleta de Cores
- Uma escolha de cores apropriada é fundamental para estabelecer um período de tempo específico. O período que você deseja representar é que deve tederminar as cores a serem utilizadas. Os tons de terra são os mais usados. Talvez, não necessáriamente por estarem associadas a determinado período de tempo, mas porque evocam idade, e é exatamente isso que precisamos.
- Fotografia antiga ou ilustração
- Em se tratando do estilo retrô, vale o ditado "uma imagem vale mais do que mil palavras" pois em quase todos os projetos que utilizam essa tecnica a fotografia ou ilustração é o elemento principal. Não fosse isso seria muito difícil transportar o usuário para um período de tempo diferente.
Um bom exemplo é o site Target Scope que tras uma Pin Up Girl em destaque, que é imediatamente associada a década de 40. A mocinha combinou perfeitamente com o clima militar, transportando o internalta para direto para a segunda guerra mundial. Tente imaginar esse mesmo site sem a modelo e verá o quanto ela é importante na composição. Outra imagem fundamental nesse layout é o fundo. O papel envelhecido é o acabamento perfeito e completa o pacote. - Typefaces
- Typeface, basicamente, é o conjunto de caracteres, símbolos e ideogramas que formam uma fonte, logo escreverei mais sobre isso. Pode parecer óbvio, mas a forma como você usa esse elemento pode determinar o sucesso de um projeto. Uma grande vairedade de fontes em estilo retrô, pode ser encontrada no Dafont.com, no final desse artigos vou listar mais alguns. Se não está seguro sobre qual tipo de fonte utilizar esse artigo sobre a história das Tipografia pode ajudar e também esse outro sobre a cronologia de classificação das fontes, ambos em inglês
Considere o site need2know a paleta de cor é de 1970, mas a grande caracteristica é a fonte do título que nos faz lembrar logo desse período. Mas cuidado para não abusar das fontes decorativas e sobrecarregar o projeto. Use principalmente em trechos pequenos que precisam de destaque. Observe como a maioria dos projetos a seguir usam fontes diferenciadas no título e fontes sutís no conteúdo
Exemplos de sites
Retrô no templateMonsters
Links
- Paleta de cores adobe Illustrator anos 50
- Paleta de cores Adobe Illustrator anos 60
- Brushes Photoshop: rh-girlz, SRB Retro Brushes, Rounded, Toys, Váriados
Tutoriais:
- Vetor Retrô simples Fundo com efeito interessante (inglês) Resultado
- Estrelas 80′ (inglês) Resultado
- Globo de Cristal Discoteca (inglês) Resultado
- Retrô Texto (inglês) Resultado
Imagens
- Retro Illustration Blog (grande inspiração)
- World War II Poster Collection
- Authentic History Center
- The Library of Congress: American Memory
- Smithsonian Institution Libraries
- Library of Congress Digital Collections & Programs
- The National Archives
- Duke University: Rare Book, Manuscript, and Special Collections Library
- The National Archives of the UK
- NYPL Digital Gallery
- 1800’s Ephemera
Free Retro Fonts
- dafont.com
- Font Diner (Fontes impressionantes — algumas gratuitas)
- History of Type
- Typeface Classification Timeline
- American Sign Museum
{mailform}


















Your are Nice. And so is your site! Maybe you need some more pictures. Will return in the near future.
[Responder]
Oi Dani _
Visitei seu site e gostei muito! Estava procurando dicas pra um visual retrô pra montar uma espécie de “album de recordações” e sei que vai me ajudar.
um abraço, Gi (Araçatuba/SP)
[Responder]
Djalma Araújo reply on Abril 4th, 2008 9:34:
Opa Dani, eu venho no teu blog sempre que posso através do Luiz Tiago, também conheço o Samico que comentou a cima.. Acho muito bacana seu trabalho ae e continua assim mesmo, que voce tem uns artigos muito muito muito bons!
Grande Abraço.
[Responder]
Devo dizer que adorei esse espaço… parabéns
[Responder]
É isso ae dani.
gostei muito… abraços
fuiii
[Responder]
Sensacional o seu blog. Estou começando nessa arte de design gráfico e vejo que tenho muito o que aprender. Ainda bem que tem gente como você que divide seu conhecimento com os novatos (categoria na qual eu me incluo).
Muito Obrigado,
Black 616 Panther
[Responder]
amei
[Responder]
OI DANI,
PARABÉNS PELO SITE, VAI ME AJUDAR MUITO NA MINHA NOVA COLEÇÃO 2008.
É MUITO BOM SABER QUE EXISTE PESSOAS INTELIGENTES E DISPOSTAS A AJUDAR O PRÓXIMO. TENHO CERTEZA QUE GANHARÁS EN DOBRO.
ABRAÇO
SANDRA- RIO GRANDE DO SUL
[Responder]
querida, quero saber o que é retrô.
Voce pode me esclarecer por favor?
Beijinho!!!
[Responder]
Ola Daniele Viana!
e gostei muito desta sua apresentação no site…
Primeiro gostaria de parabenizá-la pelo seu trabalho muito bom.
Trabalho a pouco tempo como design gráfico, estou começando rs
…E esta e vai me ajudar muito então um MUITO OBRIGADO pelo seu trabalho continue assim tu vai longe… PARABÉNS..
ROGÉRIO NIERO - COLATINA-ES
[Responder]
Daniele Viana,
Apesar dos erros de digitação no português, eu consegui utilizar a seu Artigo na minha pesquisa acadêmica, onde curso Design Gráfico sobre o estilo Retrô.
Valeu.
[Responder]
Ameiiiii!
[Responder]
uau! it’s perfect! :p
[Responder]