Design Blog » tendências

Tendências no Design Web em 2012

Randal Maia — Thu, 19 Jan 2012 12:00:58 +0000

É 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.

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.

Quem leu isto também leu:

Ascensão Tipográfica – O que faz uma fonte ser lembrada?

Randal Maia — Thu, 01 Dec 2011 12:00:00 +0000

Meses atrás conheci a fonte ‘Harabara’, utilizei-a em um trabalho e na ocasião a mesma foi muito útil para minhas necessidades, porém após isso tinha esquecido um pouco desta fonte.

No entanto, nos últimos dias, venho notando que esta free-font tem feito muito sucesso, sua ocorrência tem sido cada vez mais freqüente nas peças de design gráfico. E isso em diversas aplicações como outdoors, flyers e logos.

Segue abaixo alguns exemplos:

Exemplo Harabara - Cartaz de um evento

Logo com a fonte Harabara

E com essa observação passei a me perguntar,’ O que faz uma fonte famosa?’, então fui atrás da resposta.

Vi que vários fatores influenciam esta fama.

Disponibilidade
Quem usa?
Tendência

Disponibilidade

As fontes mais famosas para o público geral são as disponíveis no Windows, caso você peça um exemplo de fonte para alguém da sua família, provavelmente ela dirá ‘Arial’ ou ‘Times New Roman’, e por isso essas fontes são as mais utilizadas para documentos e textos do dia-a-dia.

Porém, designers freqüentemente estão buscando novas fontes para seus trabalhos e acabam achando as free-fonts, fontes gratuitas que estão disponiveis para qualquer pessoa utilizar, nem sempre essas fontes tem a qualidade desejada, mas na maioria das vezes são as utilizadas.

Quem usa?

Este fator influencia muito na lembrança das pessoas, a fonte fica associada a algumas marcas muito famosas.

Fontes associadas a marcas

A grande maioria não sabe o nome das fontes, porém esses símbolos estão associados a marcas famosas.

Tendência

Este fator é possivelmente o que mais se associa com a “ASCENÇÃO HARABARA”, é o movimento da massa, quando algo bom é encontrado, a tendência é utilizar ao máximo daquilo até que algo melhor seja encontrado e o anterior fique obsoleto.

Quero deixar claro que nenhum dos argumentos apresentados deve ser utilizado como escolha da fonte para o seu trabalho, cada fonte se adapta melhor a uma determinada necessidade.

Então, o que você acha que faz uma fonte ser lembrada? COMENTE.

Quem leu isto também leu:

Tendência no webdesign de 2009

Canha — Fri, 20 Feb 2009 13:00:38 +0000

Artigo interessante que encontrei no Smashing Magazine que aponta as tendências de 2009 no mundo do webdesign. Confira e inspire-se.

Embossing

Interfaces gráficas ricas

Transparência com PNG

Tipografia grande

Substituição de fontes

Caixas modais

Blocos de mídia

“Look” de revista

Carroséis / slideshows

Bloco de introduções

Existem no total 26 novas tendências, de acordo com a Smashing Magazine. Essa primeira lista pode ser conferida com mais exemplos aqui, e a outra lista com 16 mais pode ser visualizada aqui.