domingo, 29 de maio de 2016

#3 Proposta - Memória Descritiva

No âmbito da unidade curricular de Design e Comunicação Visual, foi-nos proposta a realização de uma infografia.
Uma infografia é uma representação gráfica de informação. São cada vez mais usadas para que a informação seja explicada de forma mais dinâmica. “Na verdade, a infografia é um recurso absolutamente informativo, com potencial para substituir o texto em algumas ocasiões ou mesmo contar histórias e revelar detalhes que não poderiam ser apresentados de outra forma.” [1].
Primeiramente, começamos por fazer uma recolha de infografias dos vários temas que o JPN nos sugeriu. De facto, existiu muita indecisão pelo leque de possibilidades que nos foi apresentado. No entanto, o desenvolvimento da proposta terminou na realização de uma infografia sobre os 20 anos do Centro Histórico do Porto, pois este ano completam-se 20 anos sobre a elevação do Centro Histórico a Património Cultural da Humanidade. São mais de 50 os monumentos e várias as áreas adjacentes que são parte integrante do Centro Histórico. “A infografia pode reunir elementos diversos como fotografia, texto, ilustrações, mapas, gráficos ou qualquer recurso visual necessário para dar coerência entre todas as suas partes, com o objetivo de transmitir informações variadas sobre um determinado acontecimento, explicar um lugar, uma prática ou objeto.” (1) De seguida, fizemos uma recolha de infografias estáticas relacionadas com o tema selecionado, de forma a compreender a importância que diferentes elementos têm numa composição deste género: timelines, gráficos, desenho e texto.
À medida que avançávamos na nossa pesquisa, era fácil encontrar uma multiplicidade de infografias e formas de representar os dados respeitantes a outros temas, mas no que dizia respeito ao nosso tópico, houve alguma escassez. Apesar disso, esta pesquisa indicou-nos o essencial, pois permitiu encontrar algumas ideias à realização da nossa proposta.
Na concretização deste trabalho, e de acordo com o tema (Centro Histórico a Património da Humanidade), tínhamos assente a ideia de que era possível facilmente procurar e filtrar toda a informação necessária. Recorremos ao site de Turismo do Porto, e aqui encontramos a informação que dizia respeito aos diversos monumentos, igrejas, capelas, entre outros espaços, que nos possibilitaria uma infografia pertinente e acessível de interpretar.  Depois de recolhidos os dados e de decidir que informação utilizar, foi importante definir como estruturaríamos a infografia visualmente. Por um lado, determinámos que iriamos utilizar a linha 22 do Elétrico do Porto, como forma de perceber que através desta pode-se chegar rapidamente aos sítios indicados como Centro Histórico e Património Mundial. A linha 22 Circular Carmo-Batalha faz a ligação entre o Carmo e Batalha, com ligação à estação do Funicular dos Guindais. E é precisamente este trajeto que queremos realçar, através de um limite geográfico que assinalamos na nossa infografia. Como é possível observar no trabalho final e como já foi referido, esta lógica foi pensada de modo a que o observador perceba que pode percorrer e atravessar vários sítios onde se encontram tudo aquilo que pode visitar respeitante ao Centro Histórico.  Por outro lado, optámos por uma infografia horizontal, pois é o formato que mais se aproxima de um mapa real e que nos daria mais liberdade gráfica e permitir um resultado mais estético.
Dos diversos elementos infográficos que vimos na pesquisa e na recolha fotográfica, decidimos recorrer ao texto, ao mapa e ao desenho.  “Assim como para fazer um jornal, editar um vídeo ou áudio, qualquer pessoa que se disponha a criar uma infografia precisa de saber o mínimo das ferramentas gráficas essenciais.” (1)
No que diz respeito ao título, este deveria ser informativo e que despertasse interesse do observador. Optámos por colocar um título (Linha 22) que fosse prático e que ambientasse, de imediato, o assunto que se trata, levando a que a visualização de toda a infografia seja indispensável.
O lead não é muito extenso, isto é, não faria sentido alongarmos muito o mesmo, para que não se tornasse aborrecido e também fosse possível privilegiar mais a informação gráfica. No que diz respeito à tipografia, tínhamos em consciência que esta tem um grande peso na imagem visual e naquilo que é transmitido. Assim, selecionamos a tipografia Century no nome das ruas e na legenda por questões de estética e porque é uma fonte de fácil compreensão e rápida apreensão da informação, e preferimos a Courier New, para o título pois tem umas linhas mais clássica que são possíveis associar à estrutura do eléctrico. A Times New Roman foi a fonte escolhida para o lead, para complementar a do título e porque permite uma melhor leitura.
Relativamente às cores, tivemos em atenção para que, numa composição deste tipo, não utilizássemos muitas cores diferentes, para não gerar “ruído”. Deste modo, utilizamos para o título e lead o azul e o preto respetivamente.  O verde o Jardim da Cordoaria, assim como, de novo, o azul para destacar o Rio Douro. Foi a usar estas tonalidades que consideramos que a cor do fundo não era muito importante, de modo que fosse possível tornar a leitura da infografia mais simplificada.
Em relação aos elementos gráficos usamos o mapa para indicar onde estão situados alguns locais respeitantes ao Centro Histórico, tal como utilizamos o desenho de monumentos, igrejas, casas-museu, capelas, para conceder uma maior dinâmica à infografia. Também nos servimos de um “elétrico” para representar este mesmo meio de transporte e o seu respetivo percurso. A escolha destes elementos foi pertinente devido à relação do tipo de informação que estamos a apresentar.
Pelo exposto, podemos concluir que a infografia é um trabalho essencialmente coletivo, e para isso, é necessário apurar e organizar as informações que serão apresentadas na composição, que acaba por estar ligado ao mundo do jornalismo. Visualizar informação significa apreender o significado de uma mensagem através de imagens, que podem ou não ser acompanhas por textos. No nosso caso, através da imagem, a informação pode ser apreendida de forma mais clara e rápida.



[1] Ipolito, D. B. (2010). Proposta da inclusão da disciplina infografia no currículo de Jornalismo https://danilobueno.files.wordpress.com/2010/10/infografia_forum_de_graduacao_eca_usp.pdf




#3 Proposta - Recolha Fotográfica








sábado, 7 de maio de 2016

#2 Proposta - Memória Descritiva

  A segunda proposta da disciplina consiste na criação de uma ilustração com base na tipografia que “De nada serviria utilizar uma tipografia esteticamente espetacular se a mensagem que se pretende transmitir não chega ao recetor objetivo.” [1] Foi-nos pedida a escolha de um artigo cientifico para ilustrar. Após alguma pesquisa encontramos um artigo intitulado “Gatos têm cinco personalidades distintas, mostra estudo” e achamos que seria interessante trabalhar este tema.
          Começamos por esboçar o que viria a ser a nossa composição final, após algumas ideias chegamos à conclusão que queríamos retratar e distinguir cada uma das personalidades, desenhando 5 gatos diferentes. Cada um destes gatos tem uma postura diferente de acordo com a característica atribuida. Quanto ao texto utilizado, selecionamos o que consideramos mais importante, ou seja, a maior parte dos gatos tem a justificação da sua personalidade. As 5 personalidades referidas são: Dominante, Espontâneo, Afável e Nervoso. Decidimos ordená-los desta maneira, para fazer uma espécie de escala, sendo que o dominante, tem a personalidade mais forte e assim aparece em primeiro lugar.
        Quanto à tipografia, selecionamos diferentes tipos para cada um dos gatos. Quanto ao Dominante, que aparece em primeiro lugar (da equerda para a direita), utilizamos a fonte Franklin Gothic Heavy. Recorremos a esta fonte, pois é forte e destaca-se dos restantes. Isto afirma o carácter dominante desta figura. No segundo gato, aplicamos as fontes Agency FB e Eras Bold ITC. Estas têm linhas simples, leves, flutuantes, pois consideramos que se adequa ao estado de espírito espontâneo deste ser. Segoe Script foi a tipografia selecionada para o extrovertido, pois tem um cariz flutuante que acompanha o movimento do gato em questão. No gato afável as tipografias: HP Simplified, Corbel, Calibri, Birch Std, Aparajita, Century Gothic, Agency FB, Haettenschweiler, Bookman Old Style, Tw Cen MT Condensed, Arial, Myriad Pro foram usadas para preencher o interior do gato. A palavra Afáveis tem um tipografia mais intensa e carregada para destacar a personalidade deste. As tipografias OCR A Extended, Myriad Pro, presentes no gato Nervoso, servem para realçar a personalidade do gato.
          Existem duas versões do nosso trabalho final, que se distinguem pelas escalas de cor utilizadas.
A primeira versão, baseia-se numa escala de pretos, sendo que começamos com o preto no gato dominante para afirmar a sua personalidade. As seguintes figuras vão ficando mais claras, até que o último, o Nervoso, surge com a cor mais clara de todos, visto que é o que tem a personalidade mais fraca. Outro promenor em termos de cor é o contorno utilizado, à volta das letras, que desenham a sua figura, que transmite a sensação de que o gato está com o pêlo arrepiado reforçando de novo a sua personalidade.
Na segunda versão, decidimos tentar aproximar as cores das figuras com as cores de gatos reais. Nesta composição, tal como na anterior, o gato dominante é o que tem a cor mais forte e o gato nervoso, tem novamente a cor mais clara.
        Por fim, decidimos atribuir a cada gato uma postura diferente. A primeira figura, tem um coportamento assertivo e dominante. A seguinte mostra um comportamento mais rebelde em relação aos outros. O terceiro dá-nos uma sensação de movimento e divertimento. O penúltimo tem uma atitude mais amigável e simpática. O quinto está numa posição solitária, distante.
           “O importante é que todos os elementos estejam em harmonia para que a mensagem possa ser passada de forma clara, com um visual agradável e dessa forma poder alcançar o objetivo que foi planeado no projeto gráfico”[2]

Trabalhos Finais: 

Versão 1 - Preto e Branco
 Versão 2 - Cores





[1]  “Tipografia e Diagramação”, in Curso Prático de Desenho Gráfico por Computador. Edições Genesis, 1992, pp. 24-93
[2]  Funk, Suzana; dos Santos, Ana Paula, A importância da tipografia na história e na comunicação, pág.125- 129, Actas de Diseño Nº5 [ISSN: 1850-2032], Ano III, Vol. 5, março 2008; 259 páginas; Buenos Aires, Argentina: III Encuentro Latinoamericano de Diseño “Diseño en Palermo” Comunicaciones Académicas; Disponível em http://fido.palermo.edu/servicios_dyc/publicacionesdc/archivos/1_libro.pdf 

#2 Proposta - Recolha Fotográfica

Para uma melhor compreensão a cerca da fisionomia das diferentes tipografias decidimos fazer uma pesquisa e fotografar alguns exemplos de tipografia utilizados no nosso dia a dia. 












sábado, 19 de março de 2016

#1 Proposta - Memória Descritiva

A formulação das nossas composições baseou-se na expressão “a casa portuguesa”, que é tão conhecida por todos. A grande razão para usarmos esta expressão como base é o facto da música se tratar de um fado, o mais típico e tradicional tipo de música português.

            Ao lermos a letra da música escolhida, decidimos que queríamos retratar um pouco do estilo de vida português e utilizar algumas das personagens referidas pela cantora na música. Imediatamente surgiu a ideia da criação de um prédio onde todas estas personagens fictícias iriam viver, mais tarde decidimos, devido às várias referências à renovação de baterias, que queríamos dar a forma de uma bateria ao nosso prédio. Começamos então por desenhar o prédio e algumas das suas janelas, podemos ver no post anterior os estudos da capa. Inicialmente desenhamos o prédio e de seguida iniciamos a construção das janelas, passamos por várias fases até que chegamos à final. Como queríamos invocar a expressão “casa portuguesa” para o nosso trabalho decidimos inserir uma vertente de fotografia no trabalho e fomos até à rua fotografar azulejos, com o objetivo de realizar um padrão que iria ser o “papel de parede” do nosso trabalho. Esta ideia dos azulejos veio sobretudo pela necessidade que sentimos de retratar o que é tradicional em Portugal, com o maior nível de realismo. Ao tirar as fotografias decidimos que queríamos usar maioritariamente azulejos azuis e amarelos, pois são os mais típicos. Entretanto trabalhamos no que estaria no interior das janelas do prédio, na janela do lado esquerdo decidimos retratar “o casal do segundo andar”, referido na música. Na janela imediatamente a baixo temos alguns ornamentos e um retrato de família, que para nós representa um outro casal referido na música. Nas janelas do lado direito decidimos não representar diretamente pessoas, mas sim animais, nomeadamente o gato, e plantas coisas que estão usualmente presentes nas casas.  As cores utilizadas nos elementos das janelas são cores que estão presentes nos azulejos de forma a criar uma coesão e neutralidade. Os candeeiros que se encontram de ambos os lados do prédio foram colocados quase na fase final do trabalho, para dar um ar mais autêntico e típico à ilustração. Quanto à figura do cão e do homem que se encontram no lado inferior direito, estes representam as pessoas que passam e que observam o dia a dia dos habitantes do prédio, podendo até representar a cantora da música. A cima de tudo tentamos representar divertimento, animação e algazarra que são as coisas mais destacadas tanto na letra da música como no seu ritmo. 


Quanto ao cd inicialmente pensamos incluir um dos elementos mais prominentes da nossa composição, uma das janelas, mas rapidamente percebemos que não resultaria. De seguida decidimos utilizar o cd como a fechadura para o prédio, isto é, ao ouvirmos a música entramos no mundo das pessoas referidas na música, o cd servirá como um portal para este mundo e a fechadura representa isto. Utilizamos o padrão dos azulejos para criar uma ligação direta entre o cd e a sua capa. 




 Para a realização do nosso trabalho tivemos em atenção a utilização dos elementos básicos da comunicação como o ponto, a linha, a forma, o tom, a textura, a direção e a escala, pois “Sempre que alguma coisa é projetada e feita, esboçada e pintada, desenhada, rabiscada, construída, esculpida e gesticulada, a substância visual da obra é composta a partir de uma lista básica de elementos.”  [1]

 Utilizamos também técnicas de comunicação visual como, equilíbrio, simetria, regularidade, complexidade, unidade, profusão, exagero, neutralidade, transparência/opacidade, realismo, justaposição, agudeza, sequencialidade e repetição, que nos oferecem “uma grande variedade de meios para a expressão visual do conteúdo” (Donis Dondis, 1991).

 O ponto é o elemento mais básico e mais encontrado, este não está diretamente no nosso trabalho, mas a linha está, isto é, podemos entender que o ponto está presente pois a linha é um conjunto de pontos. A linha tem um prepósito e uma direção. É possível afirmar que a linha traça uma forma, esta está presente nos retângulos que representam o prédio, a bateria, as janelas, as portas entre outros elementos. O retângulo é uma forma básica e de fácil utilização e é usualmente encontrada no nosso dia a dia. Na nossa composição podemos encontrar o tom no padrão de azulejos, pois entre eles os tons de azul e amarelo variam. O tom é a ausência ou presença de luz. O que dá textura à nossa composição é o padrão dos azulejos, pois a textura substitui as características do tato um sentido que é impossível utilizar numa representação gráfica. O padrão de azulejos resulta em textura pois não se trata de representação, mas sim de fotografias de azulejos reais. Podemos encontrar direção nas escadas que se encontram no meio da composição dentro de duas das janelas, a direção de um movimento pode ser explicada pela linha que leva do ponto inicial do movimento ao seu suposto ponto final. Existe escala no nosso trabalho em quase todos os elementos, entre as janelas e o prédio, a porta e o prédio, o homem e o cão. Sendo que a relação que mais se realça é entre o homem o cão e a porta do prédio. “A escala pode ser estabelecida não só através do tamanho relativo das pistas visuais, mas também através das relações com o campo ou com o ambiente.” (Donis Dondis, 1991).
                
 Quanto às técnicas de comunicação visual, na nossa composição podemos encontrar o equilibro, que é uma das mais importantes técnicas de comunicação, existe na forma como as partes se separam para compor a mensagem, este também é transmitido através de formas geométricas, neste caso os retângulos que estão presentes nas janelas, na porta etc. Na nossa composição existe também simetria, nomeadamente, nas janelas pois são repetidas exatamente da mesma forma do outro lado. Por consequência da simetria existe também a repetição. Consideramos que também exista, na nossa composição, regularidade. Esta está presente no padrão de azulejos pois todos os azulejos têm o mesmo tamanho assim como as janelas. Existe também unidade, pois apesar de existirem vários elementos a nossa composição resulta e é entendida como um todo. Três técnicas que são semelhantes e que utilizamos no trabalho são a complexidade, a profusão o exagero que se refletem na existência de vários e diversos ornamentos (por exemplo os elementos desenhados nas janelas). Apesar da utilização de tantos elementos, estes conjugam-se na perfeição e existe equilíbrio entre eles. Mantendo como objetivo que a composição fosse lida como um todo utilizamos a técnica da neutralidade, isto é, nada na nossa composição está destacado o que faz com que todos os elementos possuam o mesmo grau de importância. Quanto ao uso dos opostos transparência/opacidade, estes estão presentes em diferentes elementos. Podemos afirmar que existe transparência nas janelas, pois é possível ver para dentro destas, isto é, conseguimos ver o interior dos apartamentos. A opacidade está presente, sobretudo, na porta de entrada do prédio pois para além do facto de esta ter uma cor forte é opaca o que impede que se veja o que está no interior. Uma das técnicas que consideramos ser a mais importante a utilizar é o realismo, pois queríamos representar com a maior fieldade um prédio real. A justaposição é verificada nas janelas que contêm diferentes pessoas e objetos, exprimindo interação dos estímulos visuais. A sequencialidade é encontrada pelo facto que nenhum dos elementos das janelas está lá por acaso estabelecendo uma ordem lógica. A composição é clara e de fácil compreensão verificando-se assim a presença da agudeza.




[1] DONDIS, Donis A. A sintaxe da linguagem visual. São Paulo: Martins Fontes, 1991,pp.51-83

#1 Proposta - Estudos


Antes de realizarmos o trabalho final, passamos por algumas fases de estudo tanto na capa do cd como no cd. Enquanto que na capa foi um processo mais longo, no cd após um estudo percebemos o que resultaria melhor.


Capa

Prédio 1 

Prédio 2

Prédio 3

Prédio 4

Prédio 5

Cd

Cd

sexta-feira, 18 de março de 2016

#1 Proposta - Recolha Fotográfica


 Recolha fotográfica utilizada no trabalho final, nomeadamente, no padrão de azulejos que faz de "papel de parede" do prédio. Nestas fotografias é possível encontrar os elementos básicos e as técnicas de comunicação visual.