A partir de agora, todas as imagens inspiracionais de sites, embalagens, gráficos, pôsteres que achamos digno de sua atenção, querido leitor, iremos publicar lá no Design.Lov.

Então, aproveite para assinar o RSS deles e ficar de olho no Twitter deles e no nosso Twitter onde vamos fornecer as melhores imagens do site.

Aproveite e siga o Design Blog no Twitter! Assim você fica por dentro das novidades no mundo do design, com links super interessantes.

Artigos relacionados

• Inspiração – Web design tipográfico
• Inspiração de segunda – parte 6
• Inspiração de segunda – parte 5

[nggallery id=3]

Aproveite e siga o Design Blog no Twitter! Assim você fica por dentro das novidades no mundo do design, com links super interessantes.

Artigos relacionados

• Inspiração de segunda – parte 6
• Inspiração de segunda – parte 5
• Uma fonte de inspiração para designers

Aproveite e siga o Design Blog no Twitter! Assim você fica por dentro das novidades no mundo do design, com links super interessantes.

Artigos relacionados

• Inspiração – Web design tipográfico
• Inspiração de segunda – parte 5
• Uma fonte de inspiração para designers

São 10 sites de times de futebol brasileiros que foram escolhidos a dedo. Que fique claro: não estão em nenhuma ordem específica e não estou favorecendo nenhum deles. Não acompanho nenhum time ;)

Você acha que faltou o time do seu coração? Deixe um comentário com o nome do time que você acha que deveria constar aqui por ter um site bem produzido.

Aproveite e siga o Design Blog no Twitter! Assim você fica por dentro das novidades no mundo do design, com links super interessantes.

Artigos relacionados

• Inspiração – Web design tipográfico
• Inspiração de segunda – parte 6
• 5 dicas de design que se aprende com a Apple

Mantenha-o simples

Veja o site da Apple. Não pense no que você vê, mas no que não vê. Vou dar uma dica: você não vê tudo que você vê neste site do Microsoft Office. A resposta é poluição visual. A página inicial deve nos dizer tudo sobre nossa empresa, falar de todos os nossos produtos nos mínimos detalhes, listar todas as vantagens do produto e deixar o logo no maior tamanho possível. Certo? De acordo com a Apple, não.

A diferença entre o site da Apple e do MS Office 2010 - diferença gritante

A Apple sacrifica um pouco da usabilidade, fazendo com que o usuário tenha que clicar mais de uma vez para poder visualizar determinada informação apenas para não saturar a tela dele – que no final das contas, seria tão trabalhoso para o usuário filtrar todas as informações em uma página só do que separar de forma que fique fácil de achar.

Use fotos fantásticas

Um dos motivos que levou a Apple a diminuir o uso de gráficos supérfluos, foi para mostrar o que realmente é importante: seus produtos. Olhe as fotos que eles usam; é quase impossível não fixar seus olhos naqueles aparelhos durante vários segundos.

Em uma mistura de fotografia profissional, renderização 3D e, claro, Photoshop, as imagens realmente chamam a atenção. Outro detalhe são os tamanhos das imagens; ocupam boa parte da tela. De nada adianta passar horas editando uma foto para que fique super legal apenas para diminuí-la a um tamanho de thumbnail e colocar no site.

É possível aprender que não basta tirar uma foto e jogar no site (ou folder, revista, etc) de qualquer maneira. Gaste um pouco mais de tempo (ou dinheiro, contratando alguém que saiba fazer algo incrível) e faça algo fantástico.

O contraste é a chave

Outra coisa que faz com que as fotos de produtos da Apple sejam tão incríveis é o ambiente no qual estão contidas. O cérebro humano ama contraste. É o motivo da gente ficar impressionado com o pico de uma montanha no horizonte, acima de um oceano. É o que faz a gente ficar com água na boca ao ver aquele iPhone preto brilhante em um fundo branco. É aconselhado que você sempre procure utilizar o contraste seletivo em tudo que você criar. Que seja contraste de cor, tamanho, peso de fonte, etc.

Dê atenção aos detalhes

A Apple parece focar bastante nos detalhes. Todos os pixels de seu site e afins são planejados. Nunca caia na armadilha de dizer “ninguém vai notar” ou “tá bom o suficiente”. Muitas vezes é o tempo gasto com os mínimos detalhes que separam os bons designers dos ótimos designers.

Não acredita em detalhes? Veja a região dos logos de redes sociais do site do Microsoft Office e me diga que não te deu um frio na espinha.

Ai ai...

Crie propagandas instrutivas

Para reforçar a mensagem que o mouse possui uma superfície multi-toque, a Apple criou a imagem abaixo. Mesmo sem o título, quase todo mundo consegue compreender o que está acontecendo na figura e conseqüentemente entendem como usar essa nova tecnologia com a qual não estão acostumados.

No entanto, a Apple vai muito além de ilustrações. Praticamente qualquer pedaço de hardware e software no site deles possui um vídeo explicativo. Isto ajuda horrores na hora de reduzir o suporte técnico a questões freqüentes. Toda vez que algum convertido ao mundo da maçã me faz uma pergunta (como sou usuário de Mac, muitos me vêem como um suporte gratuito ao sistema), aconselho visualizar os vídeos pois eles fornecem uma melhor explicação e entendimento do que um e-mail ou conversa via telefone poderia. Dê uma olhada na biblioteca de vídeos institucionais da Apple para ver como funciona.

Em resumo

A Apple Inc. é basicamente sinônimo de “design classudo”. Existe muito que podemos observar destas obras de arte que vão além de imitar o efeito de reflexo que eles colocam em tudo. Essas dicas foram dadas para serem aplicadas no seu próprio trabalho de maneira única. Use elas como inspiração.

Toda vez que alguém menciona a Apple é normal ter fiéis e odiadores, prontos para mostrarem seu amor ou ódio ao método de design da Apple. Você é qual deles? E por quê? Deixe um comentário abaixo!

Confira mais 10 dicas no Design Shack (ING)

Aproveite e siga o Design Blog no Twitter! Assim você fica por dentro das novidades no mundo do design, com links super interessantes.

Artigos relacionados

• Design Blog Podcast – Episódio 02
• Regulamentar a profissão de designer – sim ou não?
• Design Blog Podcast – Episódio 03

Aproveite e siga o Design Blog no Twitter! Assim você fica por dentro das novidades no mundo do design, com links super interessantes.

Artigos relacionados

• Sorteio – Tide Hellmeister, Inquieta Colagem
• Ah, Helvetica, cansei!
• Ascensão Tipográfica – O que faz uma fonte ser lembrada?

É só conectar os fios e pronto! Essa régua, que fica de ponta-cabeça, mostra até um led indicando o que está conectado além de deixar os fios organizados. Com um design simples e bonito, você não vai querer deixar mais no chão, escondido debaixo de seus pés.

Para quem gosta de design de produto, taí uma ótima idéia.

Fonte: Yanko Design

Aproveite e siga o Design Blog no Twitter! Assim você fica por dentro das novidades no mundo do design, com links super interessantes.

Artigos relacionados

• Regulamentar a profissão de designer – sim ou não?
• 5 dicas de design que se aprende com a Apple
• Design de latinha diferente

A Galeria é criada quase que inteiramente pelo próprio usuário. Se você achou algum site legal em CSS feito por um brasileiro (ou uma agência do Brasil), você pode Recomendar ele, e se for aprovado, aparece na nossa galeria como um colírio verde-e-amarelo a todos ;)

Os critérios para aprovação são simples:

• Originalidade
• Balanço de cores
• Tipografia
• Estética geral
• Detalhes

Se você conhece algum site assim, basta Recomendar ele! Enquanto isto, espero que gostem da nova Galeria Design Blog – a galeria CSS 100% brasileira!.

Aproveite e siga o Design Blog no Twitter! Assim você fica por dentro das novidades no mundo do design, com links super interessantes.

Artigos relacionados

• Regulamentar a profissão de designer – sim ou não?
• Mega sorteio Design Blog e Adobe!
• Design Blog Podcast – Episódio 04

Eis apenas algumas das imagens que são uma ótima forma de inspiração aos ilustradores por aí. Mais pode ser encontrado no portfólio de Drew.

Fonte: Abduzeedo

Aproveite e siga o Design Blog no Twitter! Assim você fica por dentro das novidades no mundo do design, com links super interessantes.

Artigos relacionados

• Ilustre uma jaqueta da banda Switchfoot
• Uma fonte de inspiração para designers
• Inspiração – Web design tipográfico

Lei da Semelhança

Lei da Proximidade

Neste exemplo, veja como ítens similares são agrupados perto uns dos outros

Lei da Continuidade

Observe como a identação sugere um movimento, além de sugerir que o link mais a direita faz parte do de cima. O restante do site também é contínuo: de cima para baixo.

Lei da Pregnância / Simplicidade

Aqui dá pra notar que a simplicidade facilita o entendimento do site. Poucas informações, mas muito descritivas.

Lei do Fechamento

Neste caso, os blocos são fechados para reforçar a idéia de separação de conteúdo. No entanto, o site não precisava da borda para isto.

E com isso, encerro o assunto de Gestalt. Caso você tenha alguma dúvida ou sugestão, por favor deixe um comentário!

Aproveite e siga o Design Blog no Twitter! Assim você fica por dentro das novidades no mundo do design, com links super interessantes.

Artigos relacionados

• 5 dicas de design que se aprende com a Apple
• jQuery: o básico que todo designer precisa saber – parte I
• Princípios e meios para melhorar a experiência do usuário