É notável que de tempos em tempos certos elementos se destacam no design de vários sites, em 2012 certos elementos tendem a aparecer com mais frequência.

Publicidade


Intensificação dos ‘novos’ recursos do CSS3.

Círculos

São elementos que apareceram em menus e na composição de ícones. Border-radius facilita a implementação.

Circulos constantes no Design Web

Text-Shadow

Ajuda no contraste do text com o fundo, deve ser usado com muita inteligência, caso contrário da um ar de amadorismo.

Texto com o efeito text-shadow

Javascript e mais Javascript.

Fading links

Efeito OnHover acontece lentamente

Layout Fluído

Com o destaque que o plugin Isotope teve em 2011, tudo indica que os layouts buscarão cada vez mais ter um design diferenciado e que utilize o máximo de recurso para cada resolução.

Já faz um tempo que vem a utilização deste efeito sofrendo aumento, é suave e agradável aos olhos, tem tudo para continuar.

Sites que contam histórias.

Agora com destaque para o grande publico, sites que em 2011 mais conceituais e utilizados em testes, neste ano tem tudo para alavancar.

Hotsite que contam histórias na globo.com

Exemplos

Pra esse ano, é isso que tende a virar ‘moda’ no Design Web. Mas você o que acha que pode ser tendência? COMENTE

Como é meu primeiro post no ano, um bom 2012 a todos.

Compartilhe
Você também vai gostar de

Deixe seu comentário!


  • Fabio Sai

    As tendências Descritas acima são solidas e válidas principalmente na questão de “text shadow”, agora acredito eu que usar a profundidade de forma inteligente pode atrair mais olhares para a arte desenvolvida.
    Ótimo ano a Todos!

  • http://www.facebook.com/brunoserrab Bruno Serra

    concordo com as tendências… acho que sites com uma “pegada” mais tipográfica também vai ser :)

  • http://www.popupdesign.com.br/ Leandro Lima

    Uso um layout responsivo (fluído) no meu portfólio e no meu blog.

    [pode divulgar o link? Se não puder, desculpa]
    portfólio: http://www.popupdesign.com.br
    blog: blog.popupdesign.com.br

    Acho que essa é a maior tendência para o futuro, já que dispositivos que se conectam a internet são cada vez maiores!

    Estamos, inclusive, fazendo uma série de posts sobre como construir um layout responsivo.
    Quem quiser conferir:
    http://blog.popupdesign.com.br/design-responsivo-i-o-que-e-e-por-que-usar/

    • http://twitter.com/fernandosales95 Fernando Sales

      Poxa! Muito legal seus artigos sobre design responsivo do seu blog. Parabéns

  • http://www.facebook.com/gutofoletto Guto Foletto

    O que o Leandro falou no comentário acima e o que está descrito no artigo é o que vai acontecer eu acho. A maior tendência em 2012 vão ser os layouts fluidos/responsivo devido ao aumento do número de dispositivos capazes de navegar na internet com resoluções diferentes.

    Outra tendencia que não está ai, eu acho que são os sites de página única, que são comprovadamente melhor visualizados em dispositivos móveis.

    Acredito também que algo em relação ao Canvas e SVG do HTML5 possam criar corpo nesse ano.

  • Ederton

    Ok, concordo não somente por esses mais muitos outros que estarão presentes fortemente más, infelizmente o Internet Explore (por que ainda existe??) não é compativel com muitas dessas tendencias … o que fazer?  Encher o site de imagens??

    • http://www.popupdesign.com.br/ Leandro Lima

      Cara, no IE9 até da pra usar algumas coisinhas. Nos outros, eu, pelo menos, vejo se a ausência de alguns elementos não irá ter um impacto tão profundo na experiência do usuário. Se não tiver, uso sem medo. Se for ter, procuro uma outra solução compatível com todos os browsers…

      E o IE7 é o novo IE6, né? Ta na hora de enterrar ele já! Já estamos no 9, poxa!

  • http://www.facebook.com/people/Jhonata-Reis/100002319125968 Jhonata Reis

    Acho que o uso das CSS3 vão ser o grande atrativo em 2012, no site Codrops, que nós conhecemos bem, além de recursos CSS3, os autores brincam bastante com Jquery, tanto fazendo exemplos com tipografia, como usando dessas 2 tecnologias para construir galerias e coisas do tipo.

    Acho que o trio CSS3/Jquery/HTML5 vai se evidenciar mais ainda no Web Design, principalmente o brasileiro.

  • http://design.blog.br Canha

    Boa!

  • André Campos

    Mais um que vejo todos os dias:
    http://www.mobileawesomeness.com/ 

    Cump’s ;D

  • http://www.popupdesign.com.br/ Leandro Lima

    Duas fontes de inspiração! ;)

  • Kaiomouramendes

    Olha o Plágio da MAterial so alterando alguns dados, Randal Maio, dá uma olhada lá, escreveram em seu nome.

  • http://design.blog.br Canha

    Foda. A gente gasta tempo pra criar um artigo bacana e o pessoal vai lá e faz plágio =T

  • Vanessa_sasdelli

    Muito bom. Sou bem nova na área, mas quero aprender muito! Site bem interessante com muitas dicas valiosas.

    • Fabio Sai

      Tbm sou novo mas e o melhor blog que ja encotrei …

  • http://www.facebook.com/marinho.ernesto Mario Ernesto

    Alguem ai tem o link para esse hotsite que conta a historia do neymar e messi?