• Sobre
• Cursos Online
• Orkut
• Youtube
• Twitter
• Contato

04-15-09

Desastres do Photoshop

Que Photoshop faz milagre, a gente sabe muito bem que faz. Photoshop consegue transformar um Pitbull num Poodle, o Jô Soares em Brad Pitt e Hebe Camargo em Ana Hickman. E quando o Photoshop faz o contrário? Transforma o que é bonito e natural num verdadeiro desastre?

Conheça o Photoshop Disasters, um blog bem divertido que mostra os erros provocados pelas photoshopadas, em sites, revistas e anúncios publicitários. Uma boa referência do que não fazer no Photoshop, mostrando como a falta de bom senso paira até nas grandes agências.

Para o alto e Avante!

04-03-09

Os 5 segredos da criação de um site “clean”

Durante as aulas de Design Web um aluno nos trouxe a crescente demanda pelos clientes por sites “clean”. Todo mundo agora quer site “clean”. Acho muito bom isso, eu também gosto de entrar em sites “clean”. Bem, venho através desta dismistificar algumas idéias que a maioria tem sobre sites clean.

Primeiro, o que é um layout “clean”? Pelo nome já dá pra perceber alguma coisa. Seria um layout “limpo”, sem muita poluição visual. Porém layout clean não quer dizer layout sem conteúdo, com pouco texto na capa. Veja por exemplo os sites de grandes portais, são sites com muito conteúdo mas leves visualmente.

Vou revelar 5 segredos para você criar aquele site “cleanissimo” sem muita frescura:

Segredo 01: as margens. Layout clean tem margem entre os elementos e margens internas de mesmo tamanho. As margens brancas, sem separações visíveis entre os elementos visuais, são um dos maiores segredos. O espaço entre um elemento e outro já faz a separação natural, sem necessidade de barras e linhas separatórias, fazendo com que o layout fique mais leve visualmente.

Segredo 02: as cores. Quer fazer um layout limpo, sem possibilidade de erro? Use e abuse do branco. Use bastante branco no fundo e apenas  toques de cor.

Segredo 03: as fontes. Utilize apenas uma família de fontes. Caso queira uma fonte de título diferente da fonte do texto, utilize as variações de negrito. Por exemplo, fonte de título sendo a mesma fonte do texto, só que com negrito.

Segredo 04: evite muitos banners animados. Um dos elementos que fatalmente deixarão seu layout poluído são os banners animados, principalmente os pequenos que ficam um embaixo do outro. Cuidado pois muitos banners animados não funcionam nem para o cliente nem para o site. Isso porquê a animação serve justamente para destacar. Quando se coloca diversos banners animados juntos, cria-se então uma massa visual. Seria como um grupo de 5 pessoas. Quando uma delas coloca uma melancia na cabeça, ela irá se destacar das demais pois somente ela tem uma melancia na cabeça. Já quando todos resolvem colocar uma melancia na cabeça, as 5 pessoas serão apenas 5 figuras com uma melancia na cabeça e nada mais do que isso. Aquele lá que antes estava destacado, se torna apenas mais um. Por isso que banner animado junto de outros banners animados perdem totalmente o destaque e só tem uma função: poluir sua página e irritar a visão do usuário. Portanto, evite. Se for utilizar animação em banner, coloque apenas um banner animado, com evolução sutil.

Segredo 05: tamanho. O tamanho também serve como efeito destacador, assim como a animação. Note nos grandes portais que normalmente temos uma imagem grande de notícia destacada, as imagens que vem a seguir são menores e eles vão ficando cada vez menores até o final da página. Trata-se de uma hierarquia visual de importância. Se você colocar várias imagens do mesmo tamanho, irá criar uma disputa entre as imagens e ocorrer o mesmo que ocorre com os banners animados, nada será destacado. Então crie uma hierarquia visual, evitando colocar muitas imagens grandes no mesmo espaço da página, disputando um com o outro.

Pronto, seguindo essas 5 regrinhas dificilmente você terá um site poluído visualmente e assim contribuirá com o nosso meio ambiente virtual.

Para o alto e Avante!