30 exemplos de web design + ilustração
Fala galera! Sumimos, mas estamos de volta.
Dessa vez falaremos de algo bem interessante: ilustrações em web design.
Fala galera! Sumimos, mas estamos de volta.
Dessa vez falaremos de algo bem interessante: ilustrações em web design.
Bom dia senhoras e senhores!
Depois de alguns dias de folga devido ao carnaval (lê-se: dias oportunos para colocar os jobs em dia) estamos de volta com as costumeiras postagens.
Para começar bem a semana (numa quinta-feira…) falaremos de algo que me agrada muitíssimo: o minimalismo no web design.
Ah, o passado. Não sei quanto a vocês, mas de vez em quando eu passo horas revendo fotos, gravações e coisas antigas.
Afinal, todo ser humano deixa marcas no passado. Com a internet não é diferente.
Já se perguntou como era o site do gigante das buscas em dezembro de 1998, por exemplo?
A imagem acima responde essa pergunta.
O site Internet Archive Waybak Machine nos leva a uma viagem ao passado, e nos faz ver como o design e a usabilidade dos sites evoluiu ao longo do tempo. Podemos conferir tendências que marcaram épocas, e com base nisso, imaginar qual será o futuro do webdesign.
Quer viajar também?
Acesse já o site e divirta-se.
Que fonte usar? Qual o tamanho ideal? Será que essa cor de fonte fica legal com esse fundo?
Da próxima vez que surgir perguntas como essas, experimente o typetester.org.
O site oferece um comparativo entre as fontes mais comuns e também as que você possui no computador.
Funciona da seguinte forma:
Você escreve o texto desejado e escolhe as três fontes e suas características.
Pronto, logo abaixo você pode fazer a comparação. O legal é que você pode copiar o código em CSS pronto da opção escolhida.
Acesse o site e veja você mesmo!

Quem nunca errou como webdesigner?
Seja por falta de experiência, atenção ou de café, todos nós já fizemos algo que não deu muito certo. Veja a seguir uma lista de 12 coisas que muitos ainda persistem em fazer:
1. Assumir que “se você construir, eles virão” – Mesmo se você conseguir fazer o site “perfeito” você ainda precisa fazer marketing deste projeto. Cada vez mais torna-se importante espalhar a palavra sobre seu site, seja no mundo online ou offline.
2. Misturar publicidade com conteúdo – Pode até aumentar seus cliques a curto prazo, mas quando os usuários acreditarem estar clicando em um link interno e descobrirem que você enganou eles, muitos não vão mais voltar.
3. Usar páginas de introdução – Por sorte, essa tendência tá diminuindo. Quem não se lembra de ter que clicar em um “Clique aqui para entrar” para acessar o site? Seja direto, rápido, objetivo.
4. Vídeos ou música – Se for para colocar vídeo ou música em seu site, não faça tocar automaticamente na hora que a pessoa acessar. Se o usuário quiser escutar sua música ou ver seu vídeo, ele vai escolher fazê-lo. É algo irritante e causa desconforto em quem deixou as caixas de som ligadas no escritório.
5. Não altere as funções do navegador – Não quebre os botões de voltar, avançar ou qualquer outro (como redimensionamento da janela). Algumas pessoas precisam destes botões (quem não possui teclado, por exemplo – entre estes grupos, deficientes físicos).
6. Não abra links em nova janela – Permita ao usuário escolher o destino dele. Se ele quiser voltar, ele irá. Não adianta prender uma pessoa no seu site.
7. Não sublinhe ou mude as cores do texto normal – Usuários identificam palavras sublinhadas e palavras com outras cores como links. Não confunda eles usando múltiplas cores no seu texto sem fim algum.
8. Seja consistente – Não faça com que cada página interna do seu site seja diferente. Isso inclui cor de texto, fundo, posicionamento de menu e design no geral.
9. Evite cores fortes e brilhantes – Faça com que a fonte seja fácil de ser lida com o fundo escolhido. Lembre-se de que só por que você consegue ler o texto rosa-choque no fundo amarelo-vivo, não quer dizer que todos conseguem.
10. Não force um registro se não for necessário – Não force os usuários a fornecerem seu e-mail quando não é absolutamente necessário. Ponto final.
11. Não desabilite o clique com botão direito do mouse – Muitos “webmasters” tentam evitar a cópia de seu texto com esses scripts que bloqueiam o uso do botão direito do mouse. Scripts assim são fáceis de serem desativados, então se alguém quiser copiar, ela irá. Sem contar que isso pode trazer alguns problemas para usuários que usam apenas o mouse para navegação.
12. Otimize o CSS e suas imagens – Otimizando a folha de estilos e imagens vai garantir um tempo menor de download e ocupará menos transferência mensal, te salvando muito dinheiro.
E aí, alguém se identifica com um dos ítens acima? Fiquem à vontade e comentem seus erros.
Texto original aqui.
O site fivesecondtest.com apresenta uma proposta bem interessante e útil para webdesigners.
Trata-se do teste dos cinco segundos.