Renan Hingel

No ocidente, sempre começamos a olhar algo a partir do canto superior esquerdo, descendo pela lateral. Se eu alinhasse apenas este parágrafo do centro para a direita da página (deixando o resto do texto como está), possivelmente seus olhos iriam ignorar este parágrafo e passar adiante.

Se começar a alinhar algo pela esquerda, alinhe tudo pela esquerda. Se for pra alinhar tudo a direita, alinhe tudo pela direita. Se alinhar a um, dois ou quatro centrímentros da borda, alinhe tudo a um, dois ou quatro centímetros da borda. Evite a todo custo alinhar textos pelo centro: isto dá um ar de desordenado e a pessoa se perde facilmente quando vai de uma linha pra outra, já que ela não têm um ponto de referência fácil (no caso, o início da última linha lida). E você não gosta de se sentir perdido ao ler um texto ou ver uma imagem, não é?



Elementos similares devem estar próximos. Por exemplo, acima deste de parágrafo existe o título “Proximidade”. Se eu colocasse o título três linhas acima do início deste parágrafo, isso poderia gerar certa confusão pra você leitor; você estaria se perguntando “O que essa palavra tá fazendo aí no meio do texto? É uma palavra-chave? Qual a relação dele com o resto do texto?”.

A lei é: não faça a pessoa ter que pensar nisso. Se ela ficar se questionando o por que desta distância, ela não vai conseguir concentrar-se no conteúdo. O mesmo vale para imagens: se uma imagem não têm nexo nenhum com uma segunda, por que deixá-los próximos.



Não é incomum de ver gente usando fundo amarelo com letra branca. Pessoal, amarelo é muito próximo do branco. Contraste é algo importantíssimo, ainda mais quando existe uma figura e um fundo. Convenhamos, até quando não existe um fundo, existe uma cor da mídia (por exemplo, o papel ou a tela do PC). Claro, dá pra colocar um texto preto sobre um papel branco. É uma ótima forma de contraste. Mas se quiser destacar algo em amarelo, por que não colocar uma tarja preta no fundo desta palavra? É uma ótima forma de contraste; faz aparecer bem aquilo que você quis que se destacasse e não acabou sumindo no fundo.



Quando falo sobre repetição, estou falando sobre repetição de elementos visuais. Em um site, por exemplo, você deve repetir a estrutura dele em todas as páginas internas. Ou seja, nada de mudar a posição do menu nas páginas internas.

A repetição de elementos é importante especialmente para a pessoa saber que ainda está no mesmo site. No caso do design de impressos, você pode repetir a cor, fontes, relações espaciais, etc. A repetição cria uma sensação de organização.

Fonte

Pessoal,

Hoje postarei aqui um link com 100 templates de alta qualidade. Os templates à seguir foram reunidos pelo pessoal da Smashing Magazine, que inclusive é um site muito bom com diversos recursos voltados ao webdesign.

100 Templates xHTML/CSS gratuitos de alta qualidade.

Note que é possível baixar os templates individualmente ou, se você se registrar no site da Smashing Magazine, poderá baixar o pacote completo.

Povo!

Para atender aos pedidos de sites bons com vetores, fonts, icons e outras utilidades para design em geral, postarei abaixo alguns dos meus sites favoritos:

Ótimo banco de vetores, neste site é bastante fácil encontrar o vetor ideal para sua criação, ao clicar em um vetor, o Vectorizados dá informações técnicas sobre o vetor escolhido e na parte direita já mostra também outros vetores relacionados ao que você clicou. É fácil se perder no tempo ao navegar neste site.



O serviço oferecido pelo site Iconza é genial. É possível personalizar tamanho, forma e cor de 70 ícones para web, o download é totalmente grátis e os ícones baixados são exatamente conforme você os customizou.

Para poder criar um site como um bom Web Designer, é preciso seguir algumas
regras, não só para tornar a páginas bonita e agradável, mas também para torná-la eficaz.

Algumas regras que considero essenciais:

SIMPLICIDADE É A CHAVE – Faça com que tudo seja muito simples, evite páginas com muita informação, colocando apenas o essencial numa página, principalmente se for a página principal de seu site.

EVITE TEXTOS LONGOS – Textos longos devem ser resumidos ao máximo ou divididos em várias páginas pequenas, sempre evitando textos longos.

USE IMAGENS – Sempre que possível, use imagens no lugar de textos, uma imagem expressa muito mais que palavras às vezes, principalmente na internet, onde o usuário não tem paciência para grandes leituras.

EVITE OS EXAGEIROS – Jamais utilize coisas do tipo músicas de fundo, bolas e figuras como “gifs animadas” e todo tipo de elemento semelhante. Nem pense em usar “clipart” em suas homepage, um gif animado pode ser utilizado às vezes na criação de um logo ou banner, mas sem muito exagero de efeitos.

FAÇA PÁGINAS LEVES – Nenhuma página do site deve demorar a carregar, caso seu conteúdo seja grande e importante, devemos avisar o usuário que poderá demorar a carregar.

CONHEÇA O USUÁRIO – Pense, estude o público alvo do seu site, as vezes terá um equipamento inferior ao seu. Suponha uma conexão mais lenta, monitor com visualização de 800x600, diferentes navegadores, devemos atingir o "nicho" de público alvo desejado.

CORES E FONTES – Utilize sempre cores para destacar elementos, mas não de uma forma tão destacada, pois muitas cores podem fazer um belo carnaval do seu site. Cuidado ao utilizar fontes diferentes, nem sempre o usuário terá este tipo sofisticado de fonte que você queira utilizar, normalmente um tipo de fonte ARIAL, TIMES e suas derivadas pode ser ideal. Se precisar usar algum tipo de fonte diferente, crie a mesma como uma figura que possa carregar no navegador do usuário sem sofrer alterações.

EMOÇÃO X RAZÃO - Dê preferência a usar o lado emocional em vez do racional quando criar um design, algo que agrade aos olhos e a navegação do usuário com simplicidade.


créditos: IDEPAC