quarta-feira, 27 de abril de 2011

5 dicas de design que se aprende com a Apple

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

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

3-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. Quer seja contraste de cor, tamanho, peso de fonte, etc.




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


5-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 consequentemente 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 frequentes.  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.

quinta-feira, 21 de abril de 2011

Como criar icones

Fala ai pessoal!!!

Galera, resolvi fazer um tutorial bem legal ai pra vocês, tenho certeza que muitos já tiveram a vontade de personalizar o computador com um icone um pouco mais estilizado, ou até mesmo personalizar aquela pasta especial com um icone próprio, porém muitas vezes ficam barrados nos icones que encontram para download na internet, porém este sofrimento agora acabou!!! .... a partir do momento em que vocês acompanharem este tutorial você terão o conhecimento para criar icones para o que quiserem e como quiserem !!!

Pessoal, antes de iniciarmos quero explicar o que faremos neste tutorial, a idéia básica é como fazer uma arte criada a partir do Adobe Illustrator se transformar em um arquivo .ico, utilizando um programinha muito leve e gratuito que se chama IcoFX

Vamos para o tutorial:

1° Parte: Como criar seu Icone


Podem ver na imagem acima, um icone que criei especialmente para uma pasta da qual arquivo tudo sobre o blog Alessandro Design, a partir de agora mostrarei passo a passo como chegar a este resultado final.



Antes de tudo Galerah precisamos fazer o download do programa IcoFX 


Após clicar no link para download acima você será direcionado ao site do programa,


Clique em DOWNLOAD, aguarde o mesmo ser feito, após baixar por completo siga os passos do próprio programa para a instalação 


Depois de concluir a instalação abra o programa, acima vocês podem ver como será o layout, vocês podem perceber que este programa tem suas proprias ferramentas para criação de icones, porém prefiro cria-los em um programa do qual me de uma possibilidade muito maior de criação como o Adobe Illustrator e usar o IcoFX somente para exportar no formato .ico (formato padrão do Windows para icones).


Pessoal este será meu ponto de partida, criei meu icone no Adobe Illustrator, não vou fazer o passo a passo da criação para não estender muito o tutorial, após pronto preciso salva-lo ( CTRL+SHIFT+S ) em arquivo .Ai (Adobe Illustator) 


Arquivo Salvo no Desktop, agora partiremos para um outro programa muito conhecido e muito eficaz, Adobe Photoshop, esta parte do tutorial iremos tranformar o arquivo que criamos no Adobe Illustrator que é um vetor para um arquivo .png com fundo transparente para que possamos importar para o programa IcoFX


Existem varias maneiras de abrir o arquivo .Ai no Adobe Photoshop, CTRL+O, ou até mesmo como ilustrado na imagem acima, arrastando o arquivo até o Phothoshop


Após isso, uma janela igual a de cima será aberta, os padrões de imagem não precisam ser alterados pois serão mantidas as configurações do Adobe Illustrator, simplesmente clique em OK 


Pode notar que seu icone será transformado em Bitmap (imagem) e que o fundo está transparente, isto é exatamente o queremos,  


Agora precisamos salvar esta imagem em .png, para isso CTRL+SHIFT+S, ou File e depois Save As selecione em Tipo: .PNG 


Uma janela igual está se abrirá, selecione None e OK 


Arquivo .png salvo 


Abra novamente o programa IcoFX, a partir de agora vamos iniciar o processo de transformação de nosso arquivo de .png para .ico, selecione Arquivo e depois Importar Imagem


Selecione o arquivo .png e clique em Abrir 


Uma caixa de dialogo igual esta abrirá, você ira selecionar Milhões de Cores - Canal Alpha (32 bits) e 256x256 e depois é só clicar em OK 


Outra tela se abrirá nesta tela você deverá manter selecionado os seguintes campos: Personalizado, Redimencionar a imagem e Como está depois clique em OK


Após todo este processo sua imagem está pronta para ser salva,


Clique em Criar icone Windows da imagem


Outra caixa de dialogo de abrirá deixe selecionado todas as opções de tamanhos e clique em OK


Selecione a primeira opção 256x256-32


Selecione Arquivo e Salvar como...


Escolha o lugar em que deseja salvar seu arquivo e em Tipo: selecione Ícones do Windows (*.ico)


Processo de criação de icone concluido, agora você pode instalar em qualquer pasta ou arquivo

2° Parte: Como instalar seu icone


Clique com o botão direito do seu mouse selecione Novo e Pasta 


Pasta nova


Clique novamente com o botão direito em cima da sua nova pasta e clique em Propriedades


Clique na aba Personalizado e depois em Alterar Ícone


Clique em Procurar


Selecione o arquivo no formato .ico e selecione Abrir


Confira o seu icone na caixa de dialogo e clique em OK 


Clique novamente em OK


Pronto Icone modificado 


DICA:
Antes de fazer este processo de instalação do icone a melhor coisa é que você crie uma pasta denominada icones em meus documentos, pois se você efetuar a instalação com o icone salvo diretamente em seu desktop, caso você deseje limpar sua area de trabalho e neste processo acabar importando seu icone para uma outra pasta qualquer, sua pasta onde o mesmo estiver instalado não atualizará o caminho para o icone, ou seja voltará a ter o icone próprio de seu Windows e você terá que fazer todo o processo novamente.  

Pessoal espero que tenham gostado das dicas ai, logo mais voltarei com algum outro tutorial ou alguma materia bem interessante, agradeço a todos que tem acompanhado o Blog e os que tem deixado suas mensagens.... até mais galera!!!

CASO VOCÊ AINDA NÃO TENHA O ADOBE ILLUSTRATOR OU O PHOTHOSHOP INSTALADO EM SEU COMPUTADOR TEMOS O DOWNLOAD AQUI NO BLOG, CLIQUE NO LINK PARA SER DIRECIONADO ATÉ A PAGINA DE DOWNLOADS DO ALESSANDRO DESIGN


domingo, 10 de abril de 2011

Significados dos símbolos de reciclagem

Qual o significado do símbolo que normalmente é encontrado no fundo das embalagens plásticas?

Beleza galerah, todos ai devem estar pensando "ahh para!!! pode me perguntar qualquer coisa, menos o significado de um símbolo do qual quase nem é notado pelas pessoas, quanto menos interpretado" ta só que a grande "sacada" é que além dos simbolos de reciclagem terem a presença garantida nas embalagens, hoje em dia reciclagem tem como significado conscientização, ou seja quando você ai sentar para criar aquela embalagem maravilhosa para seu cliente você não poderá deixar faltar aquele "espacinho" especial para o simbolo de reciclagem ....tudo bem que o simbolo sempre será entregue pela empresa, ou seja não cabe ao Publicitário ou Designer julgar qual simbolo deve ser usado na embalagem, porém mesmo assim é interessante ter o conhecimento, e também não podemos deixar de lembrar que reciclagem é a esperança de um mundo cada vez melhor ....um mundo mais limpo... um mundo onde a construção não dependa de um processo de destruição !!!

 A norma NBR 13230 da ABNT - Associação Brasileira de Normas Técnicas - padroniza os símbolos que identificam os diversos tipos de resinas plásticas utilizadas. O objetivo é facilitar a etapa de triagem dos diversos resíduos plásticos que serão encaminhados à reciclagem.


Ai estão os simbolos:


Tereftalato de polietileno - PET
Os plásticos de tereftalato de polietileno são transparentes, inquebráveis, impermeáveis e leves. O PET é utilizado, principalmente, na fabricação de garrafas de água mineral e refrigerante, embalagens para produtos alimentícios, como óleos e sucos, de limpeza, cosméticos e farmacêuticos. Também está presente em bandejas para microondas, filmes para áudio e vídeo, fibras têxteis, entre outros.


Polietileno de alta densidade - PEAD
Embalagens para alimentos, produtos têxteis, cosméticos e embalagens descartáveis são produzidas a partir do polietileno de alta densidade. Resistente a baixas temperaturas, leve, impermeável, rígido e com resistência química, o PEAD também é usado na fabricação de tampas de refrigerante, potes para freezer e garrafões de água mineral, além de brinquedos e eletrodomésticos, cerdas de vassoura e escovas, sacarias (revestimento e impermeabilização), fitas adesivas, entre outros. 


Cloretos de polivinila - PVC
Por suas características como rigidez, impermeabilidade e resistência à temperatura, os cloretos de polivinila são usados principalmente em tubos, conexões, cabos elétricos e materiais de construção como janelas, portas, esquadrias e cabos de energia. O PVC também pode ser aplicado na fabricação de brinquedos, alguns tipos de tecido, chinelos, cartões de crédito, tubos para máquinas de lavar roupa e caixas de alimentos. 


Polietileno de baixa densidade - PEBD e Polietileno de baixa densidade linear - PEBDL
São flexíveis, leves, transparentes e impermeáveis. O polietileno de baixa densidade (PEBD) é utilizado na produção de filmes termocontroláveis, como caixas para garrafas de refrigerante, fios e cabos para televisão e telefone, filmes de uso geral, sacaria industrial, tubos de irrigação, mangueiras, embalagens flexíveis, impermeabilização de papel (embalagens tetrapak), entre outros. O polietileno linear de baixa densidade (PEDBL) é aplicado, principalmente, na produção de embalagens de alimentos, fraldas, absorventes higiênicos e sacaria industrial. 


Polipropileno - PP
Embalagens para alimentos, produtos têxteis e cosméticos, tampas de refrigerante, potes para freezer e garrafões de água mineral são alguns dos produtos fabricados com polipropileno. Esses plásticos conservam o aroma e são resistentes a mudanças de temperatura, brilhantes, rígidos e inquebráveis. Também são utilizados em produtos hospitalares descartáveis, tubos para água quente, autopeças, fibras para tapetes, fraldas, absorventes higiênicos, entre outros. 



Poliestireno - PS
Entre os produtos fabricados com o poliestireno estão os copos descartáveis, eletrodomésticos, produtos para construção civil, autopeças, potes para iogurte, sorvete e doces, frascos, bandejas de supermercados, pratos, tampas, aparelhos de barbear descartáveis, brinquedos etc. As principais características do PS são a impermeabilidade, rigidez, leveza e transparência.


Copolímero de etileno e acetato de vinila - EVA
O copolímero de etileno e acetato de vinila (EVA)
é empregado principalmente na fabricação de calçados, colas, adesivos, peças técnicas, fios e cabos. 

Galera espero que tenham gostado... logo mais eu volto com alguma coisa bem interessante!!!