Tudo sobre Web Design e outras firulas.
O FUSCA E O JOOMLA 2.5
O que tem a ver um Fusca, uma Ferrari e um tema para Joomla 2.5? Assista o vídeo ao lado e descubra. ;)
Tendências do Web Design para 2010
Web Design e moda tem algumas coisas em comum. Uma dessas semelhanças encontramos nas tendências. O design, seja de moda, ambientes, gráfico ou web, inevitavelmente seguem tendências ditadas pelo gosto geral do público ou pelo sistema capitalista, como muitos acreditam. O fato é que essas tendências mudam com o tempo e na Web a velocidade dessas mudanças é ainda maior, já que além do gosto e do “sistema”, o avanço da tecnologia possui importante influência nessas modificações.
Assim como já vimos, no início da internet, páginas cheias de logotipos rodando e gifs animadas, passando por sites infestados de flashs com páginas inúteis de introdução (mas que na época eram consideradas “super-in”) foram modas que apareceram e desapareceram com o tempo. E hoje? Quais são essas tendências?
Não estar antenado com essas tendências pode levar você a fazer layouts considerados antigos e ultrapassados. Para que você não pague mico, trago para vocês as tendências 2010 do web design brasileiro, inspirado nas tendências do Web Designer Depot. Vamos lá!
Fontes Serifadas
Em qualquer curso, inclusive os meus, sempre recomendam o uso de fontes sem serifa nos textos utilizados em sites e interfaces de softwares. Isso porquê as fontes sem serifa sempre foram consideradas de melhor legibilidade na tela do computador do que as serifadas.
Para quem não sabe, os jornais utilizam as fontes serifadas pois no papel elas são as que oferecem melhor leitura. Uma das razões é que as pontas que ficam nas extremidades das letras criam uma conexão com as demais letras, fluindo melhor a leitura e visualização das palavras. Sendo assim, porquê as fontes serifadas não são recomendadas em sites e blogs? Até então não eram recomendadas devido a resolução de vídeo.
Com uma baixa resolução, as fontes serifadas perdem a definição de suas serifas. Ficam pixelizadas, quebradas. Por isso até então sempre se recomendou fontes sem serifa para o computador, já que sem as serifas, as letras apresentam uma melhor definição na leitura.
Porém todos nós sabemos que de um tempo para cá, os monitores ficaram maiores e a resolução também. As fontes serifadas não ficam mais pixelizadas e portanto possuem uma boa leitura. Logo já começamos a ver vários sites utilizando fontes serifadas em seus textos, deixando de lado a recomendação das fontes sem serifa.
Títulos Grandes
Inspirado no Design impresso, onde títulos grandes se faziam necessário para chamar a atenção para a leitura daquele folder ou anúncio, os títulos grandes tomaram conta do Design Web e é uma boa tendência para 2010.
Afinal, a leitura de cada página se faz cada vez mais rápido. É natural a impaciência do leitor web, ele entra na página e em poucos segundos procura saber se aquela página é realmente aquilo que ele procura. O título grande vem ajudar nessa tarefa, cujo textos sempre buscam responder sobre qual assunto ou mensagem aquele site deseja transmitir.
Múltiplas Colunas
Outra tendência ditada pelo avanço de tecnologia. Com o aumento das resoluções de vídeo tornou-se possível utilizar múltiplas colunas no layout. Antes tínhamos no máximo 770 pixels de largura, já que a maioria utilizavam a resolução de 800 x 600. Como hoje a resolução de 1024 x 768 já é a maioria e a tendência é termos cada vez mais resoluções acima de 1000 pixels de largura, podemos colocar mais conteúdo na primeira tela, utilizando mais colunas.
Uso de grandes imagens
Com o aumento da banda larga no país, nos damos ao luxo de poder utilizar imagens maiores em nossos layouts. Afinal a imagem é a grande causadora de impacto, cria atmosfera, conseguindo passar uma mensagem muito mais rápido que um texto e por muitas vezes é responsável por 80% da beleza de um site.
Espaços vazios
Com o aumento da resolução, hoje é possível utilizar bem os espaços vazios para destacar determinados elementos da página. Conhecido também como “espaço em branco”, o espaço vazio nem sempre é branco pois pode ocorrer em qualquer cor de fundo. O uso do espaço vazio é uma boa forma de destacar informações e deixar o seu layout mais leve.
Ilustrações
Nada mais elegante e bonito que uma ilustração bem feita. A ilustração, já muito presente em impressos, tomam conta da Web dando um ar mais estiloso e alegre aos sites. Possuem a mesma importãncia de uma imagem fotográfica, tendo forte apelo emotivo e visual.
Backgrounds Texturizados
Texturas já vimos na web há muito tempo como background. Porém hoje é utilizada de forma mais sutil. Note como são texturas delicadas e quase imperceptíveis mas que causam uma grande diferença e ambientação ao site.
Caligrafia
Rabiscados com caneta, fontes escritas a mão. Até eu mesmo, Bruno, utilizei essa técnica em meu blog Avante. Nada de brush script ou fontes caligráficas das mais populares. A idéia é você mesmo fazer a sua fonte ou então mesclar com fontes caligráficas interessantes e bem próximas do real, tornando seu site mais despojado, jovem, alegre e informal.
E você? Tem alguma tendência para 2010 que você já observou por aí? Conta pra gente!
Para o alto e Avante!
Bruno Ávila
Um pequeno menino risonho e falante, que gosta de arroz, batata-frita e chocolate. Sua diversão é fazer layouts, publicidade e cursos marotos para alunos supimpas. E nas horas vagas, claro, trabalha um pouquinho. ;D
Criação Publicitária
Aprenda a utilizar técnicas de comunicação visual e publicidade em seus layouts.
Identidade Visual
Para você que sempre quis aprender a fazer logotipo e manual de identidade visual com Bruno Ávila
Tableless para
Web Designers
Aprenda de uma vez por todas a recortar e montar bem um layout
Design para
Joomla 2.5
Aprenda a criar temas profissionais especialmente para Joomla 2.5!
TWITTER DO BRUNO
17 Comentários
alisson
Contato para palestra em Moc. É possível?
Bruno Ávila
Olá Alisson, basta enviar email para mim através da página de contato http://www.brunoavila.com.br/avante/contato
Claudio Roberto
Olá Bruno e Leitores!
Estas orientações são muito bacanas,
senti falta de você abordar a parte de tendências de
cores.
Abraços.
Ramalho
Alô Família WEB,
Belo post Bruno Parabens! Só para acrescentar as novas tendências:
O JQuery está quase a superar o uso dos Banners feitos em Flash. Os grandes portais e sites estão a usar o Slide show de conteúdo e imagens através do JQuery.
De realçar que o Flash tem suas funções e é muito bom.
Confiram os links abaixo:
1. http://webdesignledger.com/tutorials/13-super-useful-jquery-content-slider-scripts-and-tutorials/comment-page-1#comment-29225
2. http://www.webgrafismo.com/componentes/galeria/25-galerias-imagens-sliders-plugins-tutoriais-jquery/
3. http://webdesignledger.com/inspiration/55-inspiring-examples-of-slideshows-in-web-design
A todos, vamos usar as novas tendências porque são todas agradáveis e poupam muito tempo.
Para o alto e Avante!
Júlio Barros
Como falou o Ramalhom,uma tendência muito forte é o uso de jquery, mas só pra complementar uma tendência que irá se fortaleser é o uso do HTML5 e CSS3 para desenvolvimento de interfaces.
Exelente post Bruno, valeu!!!
Anderson
Excelentes dicas como sempre, Bruno se puder complementar em um outro post, como usar de forma “correta” novas fontes sem precisar ficar preso apenas as que existem no computador do usuário e saber tambem se já existem outras fontes que podem ser usadas sem o risco de afetar o visual.
Leandro
Perfeito, essa dica vai me servir muito.
Parabéns
Valeu…
Alexandre
Ótimas dicas. As fontes devem ter o estilo do site. Parabéns.
Aislan Mobilon
Como Designer Gráfico, não deixo de dar um confirida diária no blog. Sempre me inspirando bastante. E essa é mais uma de muitas dicas e ajudas que obtive por aqui!!!
Obrigado e parabéns por este excelente trabalho!
Luz e Paz!
José Eduardo
Muito bom o artigo, é bacana ver como o webdesign vem evoluindo, tableless é desenvolvimento dentro dos padrões da W3C já é realidade, os layouts cada vez mais belos e funcionais, sempre aprendo muito com quem sabe e não seria diferente com meu professor Bruno Ávila, o qual eu admiro demais, abração e avante!
Biliane Moreira
Olá Bruno, quero lhe agradecer pelo ótimo
trabalho e pela ajuda que você nos proporciona.
Começei a trabalhar a 2 meses atrás
como Web Designer e estou amando essa carreira!!
Graças as suas dicas, já consegui dois estágios na área e também vender um site. Parabéns pela iniciativa! é muito bom ter pessoas cooperativas dispostas a compartilhar seus conhecimentos!!
Muito obrigada!
Bruno Ávila
Biliane, fiquei muito feliz em saber que lhe ajudei de alguma forma. Torço pelo seu sucesso! Valeu!
Carol
Nossa Bruno demais o post! Adorei!
Adoro os temas que vc aborda, muito bons de vdd!
Obrigada!
Davi Ferreira
Olá Bruno agradeço pela ajuda isso é muito bom para quem trabalha na área, pois sabemos o quanto é dificio saber os gostos da pessoa ainda mais sem sair de moda…..
Parabens pelo Trabalho !
Obrigado !
João Lucas
Ola Bruno muito boas as suas dicas, são muito valiosas! Ajudam muito no trabalho do dia a dia e nos mantém atualizados!! Obg, fique com DEUS!!!
Parabens pelo Trabalho !
josé malo
Parabens Bruno, é um ótimo artigo, mas acho que sería bom também abordar a parte da internet em celulares. A tendencia também é ficar conectado o tempo todo no celular, e o design de web para estes dispositivos deve ser feito com muito cuidado.
Outra vez ótimo post.
Eduardo
muito, muito bom mesmo! vou tentar colocar um pouco disso no meu site.