Design

4.875 visualizações

Publicada em

Apresentação que oborda o processo de criação

Publicada em: Design, Tecnologia
0 comentários
2 gostaram
Estatísticas
Notas
  • Seja o primeiro a comentar

Sem downloads
Visualizações
Visualizações totais
4.875
No SlideShare
0
A partir de incorporações
0
Número de incorporações
1.802
Ações
Compartilhamentos
0
Downloads
199
Comentários
0
Gostaram
2
Incorporações 0
Nenhuma incorporação

Nenhuma nota no slide

Design

  1. 1. DESIGN<br />desenho, desígnio <br />
  2. 2. Princípios de design<br />Proximidade e alinhamento<br />Equilíbrio, proporção e simetria<br />III. Contraste, cores e brancos<br />IV. Ordem, consistência e repetição <br />V. Simplificação <br />VI. Legibilidade<br />VII.Integração<br />
  3. 3. Princípios de design<br />legibilidade<br />She sells shells by the sea shore.<br />So if she sells shells on the sea shore,<br />I&apos;m sure she sells seashore shells.<br />
  4. 4. Processo de Criação<br />
  5. 5. Definir propósito e público-alvo <br />objetivo da comunicação?<br />que perfil de usuários se espera no site?<br />estética+usabilidade<br />
  6. 6. Grid<br />arquitetura da informação<br />
  7. 7. Grid<br />área total<br />
  8. 8. Grid<br />definição de proporção<br />proporção áurea <br />
  9. 9.
  10. 10. utilização da proporção<br />
  11. 11. fuga da proporção<br />
  12. 12. Grid<br />padronize as dimensões<br />
  13. 13. faça um levantamento dos elementos<br />
  14. 14. Cores<br />psicologia das cores<br />cada cor carrega um sentimento<br />
  15. 15. Cores<br />
  16. 16. Cores<br />composição<br />
  17. 17. Cores<br />disco de cores<br />
  18. 18. Cores<br />monocromático<br />
  19. 19. Cores<br />análogo<br />
  20. 20. Cores<br />complementar<br />
  21. 21. Cores<br />http://kuler.adobe.com<br />
  22. 22. Tipografia<br />o texto fala<br />“todos os bancários disseram que iriam entrar em greve se não fossem atendidos”<br />Um texto COM TODAS AS LETRAS EM MAIÚSCULAS é lido muito lentamente e só deve ser usado em situações de muita ênfase. Na web, é o equivalente de um grito.<br />OLHA PRA MIM!<br />Marketing não leva itálico, entrepeneurshipleva.<br />V O C Ê S A B E S O L E T R A R ?<br />
  23. 23. Tipografia<br />alinhamento<br />Um texto pode estar alinhado à esquerda,<br />que é a forma mais fácil de se ler (a não ser, óbvio,<br />que você esteja escrevendo em chinês, japonês, hebraico<br />ou árabe): nossos olhos marcam uma margem, lêem a<br />linha inteira de texto e pulam até a linha de baixo.<br />Textos centralizados costumam ser estáticos.<br />Podem ser usados como títulos de produtos clássicos<br />ou tradicionais. Não se deve usá-los para textos corridos<br />porque os olhos do leitor não saberão onde começa a<br />linha, pois não têm a margem para se apoiar.<br />
  24. 24. Tipografia<br />alinhamento<br />Alinhar um texto à direita é uma solução<br />de contraste bastante radical e costuma chamar<br />muito a atenção. Em longos textos é tão difícil<br />de ler quanto o layout centralizado, pois não<br />há referência de onde começa a linha.<br />Quando cometemos um erro e escrevemos explicando o porquê, estamos fazendo uma justificativa.Isso é um texto justificado. Aqueles textos alinhadinhos nas duas margens são chamados blocados (justificado é tradução ruim do inglês justified, “ajustado”) e muito usados em layouts clássicos. Não devem ser utilizados em colunas estreitas, pois podem criar “rios” de espaços em branco entre as palavras, dificultando a leitura.<br />
  25. 25. Tipografia<br />fontes seguras<br />
  26. 26. Tipografia<br />impresso - o leitor irá seguir o fluxo de informação do início ao fim da esquerda para direita.<br />online - o usuário antes da leitura passa por toda página a procura por algo no conteúdo que lhe interesse.<br />
  27. 27. Tipografia<br />fontes de legíveis<br />escreva títulos que possam resumir o que o usuário irá encontrar no texto.<br />sempre que possível utilize uma curta introdução.<br />utilize parágrafos pequenos, pois podem ser lidos mais rapidamente.<br />tratamento de links<br />
  28. 28. Tipografia<br />destaque as palavras-chaves<br />sempre que possível organize seu conteúdo em listas, gráficos ou tabelas.<br />eles facilitam a compreensão e conseguem reunir uma grande quantidade de informação.<br />utilize imagens para conquistar o usuário<br />
  29. 29.
  30. 30. Agora é mão na massa!<br />o mundo é completamente novo e é bom se preparar para ele. pois o único jeito de prever o futuro é criá-lo!<br />
  31. 31. Obrigado! :)<br />para contatos imediatos de 1°, 2° e 3° grau, se liga no link:<br />meadiciona.com/kennedy<br />

×