Este é um post para aquelas pessoas que estão começando a estudar web design e programação. O mais importante neste início é compreender de maneira clara os fundamentos da internet, pois eles serão a base de tudo o que virá pela frente. Entendê-los bem é fundamental para que possam se desenvolver e continuar aprendendo. Para começar vamos falar sobre o HTML, a linguagem predominante na web.

Jamie Wieck, designer do estúdio inglês Airside, escreveu há algum tempo um post muito interessante intitulado “The 50 Things Every Graphic Design Student Should Know” no qual compila algumas dicas essenciais para estudantes de design e, por que não, designers iniciantes. Algumas delas são óbvias, outras nem tanto, mas todas transmitem idéias de maneira simples e breve. São pensamentos que surgiram de conversas e discussões com outros profissionais e carregam uma sabedoria que pode-se levar algum tempo para acumular. Praticamente mantras.

Antes bem mais raros e de concepção simples, os infográficos vêm ganhando cada vez mais espaço em sites de notícias, jornais e revistas online, além de se tornarem cada vez mais interativos e dinâmicos. Usuários também se acostumaram com eles e têm mostrado que gostam desse tipo de conteúdo. Basta olhar para o número de links e recomendações que alguns dos infográficos de maior sucesso têm alcançado em redes sociais como o Twitter e Facebook.

Continuando o post sobre como criar gráficos usando a Google Chart API , vou mostrar aqui como criar gráficos de barras e como customizá-los para o seu site, alterando cores, escalas, tamanho e algumas outras opções.

Muito boa a apresentação do Andre Matarazzo da Gringo sobre best pratices para agências digitais. Tão boa que 90% do que está ali não se restringe apenas a pequenas agências como ele diz, mas deveria ser seguido por médias, grandes e até mesmo por outros setores que envolvam criação e tecnologia (startups, portais, produtoras).

Se você quiser fazer um layout diferente, vale a pena dar uma olhada nos exemplos abaixo. São exemplos de sites que usam desenhos feitos à mão incorporados no design e que dão um charme todo especial.
Os desenhos são usados nos mais diversos elementos: fundos, menu, barra de navegação, botões enfim de tudo um pouco.

Já imaginou um site em que você pode digitar seu nome, apertar um botão e em segundos aparecer uma lista completa com: o seu significado, quantas pessoas no mundo e no Brasil possuem o mesmo nome, em que época ele foi mais popular, quais pessoas famosas tem o mesmo nome, e por aí vai? Todas as informações reunidas numa só página, sem precisar visitar vários sites para consolidá-las.

Perfeitos para destacar imagens e por isso muito utilizados por fotógrafos em seus sites e portfolios, backgrounds com cores escuras podem também ser uma boa solução quando a idéia é chamar a atenção do usuário. Aqui vão alguns bons exemplos de layouts que utilizam, e muito bem, essa arma.

Criar um ícone, daques que você vê quando carrega o iPhone ou quando entra no Top Rated, não á uma tarefa fácil. É preciso ter em mente o que você deseja e dominar bem a ferramenta que vai utilizar. Para te ajudar nesse ultimo item achei uma ótima lista com 50 tutoriais que vão desde [...]

Você precisa lembrar de enviar aquele email ou de passar na casa do seu amigo para entregar o livro que pegou emprestado? Se você é como eu, quando mesmo as coisas mais simples e rotineiras são fáceis de serem esquecidas, você precisa dar uma lida nessa lista com 100 softwares grátis para você lembrar tudo [...]

Se você precisa daquele pincel para fazer uma proposta de layout o site “Get Bruhes” tem a solução. É um site com diversos brushes de graça, basta escolher qual que você precisa, eles estão separados por categorias e há ainda um item de “Popular Photoshop Brushes” com os mais baixados. Tem várias referências, vale a [...]

Nesse painel de corações os usuários podem se cadastrar com um email e enviar as suas mensagens, completando a frase “I love you more than…”. 

Durante o carnaval fiquei navegando pela internet e com a ajuda de um amigo descobri o link de uma lista chamada “You should Have seen This”, traduzindo: “Você deveria ter visto isso”. Quando você entra, o autor, Mister Greg Hunter, criou uma lista com as 99 situações (videos, games, fotos) que se você não viu, [...]

Continuando na série “Os mais interessantes ‘alguma coisa’ para facilitar a sua vida na web e você ficar mais feliz”, descobri uma lista com os melhores softwares online de edição de imagens. Com eles você pode fazer muita coisa, mais do que você imagina ou esperava de um serviço online e free. Vamos lá então. [...]

Um dos fatores mais importantes na otimização de um site é a sua rapidez no momento de exibir as informações para o usuário, ou como chamamos, o seu tempo de carregamento (load time). Esse tempo está diretamente ligado ao peso (ou tamanho: 10kb, 50kb, etc.) de cada elemento (html, imagens, flash, javascript) usado na página. A soma de todos eles indica o seu peso total.