Aula 02

430 views

Published on

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
430
On SlideShare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
10
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • Aula 02

    1. 1. GRIDS AI (aula 02)
    2. 2. O Que é um Grid? (AMBROSE, HARRIS, 2009 p.5)• O GRID é a BASE sobre a qual um DESIGN é CONSTRUÍDO;• Ele permite que o DESIGNER ORGANIZE de modo EFICIENTE diversos ELEMENTOS em uma PÁGINA;• GRID = ESQUELETO;• GRID = ORDEM + ESTRUTURA AO TRABALHO.
    3. 3. O que eu posso definir HIERARQUIA, CAMADAS, com um grid? POSICIONAMENTO
    4. 4. Por que usar grids? (AMBROSE, HARRIS, 2009 p.10)• O GRID fornece uma ESTRUTURA para todos os ELEMENTOS de DESIGN de uma PÁGINA;• Elementos estruturados FACILITAM e SIMPLIFICAM os PROCESSOS de CRIAÇÃO e de TOMADA DE DECISÃO por parte do designer;• O grid aumenta a PRECISÃO e a CONSISTÊNCIA da LOCALIZAÇÃO dos elementos da página = + CRIATIVIDADE;• Grids permitem que o designer tome DECISÕES CONSCIENTES e use o seu TEMPO de modo EFICIENTE;• DINAMISMO, IMPACTO a partir do posicionamento dos elementos.
    5. 5. Como vemos A hierarquia da visualização o monitor? da informação
    6. 6. Páginas e Telas• Elementos ATIVOS;• Elementos PASSIVOS;• Natureza do conteúdo;• O olho varre a superfície em busca da informação.
    7. 7. Páginas e Telas• Elementos ATIVOS;• Elementos PASSIVOS;• Natureza do conteúdo;• O olho varre a superfície em busca da informação.
    8. 8. Páginas e Telas• Elementos ATIVOS;• Elementos PASSIVOS;• Natureza do conteúdo;• O olho varre a superfície em busca da informação.
    9. 9. Páginas e Telas• Elementos ATIVOS;• Elementos PASSIVOS;• Natureza do conteúdo;• O olho varre a superfície em busca da informação.
    10. 10. Páginas e Telas• Elementos ATIVOS;• Elementos PASSIVOS;• Natureza do conteúdo;• O olho varre a superfície em busca da informação.
    11. 11. Páginas e Telas• Elementos ATIVOS;• Elementos PASSIVOS;• Natureza do conteúdo;• O olho varre a superfície em busca da informação.
    12. 12. Páginas e Telas• Elementos ATIVOS;• Elementos PASSIVOS;• Natureza do conteúdo;• O olho varre a superfície em busca da informação.
    13. 13. Páginas e Telas• Elementos ATIVOS;• Elementos PASSIVOS;• Natureza do conteúdo;• O olho varre a superfície em busca da informação.
    14. 14. Páginas e Telas• Elementos ATIVOS;• Elementos PASSIVOS;• Natureza do conteúdo;• O olho varre a superfície em busca da informação.
    15. 15. Páginas e Telas• Elementos ATIVOS;• Elementos PASSIVOS;• Natureza do conteúdo;• O olho varre a superfície em busca da informação.
    16. 16. Páginas e Telas• Elementos ATIVOS;• Elementos PASSIVOS;• Natureza do conteúdo;• O olho varre a superfície em busca da informação.
    17. 17. Páginas e Telas• Elementos ATIVOS;• Elementos PASSIVOS;• Natureza do conteúdo;• O olho varre a superfície em busca da informação.
    18. 18. Páginas e Telas• Elementos ATIVOS;• Elementos PASSIVOS;• Natureza do conteúdo;• O olho varre a superfície em busca da informação.
    19. 19. Páginas e Telas• Elementos ATIVOS;• Elementos PASSIVOS;• Natureza do conteúdo;• O olho varre a superfície em busca da informação.
    20. 20. Páginas e Telas• Elementos ATIVOS;• Elementos PASSIVOS;• Natureza do conteúdo;• O olho varre a superfície em busca da informação.
    21. 21. Páginas e Telas• Elementos ATIVOS;• Elementos PASSIVOS;• Natureza do conteúdo;• O olho varre a superfície em busca da informação.
    22. 22. Páginas e Telas• Elementos ATIVOS;• Elementos PASSIVOS;• Natureza do conteúdo;• O olho varre a superfície em busca da informação.
    23. 23. Páginas e Telas• Elementos ATIVOS;• Elementos PASSIVOS;• Natureza do conteúdo;• O olho varre a superfície em busca da informação.
    24. 24. Páginas e Telas• Elementos ATIVOS;• Elementos PASSIVOS;• Natureza do conteúdo;• O olho varre a superfície em busca da informação.
    25. 25. Páginas e Telas• Elementos ATIVOS;• Elementos PASSIVOS;• Natureza do conteúdo;• O olho varre a superfície em busca da informação.
    26. 26. Páginas e Telas• Elementos ATIVOS;• Elementos PASSIVOS;• Natureza do conteúdo;• O olho varre a superfície em busca da informação.
    27. 27. Páginas e Telas• Elementos ATIVOS;• Elementos PASSIVOS;• Natureza do conteúdo;• O olho varre a superfície em busca da informação.
    28. 28. Páginas e Telas• Elementos ATIVOS;• Elementos PASSIVOS;• Natureza do conteúdo;• O olho varre a superfície em busca da informação.
    29. 29. Páginas e Telas• Elementos ATIVOS;• Elementos PASSIVOS;• Natureza do conteúdo;• O olho varre a superfície em busca da informação.
    30. 30. Páginas e Telas• Elementos ATIVOS;• Elementos PASSIVOS;• Natureza do conteúdo;• O olho varre a superfície em busca da informação.
    31. 31. Páginas e Telas• Elementos ATIVOS;• Elementos PASSIVOS;• Natureza do conteúdo;• O olho varre a superfície em busca da informação.
    32. 32. Páginas e Telas• Elementos ATIVOS;• Elementos PASSIVOS;• Natureza do conteúdo;• O olho varre a superfície em busca da informação.
    33. 33. Páginas e Telas• Elementos ATIVOS;• Elementos PASSIVOS;• Natureza do conteúdo;• O olho varre a superfície em busca da informação.
    34. 34. Defina o roteiroMudar o Grid, da viagem da sua vidaMuda a Visualização hoje. Sem falta.• Colunas;• Margens; Veneza• Módulos de Imagem;• Agrupamento;• Proporção;• Posição, Tamanho, Ênfase.
    35. 35. Defina o roteiroMudar o Grid, da viagem da sua vidaMuda a Visualização hoje. Sem falta.• Colunas;• Margens; Veneza• Módulos de Imagem;• Agrupamento;• Proporção;• Posição, Tamanho, Ênfase.
    36. 36. Defina o roteiroMudar o Grid, da viagem da sua vidaMuda a Visualização hoje. Sem falta.• Colunas;• Margens; Veneza• Módulos de Imagem;• Agrupamento;• Proporção;• Posição, Tamanho, Ênfase.
    37. 37. Defina o roteiroMudar o Grid, da viagem da sua vidaMuda a Visualização hoje. Sem falta.• Colunas;• Margens; Veneza• Módulos de Imagem;• Agrupamento;• Proporção;• Posição, Tamanho, Ênfase.
    38. 38. Defina o roteiroMudar o Grid, da viagem da sua vidaMuda a Visualização hoje. Sem falta.• Colunas;• Margens; Veneza• Módulos de Imagem;• Agrupamento;• Proporção;• Posição, Tamanho, Ênfase.
    39. 39. Defina o roteiroMudar o Grid, da viagem da sua vidaMuda a Visualização hoje. Sem falta.• Colunas;• Margens; Veneza• Módulos de Imagem;• Agrupamento;• Proporção;• Posição, Tamanho, Ênfase.
    40. 40. Defina o roteiroMudar o Grid, da viagem da sua vidaMuda a Visualização hoje. Sem falta.• Colunas;• Margens; Veneza• Módulos de Imagem;• Agrupamento;• Proporção;• Posição, Tamanho, Ênfase.
    41. 41. Defina o roteiroMudar o Grid, da viagem da sua vidaMuda a Visualização hoje. Sem falta.• Colunas;• Margens; Veneza• Módulos de Imagem;• Agrupamento;• Proporção;• Posição, Tamanho, Ênfase.
    42. 42. Defina o roteiroMudar o Grid, da viagem da sua vidaMuda a Visualização hoje. Sem falta.• Colunas;• Margens; Veneza• Módulos de Imagem;• Agrupamento;• Proporção;• Posição, Tamanho, Ênfase.
    43. 43. Defina o roteiroMudar o Grid, da viagem da sua vidaMuda a Visualização hoje. Sem falta.• Colunas;• Margens; Veneza• Módulos de Imagem;• Agrupamento;• Proporção;• Posição, Tamanho, Ênfase.
    44. 44. Defina o roteiroMudar o Grid, da viagem da sua vidaMuda a Visualização hoje. Sem falta.• Colunas;• Margens; Veneza• Módulos de Imagem;• Agrupamento;• Proporção;• Posição, Tamanho, Ênfase.
    45. 45. Defina o roteiroMudar o Grid, da viagem da sua vidaMuda a Visualização hoje. Sem falta.• Colunas;• Margens; Veneza• Módulos de Imagem;• Agrupamento;• Proporção;• Posição, Tamanho, Ênfase.
    46. 46. Defina o roteiroMudar o Grid, da viagem da sua vidaMuda a Visualização hoje. Sem falta.• Colunas;• Margens; Veneza• Módulos de Imagem;• Agrupamento;• Proporção;• Posição, Tamanho, Ênfase.
    47. 47. Defina o roteiroMudar o Grid, da viagem da sua vidaMuda a Visualização hoje. Sem falta.• Colunas;• Margens; Veneza• Módulos de Imagem;• Agrupamento;• Proporção;• Posição, Tamanho, Ênfase.
    48. 48. Defina o roteiroMudar o Grid, da viagem da sua vidaMuda a Visualização hoje. Sem falta.• Colunas;• Margens; Veneza• Módulos de Imagem;• Agrupamento;• Proporção;• Posição, Tamanho, Ênfase.
    49. 49. Defina o roteiroMudar o Grid, da viagem da sua vidaMuda a Visualização hoje. Sem falta.• Colunas;• Margens; Veneza• Módulos de Imagem;• Agrupamento;• Proporção;• Posição, Tamanho, Ênfase.
    50. 50. Defina o roteiroMudar o Grid, da viagem da sua vidaMuda a Visualização hoje. Sem falta.• Colunas;• Margens; Veneza• Módulos de Imagem;• Agrupamento;• Proporção;• Posição, Tamanho, Ênfase.
    51. 51. Defina o roteiroMudar o Grid, da viagem da sua vidaMuda a Visualização hoje. Sem falta.• Colunas;• Margens; Veneza• Módulos de Imagem;• Agrupamento;• Proporção;• Posição, Tamanho, Ênfase.
    52. 52. Defina o roteiroMudar o Grid, da viagem da sua vidaMuda a Visualização hoje. Sem falta.• Colunas;• Margens; Veneza• Módulos de Imagem;• Agrupamento;• Proporção;• Posição, Tamanho, Ênfase.
    53. 53. Defina o roteiroMudar o Grid, da viagem da sua vidaMuda a Visualização hoje. Sem falta.• Colunas;• Margens; Veneza• Módulos de Imagem;• Agrupamento;• Proporção;• Posição, Tamanho, Ênfase.
    54. 54. Defina o roteiroMudar o Grid, da viagem da sua vidaMuda a Visualização hoje. Sem falta.• Colunas;• Margens; Veneza• Módulos de Imagem;• Agrupamento;• Proporção;• Posição, Tamanho, Ênfase.
    55. 55. Defina o roteiroMudar o Grid, da viagem da sua vidaMuda a Visualização hoje. Sem falta.• Colunas;• Margens; Veneza• Módulos de Imagem;• Agrupamento;• Proporção;• Posição, Tamanho, Ênfase.
    56. 56. Defina o roteiroMudar o Grid, da viagem da sua vidaMuda a Visualização hoje. Sem falta.• Colunas;• Margens; Veneza• Módulos de Imagem;• Agrupamento;• Proporção;• Posição, Tamanho, Ênfase.
    57. 57. Defina o roteiroMudar o Grid, da viagem da sua vidaMuda a Visualização hoje. Sem falta.• Colunas;• Margens; Veneza• Módulos de Imagem;• Agrupamento;• Proporção;• Posição, Tamanho, Ênfase.
    58. 58. Defina o roteiroMudar o Grid, da viagem da sua vidaMuda a Visualização hoje. Sem falta.• Colunas;• Margens; Veneza• Módulos de Imagem;• Agrupamento;• Proporção;• Posição, Tamanho, Ênfase.
    59. 59. Defina o roteiroMudar o Grid, da viagem da sua vidaMuda a Visualização hoje. Sem falta.• Colunas;• Margens; Veneza• Módulos de Imagem;• Agrupamento;• Proporção;• Posição, Tamanho, Ênfase.
    60. 60. Defina o roteiroMudar o Grid, da viagem da sua vidaMuda a Visualização hoje. Sem falta.• Colunas;• Margens; Veneza• Módulos de Imagem;• Agrupamento;• Proporção;• Posição, Tamanho, Ênfase.
    61. 61. A Pirâmide Invertida (AMBROSE E HARRIS, 2009, p. 20)
    62. 62. A Pirâmide Invertida (AMBROSE E HARRIS, 2009, p. 20) Nível Primário Quem ou qual é o assunto; que serviço é oferecido; onde é o evento, etc.
    63. 63. A Pirâmide Invertida (AMBROSE E HARRIS, 2009, p. 20) Nível Primário Quem ou qual é o assunto; que serviço é oferecido; onde é o evento, etc. Nível Secundário Outras informações importantes; leituras adicionais, etc.
    64. 64. A Pirâmide Invertida (AMBROSE E HARRIS, 2009, p. 20) Nível Primário Quem ou qual é o assunto; que serviço é oferecido; onde é o evento, etc. Nível Secundário Outras informações importantes; leituras adicionais, etc. Último nível Detalhes

    ×