Apesar de não trabalhar diretamente com Web Design, tenho um certo gosto pela coisa, aprecio páginas com um bom design e chego ser mais chato ainda para navegações e usabilidade em sites.
Mas falando em Design para Web, por indicação do amigo Márcio, entrei no site ThinkVitamin.com
e encontrei um artigo muito interessante produzido por Larissa Meek, Diretora de Arte e estado unidense de St. Louis.
Entrei em contato e pedi autorização da tradução e postagem em meu blog, tive um retorno rápido, e cá está, prontinho para degustação de todos
A tradução foi feita pela minha namorada Renata de Moraes Silva, eu tentei fazer o possível para adaptar ao nosso dialeto.
7 Movimentos do Web Design
Botões brilhantes, fundos ornamentais, interfaces futurísticas. Somos culpados de tempos em tempos por confiar, ou sempre cair no mesmo layout dentre os 7 Movimento do Web Design.
No artigo a seguir Larissa Meek fala a razão e o porque de serem clássicos.
Se você é um Web Designer, esses 7 movimentos do Web Design te perseguem. É uma relação de amor e ódio. Você diz para sí mesmo “Eu quero criar algo que nunca foi feito antes” mas no fundo você sabe o que realmente funciona e como funciona.
Infelizmente, você também sabe que o que funciona já foi feito milhões de vezes.
Não importa o quanto você ou qualquer outro tipinho-criativo se esforce para fazer algo novo, a história criou uma série de estilos clássicos que, basicamente se torna a mesma coisa, exceto por uma minoria de atualizações.
Pegue o mundo da moda como exemplo. Algo está em moda em um minuto e fora de moda em outro porque agente se cansa de ver a mesma coisa dia após dia. O mesmo exemplo vai ocorrer com Web Design.
De qualquer modo, assim como existem roupas super descoladas, existe também o pretinho básico, e claro isso se encaixa para Web Design.
Nem todo site deve se encaixar em cada categoria exata, podem haver combinações de estilos diferentes.
1. Colagismo // Faça-o imperfeito
A inspiração por traz da colagem é a de criar algo novo fora dos pedaços velhos.
O estilo Colagismo em Web Design, consiste de elementos como papel, fita, textura, gotejamento, sprays, respingos e até manchas de café.
Esse estilo é um tanto quanto tangível e é o contraponto da “perfeição da limpeza geométrica” que os computadores naturalmente trazem.
Você tem visto este estilo em todo lugar, desde uma surf shop, a uma igreja.
O segredo desse estilo é se libertar, ir além do óbvio e buscar inspirações desordeiras.
Use imagens de fundo para fazer as coisas parecerem retorcidas (tortas, viradas de lado errado).
No entanto seu texto tem que estar alinhado, você pode enganar os olhos das pessoas com imagens de fundo que não são retas (alinhadas). Isso cria um ar de movimento com organização.
Aplicação em arte do Colagismo
Exemplos de site com uso do Colagismo:
2. Ornamentismo // Decoração interior
Podem ser similar ao Colagismo, mas a essência do ‘fleur de lis’ e Art Nouveau ornamentada distingue esse estilo dos outros.
Isto é freqüentemente visto na web em modelos de fundo ou em elementos de enquadramento.
O Design Ornamental é inspirado pela arquitetura, onde os ornamentos são usados como acentos decorativos de pedra, árvores, metais preciosos ou gesso.
A forma mais fácil de iniciar esse movimento é utilizar fundos com cores pastéis.
Aplicação em arte do Ornamentismo
Exemplos de site com uso do Ornamentismo:
3. Brilhismo // Refletivo, não?
Esse é o estilo mais popular da Web hoje em dia.
Você o vê em todo lugar; é o melhor termo que caracteriza a Web 2.0 no que se refere à design.
Isso inclui degradês com cores de tons de jóias que são tão brilhantes que te dão vontade de lamber o monitor. Reflexos e botões brilhantes são fundamentais para esse movimento do Web Design.
Esse estilo veio pra ficar até que muita gente se canse de olhar pra ele.
Ele cria um senso de limpeza e facilmente guia o usuário para uma interface que também inclui cores fortes, contornos, raios de sol, icones, cantos arredondados e bolhas.
Aplicação em arte do Brilhismo
Exemplos de site com uso do Brilhismo
4. Letrismo // Letras se tornam arte.
Esse movimento é totalmente inspirado pelo mundo impresso e é predominantemente visto como “primo” das revistas tradicionais.
Sua característica conta com uma tipografia poderosa em vez de decorações ou elementos de Design.
A tipografia por si própria se torna um estimulante visual, tornando a adição de outras fotografias, ilustrações ou decoração quase desnecessária.
A inspiração para o Letrismo pode ser encontrada em cartazes artísticos da epoca que marcou inicio do design moderno, que usa ilustrações combinadas com a tipografia bold.
A arte moderna do grafite pode estar relacionada com esse movimento também.
Aplicação em arte do Letrismo
Exemplos de site com uso do Letrismo
5. Futurismo // Projete para 1000 anos-luz
Esse foi um dos primeiros movimentos do Design na Web, mas não é muito utilizado hoje em dia.
No futuro eu posso ver essa criação voltando, não exatamente da mesma forma mas com algo novo, com algo misto.
Esse estilo é traduzido através de formas geométricas como circuitos de computador, placa-mãe e engrenagens mecânicas.
Em resumo, esse movimento é o reflexo da tecnologia e do que nós deveríamos prever para o futuro.
Aplicação em arte do Futurismo
Exemplos de site com uso do Futurismo
6. Minimalismo // O menos é mais
O movimento minimalista foi uma resposta ao abuso que a nossa percepção tirou das páginas da web mais prematuras quando os backgrounds eram limpos, os textos usavam cores primárias…
Minimalismo é o termo pela arte e pelos círculos de literatura, para descrever um movimento em direção à simplificação extrema da forma e da cor.
Minimalismo, como dizem os web designers, foca a usabilidade, a estética e permite que o conteúdo seja a estrela.
Esse tipo de Design não deve ser chato. Na realidade, o uso apropriado dos espaços em branco dá lugar a um nível de sofisticação que é geralmente ocultado dos sites que têm o espaço todo carregado de informações.
Aplicação em arte do Minimalismo
Exemplos de site com uso do Minimalismo
7. Retroísmo – Um sopro do passado
Design retrô inspire-se conforme o passado, como os looks ilustrativos dos anos 50, o flower power dos anos 60, o disco dos anos 70 ou até a Pop Art dos anos 80.
Estilos atuais e gráficos dessas eras foram restritos pelas limitações da tecnologia de hoje em dia.
O Retroísmo tira vantagem dos icones que essas limitações criaram.
O VW Fusca é um ótimo exemplo – compare o fusca de 1961 com o novo conversível de 2000.
Quando se usa esse estilo é bom não exagerar nos elementos.
Aplicação em arte do Retroísmo
Exemplos de site com uso do Retroísmo
O Design pode evoluir, mas o básico permanece o mesmo.
O mundo de forma organizada altera o seu pensamento visual.
Você vê esse pensamento organizado em todo lugar, desde as cores que usamos para pintar nossas paredes até as formas da moda que decoram nosso corpo.
Até porque as coisas são sempre envolventes, movimentos básicos vão permanecer os mesmos.
Então, da próxima vez que você estiver procurando inspiração, apenas retome o básico e adicione o seu próprio toque.
Os 7 movimentos do Web Design listados acima não são os únicos movimentos de Design da Web; muitos ainda estão para ser definidos e até descobertos.
Esses movimentos podem muito bem ser o “pretinho básico” do Web Design – todo mundo os usa porque eles funcionam – mas com um pouco de criatividade ainda é possível torná-los sua própria criação.
…………………………………………………………………………………………………
Artigo Original: Larissa Meek - site
Publicado em: ThinkVitamin.com - site
Tradução inglês/português_BR: Renata de Moraes Silva
Adaptação: Murilo Parra Contro - site
1 Comment »
