lafayette b. melo – cefet-pb - coinfo princípios de design design leis do design impressão e...

18
Lafayette B. Melo – CEFET-PB - COINFO Lafayette B. Melo – CEFET-PB - COINFO Princípios de design Design Leis do design Impressão e mídia digital

Upload: internet

Post on 17-Apr-2015

105 views

Category:

Documents


2 download

TRANSCRIPT

Page 1: Lafayette B. Melo – CEFET-PB - COINFO Princípios de design Design Leis do design Impressão e mídia digital

Lafayette B. Melo – CEFET-PB - COINFOLafayette B. Melo – CEFET-PB - COINFO

Princípios de design

Design Leis do design

Impressão e mídia digital

Page 2: Lafayette B. Melo – CEFET-PB - COINFO Princípios de design Design Leis do design Impressão e mídia digital

Lafayette B. Melo – CEFET-PB - COINFOLafayette B. Melo – CEFET-PB - COINFO

• Você aplica algum princípio de design nos seus trabalhos?

• O que é um bom design de site para você?

• Você usa os princípios de design que trabalha no papel do mesmo modo que usa na confecção dos seus sites?

Page 3: Lafayette B. Melo – CEFET-PB - COINFO Princípios de design Design Leis do design Impressão e mídia digital

Lafayette B. Melo – CEFET-PB - COINFOLafayette B. Melo – CEFET-PB - COINFO

• O design como atividade profissional a ser utilizada no estudo de Interfaces Web tem alguns pontos fundamentais a serem debatidos– Está mais relacionado com “projeto” do que “desenho”– Possui princípios básicos baseados na Gestalt– Tem uma forte herança da mídia impressa

• Também é importante entender as suas quatro leis: atração, harmonia, equilíbrio e simplicidade

• Uma pergunta: as regras de design funcionam do mesmo modo o tempo todo?– Não, algumas concepções sobre o design de

objetos mudam com a história

DESIGNDESIGN

Page 4: Lafayette B. Melo – CEFET-PB - COINFO Princípios de design Design Leis do design Impressão e mídia digital

Lafayette B. Melo – CEFET-PB - COINFOLafayette B. Melo – CEFET-PB - COINFO

• Antes de aplicar as leis do design é importante entender os caminhos que se segue para escolher um design na Web

‒ Os profissionais se preocupam com a identidade?

‒ Há mais cópias ou padronizações?

• Suponha que você vai montar uma livraria virtual...

Page 5: Lafayette B. Melo – CEFET-PB - COINFO Princípios de design Design Leis do design Impressão e mídia digital

Lafayette B. Melo – CEFET-PB - COINFOLafayette B. Melo – CEFET-PB - COINFO

Você copia a Você copia a estrutura e estrutura e

muda o muda o logotipo?logotipo?

Você muda radicalmente Você muda radicalmente a apresentação das a apresentação das

seções?seções?

Page 6: Lafayette B. Melo – CEFET-PB - COINFO Princípios de design Design Leis do design Impressão e mídia digital

Lafayette B. Melo – CEFET-PB - COINFOLafayette B. Melo – CEFET-PB - COINFO

LEIS DO DESIGNLEIS DO DESIGN

• 1) ATRAÇÃO (elementos parecidos ficam próximos)– “cada macaco no seu galho”– Conjuntos de atração devem ser criados

Page 7: Lafayette B. Melo – CEFET-PB - COINFO Princípios de design Design Leis do design Impressão e mídia digital

Lafayette B. Melo – CEFET-PB - COINFOLafayette B. Melo – CEFET-PB - COINFO

• 2) HARMONIA (coerência visual)

– A criação de formas subordina-se à composição da estrutura

– Cada forma deve estar ligada a um esquema total

– Toda forma varia em grau e importância de acordo com o destaque que se quer dar a uma forma particular

– DICA: se eu já tenho a estrutura e o conteúdo de um site e quero dar mais destaque ao título do que à imagem transformo o título em imagem

Page 8: Lafayette B. Melo – CEFET-PB - COINFO Princípios de design Design Leis do design Impressão e mídia digital

Lafayette B. Melo – CEFET-PB - COINFOLafayette B. Melo – CEFET-PB - COINFO

• A relação proporcional na harmonia é a de duas partes iguais, mas é a mais desprovida de animação e variedade, sem atração visual

• Para criar uma harmonia simétrica, deve-se dispor os elementos ímpares de maneira centralizada e os pares em duplas

Page 9: Lafayette B. Melo – CEFET-PB - COINFO Princípios de design Design Leis do design Impressão e mídia digital

Lafayette B. Melo – CEFET-PB - COINFOLafayette B. Melo – CEFET-PB - COINFO

• A proporção igual não chama atenção, mas o ideal é de três partes para cinco ou de três partes para dois

• Apesar das regras, o ideal é treinar o bom senso, observando pinturas, formas arquitetônicas e o que mais chama atenção das pessoas nas ruas, enfim INTERAGIR!

Page 10: Lafayette B. Melo – CEFET-PB - COINFO Princípios de design Design Leis do design Impressão e mídia digital

Lafayette B. Melo – CEFET-PB - COINFOLafayette B. Melo – CEFET-PB - COINFO

• 3) EQUILÍBRIO (dois pesos duas medidas)

– O equilíbrio entre duas forças, ou entre dois elementos, ocorre quando ambos compensam-se mutuamente

– É obtido mais com treino do que com proporções e cálculos matemáticos (“o equilibrista”)

– Assim como o equilibrista, há a possibilidade de fracassar!

Page 11: Lafayette B. Melo – CEFET-PB - COINFO Princípios de design Design Leis do design Impressão e mídia digital

Lafayette B. Melo – CEFET-PB - COINFOLafayette B. Melo – CEFET-PB - COINFO

• 4) SIMPLICIDADE (sinônimo de eficiência)– Gera clareza, organização mais harmoniosa e unificada– Boa assimilação e fácil compreensão– Godin traduziu como “macaco quer banana”

Page 12: Lafayette B. Melo – CEFET-PB - COINFO Princípios de design Design Leis do design Impressão e mídia digital

Lafayette B. Melo – CEFET-PB - COINFOLafayette B. Melo – CEFET-PB - COINFO

• As semelhanças de uma página impressa com as páginas da Web existem, mas para fazer um bom design é necessário antes entender as diferenças– O custo de publicação

• Seja um folheto, um livro ou um anúncio em uma revista ou jornal, o valor impresso é muito mais alto

• Na Web, acrescenta-se a possibilidade da quantidade de armazenagem

– A cor• O padrão impresso é CMYK (ciano, magenta,

amarelo e preto• O padrão Web é RGB (vermelho, verde e azul)

IMPRESSÃO E MÍDIA DIGITALIMPRESSÃO E MÍDIA DIGITAL

Page 13: Lafayette B. Melo – CEFET-PB - COINFO Princípios de design Design Leis do design Impressão e mídia digital

Lafayette B. Melo – CEFET-PB - COINFOLafayette B. Melo – CEFET-PB - COINFO

• O padrão impresso CMYK

• O padrão Web RGB (mais espectros visuais)

Page 14: Lafayette B. Melo – CEFET-PB - COINFO Princípios de design Design Leis do design Impressão e mídia digital

Lafayette B. Melo – CEFET-PB - COINFOLafayette B. Melo – CEFET-PB - COINFO

• Revisões, atualizações e arquivos podem ser mantidos melhor na Web

• A distribuição do material impresso é feita por envio e na Web o cliente é ativo

• As respostas ao material são mais rápidas na Web

• Na Web, há muita integração com outras mídias

• Quantidade e acessibilidade podem ser colocadas em conjunto maior na Web

Page 15: Lafayette B. Melo – CEFET-PB - COINFO Princípios de design Design Leis do design Impressão e mídia digital

Lafayette B. Melo – CEFET-PB - COINFOLafayette B. Melo – CEFET-PB - COINFO

Page 16: Lafayette B. Melo – CEFET-PB - COINFO Princípios de design Design Leis do design Impressão e mídia digital

Lafayette B. Melo – CEFET-PB - COINFOLafayette B. Melo – CEFET-PB - COINFO

• Mas há muitas vantagens na impressão

– Portabilidade– Mais barata de ler– Familiaridade / história com a impressão– Você pode ler no banheiro, na rede etc– As ferramentas de impressão são mais

desenvolvidas

Page 17: Lafayette B. Melo – CEFET-PB - COINFO Princípios de design Design Leis do design Impressão e mídia digital

Lafayette B. Melo – CEFET-PB - COINFOLafayette B. Melo – CEFET-PB - COINFO

• As situações abaixo se enquadram melhor em impressão ou na Web?

– 1) Relatório anual que precisa chegar aos acionistas– 2) Você deseja mudar de uma pequena cidade para

uma maior para mostrar seus talentos de artista gráfico

– 3) Você tem uma pequena empresa de software e precisa atualizá-lo a cada mês. Como avisar aos clientes?

– 4) Você é um professor e quer mostrar folhetos seus com os mais diversos assuntos, mas os editores dizem que os folhetos são muito pequenos

– 5) Sua namorada quer compilar todo seu trabalho artístico para que o mundo conheça

Page 18: Lafayette B. Melo – CEFET-PB - COINFO Princípios de design Design Leis do design Impressão e mídia digital

Lafayette B. Melo – CEFET-PB - COINFOLafayette B. Melo – CEFET-PB - COINFO

• Encontre um grande site empresarial e diga se ele está de acordo com as expectativas que você teria das suas cores, se ele tem informações demais / de menos, se tem páginas divididas demais / de menos, se a sua atualização poderia ser menor / maior e se os seus mecanismos de interação fazem com que você queira ou não interagir.

• Analise tudo de acordo com as leis do design e fazendo eventuais ponderações em relação ao fato de as leis poderem ter sido aplicadas melhor no modo impresso.

Tarefa