Recursos de Tipografia na Web

Passeando pela internet achei alguns sites bem interessantes que permitem visualizar, fontes, tamanho, formato e disposição dos textos na web.


Css with vertical rhythm
Esta ferramenta pode ajudá-lo a criar o CSS para a tipografia do seu site com um ritmo vertical consistente.
http://drewish.com/tools/vertical-rhythm

Flipping Typical
Lança provas de texto em uma variedade de fontes que você instalou em seu computador.
http://flippingtypical.com

Typetester
Com esse é possivel comparar até três fontes, lado a lado, com a amostra do texto que você quer.
http://www.typetester.org/

HTML-Ipsum
É um gerador de lorem ipsum especificamente para o projeto de web design.
http://html-ipsum.com/

WhatTheFont
Fornece uma forma fácil de encontrar uma fonte em particular. Apenas transfira arquivos pela rede, uma imagem (ou especifique uma URL) e WhatTheFont determinará que fonte está sendo usada. Esta é uma grande maneira de encontrar as fontes que foram usadas nas imagens ou nos arquivos do flash.
http://new.myfonts.com/WhatTheFont/

Baseline Rhythm Calculator
Este mostra os tamanhos diferentes da fonte escolhida. É uma boa maneira de certificar se todos os tamanhos da fonte estão de acordo com as necessidades do site.
http://topfunky.com/baseline-rhythm-calculator/

10 dicas para salvar seu site

Existem inúmeras razões para que tão poucos sites estejam trazendo retorno para as empresas. Um dos motivos pode ser o design. Siga estas dicas e aumente as suas chances de sucesso:

1. Menos é mais. Faça o site leve e rápido

Se você esta vendendo um produto ou serviço na Internet, não se deixe levar pelos 'artistas' da rede. Mantenha o foco em sua mensagem. Ninguém quer ver um layout cheio de animações e gravuras que nunca terminam de baixar.

Tenha em mente que se não ajuda a vender não serve. Não faça nada só porque os outros estão fazendo. Construa um site para agradar ao cliente, não ao chefe.

Lembre-se que "a imagem seduz, mas é o texto que vende". Se você quiser passar sua mensagem não deve esconde-la. Use um layout limpo e elegante, clean. Simples, mas não simplório.

Você tem apenas alguns segundos para conquistar a atenção do Internauta. Mantenha as páginas leves, use poucas imagens, bem colocadas e comprimidas. O texto deve ser direto e objetivo. Especialmente na página inicial.

2. Padrão

Todos nós temos uma "zona de conforto". Gostamos de nos sentir acomodados e seguros. Imagine chegar em casa todos os dias e a cor das paredes estar diferente? No começo pode ser um "barato", mas depois de algum tempo, você começa a ficar ansioso e inseguro.

Da mesma forma, mudar a cara de cada página, torna as pessoas confusas e impacientes. Elas podem pensar que estão em outro site e quando você menos espera, estarão mesmo.

Mantenha o mesmo padrão em todas as páginas. É fácil, basta:

• Usar as mesmas cores, molduras, botões, fontes e demais elementos em todas as páginas;

• Deixar a logomarca da empresa sempre na mesma posição.

• Se o menu está à esquerda, deixe-o lá o tempo todo, se estiver à direita, idem.

Além de tudo, mantendo um layout padronizado você passa uma impressão mais profissional.

Pense no Mac Donald´s: uma franquia com centenas de lojas em todo o mundo, todas iguais. Você sabe que em todas elas vai encontrar o mesmo serviço e a mesma satisfação.

3. Navegação

A palavra chave é simplicidade. A Internet já é um labirinto de informações. Conheço diversas pessoas que ficam loucas quando têm que achar alguma coisa. Então não complique, torne a navegação em seu site simples e direta.

Todas as páginas devem estar a dois, no máximo, três clicks de distância umas das outras. Você pode conseguir isto colocando menus para as áreas principais do site em todas as páginas.

Uma forma de testar a navegação do site é chamar alguém, de preferência, sem muito conhecimento. Peça a ele que encontre alguma coisa que VOCÊ sabe que está lá, só não diga como.

Outra forma é imaginar-se um iniciante na Internet e verificar se seria difícil encontrar alguma informação.

4. Fale conosco

Já tentou entrar em contato com a empresa e se perdeu no labirinto de links e páginas sem encontrar o email ou telefone da mesma? Tenho certeza que já.

Para evitar este problema, coloque seu email em todas as páginas. Se necessário faça um formulário de contato com poucos campos para o usuário preencher. Apenas o nome, email, telefone e um espaço para a mensagem são necessários. Você poderá pedir as outras informações mais tarde. O importante agora é fazer contato.

5. Logos e Imagens

Já disse que ninguém quer esperar dois minutos para ver uma gravura que nunca termina de carregar. Mantenha suas imagens a um mínimo possível. Se você tem que usar muitas imagens para passar sua mensagem, uma palavra: compressão.

Imagens são uma parte importante do site, mas podem torna-lo muito pesado. Para evitar ou pelo menos minimizar este problema, use compressores de imagens. Existem diversos disponíveis no mercado, inclusive alguns gratuitos.

6. Fontes (famílias de tipos de letra)

Use apenas uma fonte em todo o site. Se quiser usar mais de uma fonte, use apenas para destaques, citações e títulos. Mantendo a variação de tipos de letras ao mínimo, você garante um visual mais padronizado e limpo. É muito mais profissional.

Outra razão é que há poucas "fontes padrão" na Internet. Arial, Verdana, Courier e Times New Roman são algumas delas. Se você usar alguma fonte fora dos padrões, pode ser que os usuários não vejam as páginas como foram criadas. Mantenha o padrão.

7. Espaço em branco

Tão importante quanto as notas de uma canção são as pausas. Pergunte a qualquer músico.

O mesmo ocorre no design de qualquer peça publicitária. Deixe que as palavras saltem da tela, colocando bastante espaço entre elas. Deixe o texto 'respirar'. Use margens à esquerda e a direita.

Seguindo estas sugestões, o visual ficará muito mais limpo, agradável e profissional.

8. Becos sem saída

Um beco sem saída é uma página aonde não existem links para sair dela.

Pense no site de uma forma que não precise dos botões do browser para navegar, ou seja, se precisar clicar no botão voltar, tem alguma coisa errada.

Você pode colocar um link nas páginas, mas esta não deve ser a única forma de sair da página.

9. Links Mortos

Links mortos são aqueles que estão no menu, mas ainda não foram criadas as páginas correspondentes ou, pior ainda, levam a uma "página em construção".

Se a página não existe ou não está completa, não coloque indicações para ela, no futuro você poderá colocar os links e destacar que a página é nova, tornando o conjunto mais dinâmico e trazendo maior impacto. Além de tudo, links mortos dão um ar de falta de profissionalismo.

Páginas com a mensagem "em construção" causam uma frustração enorme ao internauta, afinal ele espera encontrar a informação, mas ela não está lá.

Veja que um site de verdade, estará sempre em construção. A construção só termina com o fim do site ou da empresa.

10. Links Quebrados

Teste todos os links em todas as páginas, sempre. Links quebrados, ou seja, os que levam a páginas de erro ou não existentes, são outro fator de frustração e falta de profissionalismo.

Se você tem muitos links externos (para outros sites), teste-os de vez em quando para manter a integridade do site.

Pode ser que estas dicas não salvem seu site do fracasso, mas tenha certeza que elas ajudam. Além de um bom design você vai precisar de um bom produto, tráfego, atendimento de qualidade e ferramentas de análise.

Nota de Autoria: Renato Fridschtein é autor de artigos e ebooks sobre marketing na internet. Você pode encontrá-nos no site www.promofor.com.br/meio. Suas idéias vão muito além de home pages e mostram como ter um empreendimento de sucesso na Internet. Entre em contato pelo info@promofor.com.br

A Web 2.0 em menos de 5 minutos.

Vídeo parte do estudo do Antropólogo Mike Wesch, sobre o impacto da conectividade da internet na vida e na cultura mundial, de como estamos isolados e ao mesmo tão conectados, principalmente pelo YouTube, e logo abaixo esta o vídeo com os resultados, esse vídeo é bem mais longo, mas sinceramente, nunca imaginei que ficaria mais de 55 minutos assistindo um vídeo no YouTube, sem ao menos piscar direito! Vale muito a pena assistir, para quem se interessa pelo assunto é claro. ;-)

Ah... o vídeo abaixo tem um detalhe que achei o máximo para quem não entende muito inglês, tem uma legenda onde é possível selecionar o idioma para tradução! O YouTube a cada dia suspreendendo mais! Aproveitem!

Ecards - Uma opção moderna e muito divertida de comemorar datas importantes.

Relembrando o nosso Natal, performances impagáveis e históricas... Muito bom e divertido esse sistema de criação de clipes personalizados, foi super fácil utilizar e o resultado... quem não viu ainda, aproveite a diversão e quem já viu, aproveite para dar um pouco mais de risadas!!!

Personalize funny videos and birthday eCards at JibJab!

Ipad: Aplicativo Flipboard

Um aplicativo muuuuito legal p/ esse incrível Gadget. Por meio do seu Ipad, o Flipboard concentra informações dos seus amigos e empresas do facebook e twitter e para visualizá-los voce "folheia" as páginas como se fosse uma revista.

Americano cria internet sem fio transmitida pela iluminação

Uma empresa do interior de Minnesota, nos Estados Unidos, criou uma tecnologia que utiliza sistemas de iluminação para ligar computadores à internet. As informações são transmitidas por meio de pulsações luminosas imperceptíveis a olho nu, e captadas por um sensor ligado ao computador.

Continua...

Trecho extraído de artigo original da G1 - São Paulo - Americano cria internet sem fio transmitida pela iluminação. Copyright G1. Todos os direitos reservados.

Art Project - Guia do visitante

A turma do Google só manda bem!! Isso sim é tecnologia aplicada em prol da cultura e de forma inteligente.

Tire uma foto e o Google acha as informações p/ você.

Imagina!! Voce tira a foto de um objeto ou local e o Google acha as informações para você... Fala sério!!! Esse pessoal se supera a cada dia!!

Estudo revela que navegadores possuem impressões digitais

Junção de dados como sistema operacional, idiomas, detalhes de fuso-horário e plugins permite que websites criem uma identificação online do browser que faz o acesso.

Uma pesquisa divulgada essa semana pela Electronic Frontier Foundation ( EFF ) concluiu que mesmo sem a utilização cookies navegadores populares como Internet Explorer e Firefox dão aos sites informações suficiente para obter um perfil único de seus visitantes.

continua...

Texto de autoria de Fabiana Baioni extraído de artigo original do site Yahoo! -

Estudo revela que navegadores possuem impressões digitais

Copyright Yahoo!. Todos os direitos reservados.

Mais uma do Google - Fontes diferentes em WebSites

O Google que acabar com a mesmice das fontes Arial, Verdana, Times, e algumas poucas et ceteras, nas páginas web. Para isso está lançando o Google Font Directory: http://code.google.com/webfonts . Para usar, claro, os desenvolvedores terão que colocar um código em suas páginas, para que sejam disponibilizadas pelos servidores do Google.

Esse serviço não é novidade, mas está agora sendo encampado pelo Big Giant. Como todo lançamento do Google, é uma versão Beta.