1 / 18

Princípios de design

Princípios de design. Design Leis do design Impressão e mídia digital. 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?. DESIGN.

melita
Download Presentation

Princípios de design

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript


  1. Princípios de design Design Leis do design Impressão e mídia digital

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

  3. DESIGN • 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

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

  5. Você copia a estrutura e muda o logotipo? Você muda radicalmente a apresentação das seções?

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

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

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

  9. 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!

  10. 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!

  11. 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”

  12. IMPRESSÃO E MÍDIA DIGITAL • 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)

  13. O padrão impresso CMYK • O padrão Web RGB (mais espectros visuais)

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

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

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

  17. Tarefa • 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.

More Related