Princípios de design

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

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

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

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