Design.Blog.br » inspiração

Inspiração de segunda – parte 5

Canha — Mon, 01 Mar 2010 13:00:29 +0000

Existem muitos times brasileiros de futebol que possuem sites considerados uma atrocidade. No entanto, alguns ainda se salvam. Eis uma coletânea de sites oficiais de times que chamam a atenção pelo seu design interessante.

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.

5 dicas de design que se aprende com a Apple

Canha — Fri, 26 Feb 2010 13:00:33 +0000

Eu gosto do Windows, especialmente o XP (embora agora eu seja 100% Mac). Durante anos usei ele e não tenho nada contra produtos Microsoft. Mas convenhamos que, em termos de design, a Apple está muito mais a frente da gigante MS. Eis 5 coisas que podemos aprender com a Apple em relação a design de interfaces.

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.

Posters tipográficos incríveis

Canha — Fri, 25 Sep 2009 15:15:37 +0000

Esses posters tipográficos deixam qualquer designer com água na boca. Um dia, irei decorar meu escritório com centenas destes. Excelente fonte de inspiração.

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

Mostre sua régua

Canha — Thu, 27 Aug 2009 15:00:50 +0000

Sabe aquela régua onde você conecta todos os seus fios? Especialmente a do computador? É um objeto que sempre fica escondido atrás dos móveis, fora da área de visão. A idéia do Power Bridge é ser uma régua que você quer deixar do lado dos seus aparelhos, de tão bonito que é.

É 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.

Nova galeria CSS 100% brasileira

Canha — Mon, 24 Aug 2009 13:00:07 +0000

Quem acessa o blog frequentemente deve ter notado o novo link de Galeria no menu do blog. Trata-se de uma galeria de sites CSS 100% brasileira, similar as galerias CSS do exterior mas com sites criados por brasileiros.

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.

Posters ilustrados do cinema – o melhor dos melhores

Canha — Fri, 21 Aug 2009 13:00:26 +0000

Você lembra de como eram os posteres de “Star Wars” e “De Volta Para O Futuro”? E os dos filmes de “Indiana Jones”? Sabia que foram feitos pelo mesmo desenhista, Drew Struzan? Drew, considerado por muitos como um dos maiores ilustradores de todos os tempos, começou desenhando posteres para filmes na década de 80 e continua até hoje, desenhando até para os últimos “Harry Potters” e os “Star Wars” mais recentes.

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.

Gestalt aplicado ao web design

Canha — Tue, 28 Jul 2009 13:00:23 +0000

No artigo passado, eu falei sobre a Gestalt – ou Teoria da Forma. Foi um artigo sobre “a parte teórica da teoria”. Neste, vou mostrar alguns exemplos de como a Gestalt é aplicada ao web design.

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.

Inspiração para logos

Canha — Wed, 15 Jul 2009 16:00:19 +0000

Designers precisam de inspiração. Nota-se que falei inspiração, não “algo para copiar”. Afinal de contas, um bom designer pega algo existente e transforma em algo melhor. Compilei uma lista dos sites que mais acesso para buscar inspiração na hora de criar logos.

LogoPond

Logo Faves

Logoinspire

Logo Lounge

Logo Moose

Iconic Logo Designers

Você acessa algum site para lhe dar inspiração? Indique-o!

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

10 infográficos bonitos e bem-bolados

Canha — Tue, 14 Jul 2009 10:00:09 +0000

Achei no site Six Revisions vários infográficos bonitos que podem servir de inspiração para qualquer designer. Excelente!

Abaixo, coloquei os 10 infográficos que achei mais bem-bolados e produzidos. Você pode ver mais no site do Six Revisions.

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

Infográficos: Inspiração para designers

Canha — Fri, 05 Jun 2009 18:05:53 +0000

Como o blog não tá sendo atualizado muito (estou trabalhando no novo visual do blog, e mais meus empregos, isso me faz ter pouco tempo disponível), resolvi colocar essa dica interessante pra quem precisa de inspiração para infográficos.

Um grupo no Flickr junta centenas de infográficos para quem precisa de inspiração nessas horas. Recomendo uma olhada aqui!

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

Design.Blog.br » inspiração

Inspiração de segunda – parte 5

Artigos relacionados

5 dicas de design que se aprende com a Apple

Mantenha-o simples

Use fotos fantásticas

O contraste é a chave

Dê atenção aos detalhes

Crie propagandas instrutivas

Em resumo

Artigos relacionados

Posters tipográficos incríveis

Artigos relacionados

Mostre sua régua

Artigos relacionados

Nova galeria CSS 100% brasileira

Artigos relacionados

Posters ilustrados do cinema – o melhor dos melhores

Artigos relacionados

Gestalt aplicado ao web design

Lei da Semelhança

Lei da Proximidade

Lei da Continuidade

Lei da Pregnância / Simplicidade

Lei do Fechamento

Artigos relacionados

Inspiração para logos

Artigos relacionados

10 infográficos bonitos e bem-bolados

Artigos relacionados

Infográficos: Inspiração para designers

Artigos relacionados