Escolher paleta de cores 2

Já comentei aqui sobre a importancia na escolha das cores e coloquei uns links interessantes de sites que podem auxiliar nessa etapa crucial do trabalho. Agora coloco mais alguns:
ColoRotate
Multicolr
Color Hunter

Lista de sites de imagens e fotos free

Onde conseguir imagens e fotos gratuitas para compor layouts?
Uma lista com vários sites com fotos free.

http://www.sxc.hu/
http://www.public-domain-photos.com/
http://www.morguefile.com/
http://www.freedigitalphotos.net/
http://www.imageafter.com/
http://www.photogen.com/
http://www.burningwell.org/
http://www.openphoto.net/
http://imagebase.davidniblack.com/main.php
http://www.stockvault.net/
http://www.freepixels.com/
http://www.everystockphoto.com/
http://www.unprofound.com/
http://www.woophy.com/photo
http://www.quick-image.com/index.cfm?/home_ES&activate=home
http://www.photocase.com/de/
http://www.nextfoto.com.br/novo/index.asp
http://www.latinstock.com.br/br/homenet/Default.aspx

Tutoriais de efeitos do photoshop para textos

Uma coletânea de tutoriais de efeitos do photoshop para valorizar qualquer texto e trabalho.

Não raro, um detalhe, um pequeno texto ou efeito, faz a diferença.
Design Vitality

E tem muito mais tutoriais desse tipo, muito interessantes, espalhados pela net.

Lista de sites de fontes free

Simplesmente fundamental. A escolha da tipografia pode ser tudo em um layout.

• Font Squirrel
• Dafont
• Urban Fonts
• Net Fontes
• 1001 fonts
• Sofontes
• Better Fonts
• Search free fonts

Vale a pena rever o post Tipografia e Ilustração

Proporção Áurea aplicada a sites

Um site interessante: http://goldenratiocalculator.com/
Ele calcula a proporção áurea auxiliando na criação do layout do site.

Vc não sabe ou não se lembra muito bem o que é proporção áurea. Esse vídeo vai te ajudar a nunca mais esquecer. rs
http://www.youtube.com/watch?v=58dmCj0wuKw

Patterns - Um bom fundo pode transformar seu layout

Na criação do layout, as vezes nos concentramos no conteúdo, nas cores, no Logo,... Mas, não raro, o que faz a grande diferença e passa profissionalismo são mesmo os detalhes. O fundo, menosprezado por alguns, pode ser o grande diferencial, o que "fechará com chave de ouro" o seu layout.

Uma solução simples e bela, não só para o fundo, mas para certas áreas de um layout é o uso de patterns.

Uma busca simples na internete por pattern traz uma variedade incrivel de possibilidades.
Existem alguns sites dedicados a isso, como por exemplo:
http://patterns.ava7.com/
http://www.patternhead.com/

E outros espalhados por ai, como por exemplo esses no deviantArt:
Madeira, Metal, Cutie, Retro Grunge
, That's My Dad e Summer Pattern Pack, dentre outros.

Escolher paleta de cores

Cores
É comum designers gastarem um bom tempo na escolha da palheta de cores. Uma boa escolha faz toda a diferença no layout. Alguns artifícios podem ajudar.
Estes trabalham com as teorias das cores:
Kuler


Color Scheme designer

Color Jack
Pourpre

Quando temos uma imagem acho interessante o 'whats its color', pois carregamos a imagem e obtemos as cores principais. Muitas vezes, podemos trabalhar com a cor principal para escolher a paleta de cores.
whats its color

Fundos listrados (Backgrounds)

É comum vermos e fazermos bacgrounds com os mais diversos tipos de listras. Mas quanto maior a quantidade e o tamanho das imagens, mais tempo a página leva para carregar e abrir. Por isso, usamos imagens de backgrounds pequenas que se repitam. Para fazermos as listras, tais imagens têm que se encaixar perfeitamente. É comum vermos pessoas com dificuldade de gerar tais imagens. Afinal, nem sempre isso é tarefa fácil. O Stripe Generator pode ajudar, e muito!

Escolha a tipografia e gere o CSS facilmente.

Escolha a melhor tipografia para o seu layout no site: CSS Type Set. A facilidade de alterações e a rápida visualização do resultado facilitam o trabalho de escolha da fonte e suas características. Depois, é só copiar o código CSS que já estará prontinho.

Se você gosta de opções, use o Font Tester. Não possui um visual tão bonito e clean como o CSS Type Set, mas permite a geração e visualização simultânea de até 3 textos. Ótimo para comparações. E ainda apresenta o mapa de caracteres da fonte utilizada.

Geradores de texto

É comum usarmos geradores de textos para preencher espaços destinados a textos nos layouts em desenvolvimento. Produz um resultado muito mais próximo do real e mais profissional. Usar nonono ou texto texto texto, não é nada bom.

O Blindtextgenerator trabalha com uma coleção de geradores, inclusive com o conhecidíssimo o Lorem Ipsum. Em uma única página, de forma prática e rápida, você tem acesso a várias linguagens e estilos. Vale a pena conferir.

Plugins do Firefox para Webdesigners

Plugins que considero importantes e interessantes para webdesigners, pois contribuem no desenvolvimento e na otimização do trabalho:

• firebug : Como já disse, simplesmente indispensável.

• Web Developer : Cheio de recursos.
  

• yslow : Mede o desempenho da página em vários pontos. Pelo seu resultado podemos perceber se devemos melhorar a página e onde mexer para conseguir um melhor resultado.
  

• MeasureIt : Uma régua para medir em pixels e perceber alinhamentos.
  

• colorzilla : Mostra instantaneamente as cores (em hexadecimal e RGB).

• Palette Grabber : Captura paletas de cores. Auxilia no desenvolvimento de layouts.