[cv - 2011.2] 02 - Elementos Básicos

1,765 views

Published on

Aula 02 da disciplina de comunicação visual do curso de Sistemas e Mídias Digitais

Published in: Design
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
1,765
On SlideShare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
113
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

[cv - 2011.2] 02 - Elementos Básicos

  1. 1. Elementos da linguagem visual Comunicação Visual - 8.11sexta-feira, 19 de agosto de 11
  2. 2. Vamos começar?sexta-feira, 19 de agosto de 11
  3. 3. Antes de começarmos qualquer coisa em comunicação visual, precisamos entender quais são os elementos que compõem essa tal linguagem. Começaremos estudando os elementos mais básicos: Ponto, Linha e Plano.sexta-feira, 19 de agosto de 11
  4. 4. 1 Elementos Básicossexta-feira, 19 de agosto de 11
  5. 5. “O ponto, a linha e o plano compõem os alicerces do design. Partindo desses elementos, os designers criam imagens, ícones, texturas, padrões, diagramas, animações e sistemas tipográficos.” (Lupton & Phillips, 2008)sexta-feira, 19 de agosto de 11
  6. 6. Diagramas constroem relações entre elementos que utilizam pontos, linhas e planos para conectar dados. (Web Trend Map, 2007)sexta-feira, 19 de agosto de 11
  7. 7. Diagramas constroem relações entre elementos que utilizam pontos, linhas e planos para conectar dados. (Web Trend Map, 2007)sexta-feira, 19 de agosto de 11
  8. 8. Texturas e padrões são contruídos a partir de grandes grupos de pontos e linhas que se repetem...sexta-feira, 19 de agosto de 11
  9. 9. ... revezando-se ou interagindo na formação de superfícies singulares e atraentes.sexta-feira, 19 de agosto de 11
  10. 10. a A tipografia compreende letras individuais que se comportam como pontos.sexta-feira, 19 de agosto de 11
  11. 11. ...tais pontos compõem linhas e manchas de texto. (CLM/BBDO, 2011)sexta-feira, 19 de agosto de 11
  12. 12. A fotografia, inventada no início do século XIX, capta a luz refletida automaticamente. As variações tonais da fotografia eliminaram a trama intermediária de pontos e linhas.sexta-feira, 19 de agosto de 11
  13. 13. sexta-feira, 19 de agosto de 11
  14. 14. sexta-feira, 19 de agosto de 11
  15. 15. sexta-feira, 19 de agosto de 11
  16. 16. 1.1 Pontosexta-feira, 19 de agosto de 11
  17. 17. Em termos geométricos, um ponto é uma coordenada x, y.sexta-feira, 19 de agosto de 11
  18. 18. Graficamente, ele toma forma como um sinal, uma marca visível.sexta-feira, 19 de agosto de 11
  19. 19. O ponto simultaneamente contrai-se para dentro e irradia para fora.sexta-feira, 19 de agosto de 11
  20. 20. Quando o ponto entra no espaço, uma relação imediata entre as partes é estabelecida.sexta-feira, 19 de agosto de 11
  21. 21. Quando o ponto entra no espaço, uma relação imediata entre as partes é estabelecida.sexta-feira, 19 de agosto de 11
  22. 22. O ponto quebra o espaço de um modo neutro, sendo leve e internamente balanceado.sexta-feira, 19 de agosto de 11
  23. 23. A proporção do ponto com a sua área circulante é a consideração mais importante.sexta-feira, 19 de agosto de 11
  24. 24. A proporção do ponto com a sua área circulante é a consideração mais importante.sexta-feira, 19 de agosto de 11
  25. 25. Outra consideração importante é a sua posição em relação às margens. O ponto localizado no centro está assentado, confortável e estático, mas domina o espaço circundante.sexta-feira, 19 de agosto de 11
  26. 26. À medida que ele se move do centro, há um deslocamento na dominância - o fundo se impõe e surge tensão.sexta-feira, 19 de agosto de 11
  27. 27. À medida que ele se move do centro, há um deslocamento na dominância - o fundo se impõe e surge tensão.sexta-feira, 19 de agosto de 11
  28. 28. Um segundo elemento desvia a atenção da relação com o espaço para a interação entre os dois pontossexta-feira, 19 de agosto de 11
  29. 29. Um segundo elemento desvia a atenção da relação com o espaço para a interação entre os dois pontossexta-feira, 19 de agosto de 11
  30. 30. c À medida que os pontos se aproximam, aumenta a tensão entre eles.sexta-feira, 19 de agosto de 11
  31. 31. c À medida que os pontos se aproximam, aumenta a tensão entre eles.sexta-feira, 19 de agosto de 11
  32. 32. Se o espaço entre os pontos for quase nulo, sua presença assume maior importância do que os próprios pontos.sexta-feira, 19 de agosto de 11
  33. 33. Se os pontos ficarem sobrepostos, principalmente se forem de tamanhos diferentes, a tensão é de certo modo aliviada e surge a dicotomia entre o plano e a aparência tridimensional.sexta-feira, 19 de agosto de 11
  34. 34. Quanto mais próximos os pontos estiverem, mais potente será o senso de identidade como objeto.sexta-feira, 19 de agosto de 11
  35. 35. Quanto mais distantes, mais evidente será o sentido de estrutura induzido pelo caminho invisível entre eles.sexta-feira, 19 de agosto de 11
  36. 36. Exemplossexta-feira, 19 de agosto de 11
  37. 37. Um prédio visto por um satélite pode ser considerado um ponto. (Google Maps, 2011)sexta-feira, 19 de agosto de 11
  38. 38. La Parade (Georges Seurat, 1889)sexta-feira, 19 de agosto de 11
  39. 39. Port de Marseilles (Paul Signac, 1906)sexta-feira, 19 de agosto de 11
  40. 40. Marlene Dietrich (Vik Muniz, 2004)sexta-feira, 19 de agosto de 11
  41. 41. Snopake: Lennon (Impact BBDO Dubai, 2011)sexta-feira, 19 de agosto de 11
  42. 42. El país con tacto: Forlan (Punto Ogilvy, 2011)sexta-feira, 19 de agosto de 11
  43. 43. VW Polo BlueMotion: Ocean (Grabarz & Partner, 2011)sexta-feira, 19 de agosto de 11
  44. 44. Adventure (Atari, 1979)sexta-feira, 19 de agosto de 11
  45. 45. Pac-Man (Atari, 1980)sexta-feira, 19 de agosto de 11
  46. 46. Mario (Shigeru Miyamoto, 1981)sexta-feira, 19 de agosto de 11
  47. 47. 1.2 Linhasexta-feira, 19 de agosto de 11
  48. 48. Uma linha pode ser compreendida como uma série infinita de pontos, ou a conexão entre dois pontos ou, ainda, o trajeto de um ponto em movimento.sexta-feira, 19 de agosto de 11
  49. 49. O caráter principal da linha é a conexão. Ela se apresenta como: • Invisível, definida pelo efeito de atração entre dois pontos, ou; • Visível como um objeto concreto, viajando para frente e para trás entre o ponto inicial.sexta-feira, 19 de agosto de 11
  50. 50. A idéia principal da linearidade é a de movimento e direção. Uma linha é dinâmica, não estática. O ponto cria foco, a linha separa espaços, cria barreiras, cerca e limita.sexta-feira, 19 de agosto de 11
  51. 51. Uma linha fina não contém centro ou massa e expressa apenas direção e um efeito no espaço que a cerca.sexta-feira, 19 de agosto de 11
  52. 52. Quebrar a linha aumenta a atividade superficial sem desviar a atenção de seu movimento e direção.sexta-feira, 19 de agosto de 11
  53. 53. Várias linhas finas em conjunto criam uma textura, semelhante à criada por um agrupamento denso de pontos de tamanho semelhante.sexta-feira, 19 de agosto de 11
  54. 54. Separar as linhas aumenta a atenção para suas identidades e também para os intervalos entre elas.sexta-feira, 19 de agosto de 11
  55. 55. Uma mudança de peso entre um grupo de linhas, junto com o intervalo entre elas, cria ilusão de profundidade.sexta-feira, 19 de agosto de 11
  56. 56. Se algumas linhas cruzarem os outras, a percepção de profundidade é realçada.sexta-feira, 19 de agosto de 11
  57. 57. Se algumas linhas cruzarem os outras, a percepção de profundidade é realçada - ainda mais se o seu peso também for diferenciado.sexta-feira, 19 de agosto de 11
  58. 58. Duas linhas muito próximas criam uma terceira linha, negativa. Esse mesmo efeito é conseguido com um elemento positivo sobre o preto único.sexta-feira, 19 de agosto de 11
  59. 59. A junção de duas linhas torna-se o ponto inicial dos dois movimentos. Múltiplas junções criam senso de direção alterada de um movimento.sexta-feira, 19 de agosto de 11
  60. 60. Linhas que entram e saem de um formato reforçam o sentido de seu movimento.sexta-feira, 19 de agosto de 11
  61. 61. Se os pontos iniciais ou finais estiverem contido no formato a direção muda para específica e resulta em um aumento significativo da tensão com o espaço ou formas em volta.sexta-feira, 19 de agosto de 11
  62. 62. Um conjunto de linhas produz ritmo. Igualmente espaças, um conjunto de linhas produz um tempo regular, estático; diferenças na medida de comprimento produzem tempo dinâmico.sexta-feira, 19 de agosto de 11
  63. 63. Exemplossexta-feira, 19 de agosto de 11
  64. 64. Linhas contém grande expressividade gráfica e muita energia.sexta-feira, 19 de agosto de 11
  65. 65. Self-Portrait with Grey Felt Hat (Van Gogh, 1887)sexta-feira, 19 de agosto de 11
  66. 66. Women going to the market of Chimbote. (Sebastião Salgado, 1998)sexta-feira, 19 de agosto de 11
  67. 67. Coal miniers (Sebastião Salgado, 1989)sexta-feira, 19 de agosto de 11
  68. 68. Nanmee Horse: Contour, 1 (Access & Associates, 2011)sexta-feira, 19 de agosto de 11
  69. 69. Bon Voyage Magazine: Flag (LaBase, 2011)sexta-feira, 19 de agosto de 11
  70. 70. Pong (Nolan Bushnell e Ted Dabney, 1972)sexta-feira, 19 de agosto de 11
  71. 71. Enduro (Activision, 1983)sexta-feira, 19 de agosto de 11
  72. 72. 1.3 Planosexta-feira, 19 de agosto de 11
  73. 73. O plano é uma superfície contínua que se estende em altura e largura.sexta-feira, 19 de agosto de 11
  74. 74. O plano, assim, nada mais é que um grande ponto cujo contorno externo torna-se um atributo importante.sexta-feira, 19 de agosto de 11
  75. 75. Uma superfície plana será mais ou menos definível como ponto dependendo do volume de espaço que a circunda.sexta-feira, 19 de agosto de 11
  76. 76. O plano pode ser paralelo à superfície da imagem ou inclinar-se e recuar no espaço.sexta-feira, 19 de agosto de 11
  77. 77. Um plano com contorno simples parece mais denso do que um plano com contorno complexo.sexta-feira, 19 de agosto de 11
  78. 78. Exemplossexta-feira, 19 de agosto de 11
  79. 79. McDonalds Happy Meal: Batman. (Leo Burnett, 2010)sexta-feira, 19 de agosto de 11
  80. 80. K-nino: Happyness (AthosTBWA, 2010)sexta-feira, 19 de agosto de 11
  81. 81. Frostbite (Activision, 1983)sexta-feira, 19 de agosto de 11
  82. 82. Double Dragon (Access & Associates, 1988)sexta-feira, 19 de agosto de 11
  83. 83. Echochrome (Game Yarouze, 2008)sexta-feira, 19 de agosto de 11
  84. 84. Bibliografiasexta-feira, 19 de agosto de 11
  85. 85. Lupton, Ellen. Novos Fundamentos do Design. São Paulo: Cosac Naify, 2008. Samara, Timothy. Elementos do Design: guia do estilo gráfico. Porto Alegre: Bookman, 2010. Ads of The World. Disponível em: http://adsoftheworld.com/sexta-feira, 19 de agosto de 11
  86. 86. Exercíciosexta-feira, 19 de agosto de 11
  87. 87. Definição O trabalho consiste na busca e análise de imagens de páginas web ou jogos eletrônicos que sirvam como exemplo do bom uso dos conceitos vistos na aula: ponto, linha e plano.sexta-feira, 19 de agosto de 11
  88. 88. Desenvolvimento: O trabalho é individual e cada aluno deverá coletar 2 imagens para cada conceito - 6 imagens ao total - e, além de descrever como cada conceito for usado, descrever sobre equilíbrio, tensões e dinâmicas existentes em cada tela.sexta-feira, 19 de agosto de 11
  89. 89. Entrega: Data de entrega: 26/08 Enviar para: comvisual20112@gmail.com Título do E-mail: Trabalho 01 - Turma <XX> - <Nome> Formato: Word (.doc)sexta-feira, 19 de agosto de 11
  90. 90. Elementos da linguagem visual eduardonovais@virtual.ufc.brsexta-feira, 19 de agosto de 11

×