Arquivo

Posts Tagged ‘tipografia’

A tipografia de Charles Williams

Este designer de Londres tem muitos trabalhos interessantes no que diz respeito ao uso de cores e curvas.

Vale a pena dar uma conferida no excelente trabalho dele.

charels

CLIQUE AQUI PARA MAIS EXEMPLOS

Divirta-se e inspire-se.

21 exemplos de tipografia na web

Muita coisa mudou, e agora o limite no uso de fontes é a imaginação e competência de cada deisgner que nao precisa mais depender da Georgia, Arial, Verdana e afins para desenvolver um website.

Então, seguem 21 exemplos do bom uso da topografia. Sâo muito exemplos que com certeza podem servir pra você se inspirar e adquirir novas técnixas.

http://webdesignledger.com/inspiration/21-examples-of-inspiring-typography-in-web-design

Divirta-se e inspire-se!

@font-face – Use a fonte que quiser em seu site

A web muda a cada minuto, e você não pode nem deve ficar parado. Todos temos de acompanhar sua evolução, por mais rápida que seja.

Pois em minha modesta opinião, a maior revolução que tivemos em termos de web design nos últimos tempos foi o uso de fontes diferentes das consideradas padrões.

Era terrível depender de verdana, georgia, arial e afins. Por maior que fosse nosso esforço, isso era uma tremenda limitação.

Pois há pouco tempo surgiu a API da Google Fonts para nos possibilitar o uso de fontes excelentes. Depois vieram sites como o Cufon que cria um .js com as coordenadas das letras, possibilitando o uso da fonte escolhida.

Mas agora com o CSS3 e suas revoluções temos a poderosa tag @font-face.

Com ela podemos usar a fonte que bem entendermos apenas utilizando uma referencia.

Note como é simples o seu uso. Primeiramente, usamos a seguinte configuração na tag @font-face para fazer a referencia a fonte escolhida:

@font-face {
    font-family: DeliciousRoman;
    src: url('Delicious-Roman.otf');
}

Depois disso, para utilizar a fonte nos parágrafos por exemplo, é simples assim:

p {
	font:36px DeliciousRoman;
}

Sim, fácil como qualquer outra fonte.

Como eu queria poder recuperar minhas horas de sono pensando em como adaptar uma fonte ruim ao layout. Mas agora, isto é coisa do passado.

Preste atenção na compatibilidade desses malditos browsers que tendem a serem sempre os atrasados na web.  Mas nada que ferramentas excelentes como o FontSquirrel nao resolvam.

As versões 7, 8 e 9 do Internet Explorer aceitam o @font-face apenas se a font for EOT. Você pode encontrar qualquer conversor online que esse problema é resolvido. Você pode converter suas fonts para EOT diretamente no Font Squirrel. O Safari, Firefox, Chrome e Opera aceitam fonts em TTF e OTF.

Tome certos cuidados na utilização das fontes, pois você está publicando em seu FTP e qualquer um pode fazer o download. Temos zilhões de fontes gratuitas, mas caso esteja utilizando uma fonte paga, pense em outras maneiras de utilizar.

Cada vez mais na web o limite é a imaginação de cada um, pois temos a cada dia um mar de novas possibilidade.

Divirta-se e inspire-se.

Tipografia verde – 48 exemplos

Não, não é um programa de ecologia, mas sim efeitos de tipografia em cima da cor verde ou então usando plantas, ramos e afins.

O resultado é muito bom. Então se você está pensando em um fundo verde ou efeitos de ramos, plantas, flores, e afins, dê uma olhada no link abaixo. Divirta-se e inspire-se.

http://spyondesign.visibli.com/share/hdCceD

Tipografia em 3d – 41 exemplos

Seja em flyers, hotsites ou em um simples cartão de visitas, a tipografia em 3d pode dar um efeito supreendente.

Há uma variedade de técnicas disponíveis para isso, mas muitas ( senão a maioria )  das vezes que sentamos para fazer algo do tipo, o que nos falta é CRIATIVIDADE.

Não apenas para a fonte utilizada, mas também para qual background utilizar, quais cores escolher, enfim, o cérebro é seu ( e único em cada ser humano, acredita? ).

O link abaixo pode lhe dar algumas boas idéias do que fazer. Serve de inspiração, e não para cópia, certo? Divirta-se e inspire-se.

http://www.designyourway.net/blog/inspiration/41-examples-of-impressive-3d-typography/

Tipografia para textos longos

O grande desafio para muitos designers na hora do desenvolvimento não são as imagens usadas, o menu, efeitos, ou usabilidade. Isso tem muita gente careca de saber.

O desafio para muitos é na hora do texto. Não o texto grande no banner, ou no logo. Nos textos longos, na hora do Quem Somos, na hora da página de Serviços.

Muitos itens devem ser levados em conta, como larguras, devem ser SIMILARES. Também devem manter a proporção. A diferença da cixa baixa para caixa alta conta também.

Enfim, é algo que deve ser dada a devida importância.

Segue abaixo um link para um artigo de 2008 do blog LOGOBR. Embora seja de 2008, é supreendente que ele continua atual. O artigo original é da Before&After Magazine.

http://logobr.wordpress.com/2008/08/11/qual-tipografia-certa-texto-longo/

%d blogueiros gostam disto: