Proposta de Trabalho III - Proposta Final e Primeiro Ensaio Teórico

Imagem 1 - Infografia Final (clicar para ver no tamanho original)

Imagem 2 - Infografia Contextualizada na Secção de Desporto do "Público" 

O primeiro ensaio teórico da terceira proposta de trabalho de Design e Comunicação Visual consiste numa memória descritiva que justifique e contextualize as escolhas gráficas e a composição da infografia. 

O nosso trabalho final é resultado de uma edição de Photoshop, que passou por distintas etapas até ficar terminado. O nosso trabalho foi facilitado a partir do momento em que nos foi dito que podíamos usar imagens que não fossem da nossa autoria. Primeiramente tínhamos pensado em compôr a infografia apenas com camisolas do equipamento, o que não se revelou possível visto que não conseguimos encontrar fotografias com qualidade suficiente a partir de 2004, ano em que o Europeu de Futebol se realizou em Portugal, motivo pelo qual escolhemos essa data para iniciar a ilustração dos equipamentos da nossa selecção até ao corrente ano, 2012. 

Sendo assim, foi necessário encontrar outras opções. Pensamos imediatamente numa: utilizar fotografias de jogadores característicos da Selecção, que toda a gente pudesse identificar com facilidade. Optamos por utilizar Luís Figo para representar o equipamento do Euro 2004, que se realizou em Portugal; Deco em representação do Mundial 2006, organizado na Alemanha; para simbolizar o Euro 2008, que foi organizado por dois países distintos, Áustria e Suíça, a nossa opção foi Cristiano Ronaldo, que usa o equipamento alternativo do europeu, para destoar um pouco de todo o vermelho da composição infográfica; Por fim, para o Mundial 2010, organizado na África do Sul, optou-se por colocar Fábio Coentrão. Em representação do Euro 2012, que este ano terá lugar na Polónia e na Ucrânia, utilizamos a fotografia encontrada no site da Nike, que ficou colocada no canto superior direito da infografia.

Começando a construir a infografia, o título da mesma é Selecção Nacional: Portugal volta a vestir vermelho no Euro 2012. Colocamos o Selecção Nacional a preto, para que fosse mais sóbrio, colocando o resto do título a branco, exceptuando o vermelho, que ficou realçado a vermelho e com sombreado, para enfatizar o facto de Portugal repetir a cor vermelha no equipamento, como tem acontecido nos últimos anos. 
 Abaixo do título, está o lead, que diz o seguinte: "O equipamento principal que a selecção nacional vai utilizar no Campeonato da Europa, que se realiza nos meses de Junho e Julho em Lisboa, foi apresentado em Lisboa." 

 Decidimos colocar os jogadores por ordem descendente, diminuindo o tamanho de cada um conforme cada ano. Como tal, as camisolas do europeu deste ano ficaram no canto superior direito, seguindo-se por Coentrão, que é o jogador que tem mais destaque, por estar a representar o Mundial 2010, Cristiano Ronaldo, Deco e Figo. À direita dos jogadores pode encontrar-se uma legenda, que identifica o campeonato que cada um destes simboliza. 

Para o fundo do trabalho infográfico, decidimos utilizar um relvado, que encontramos num website, e acabamos por escurecê-lo, caso contrário ofuscaria um pouco os jogadores. 

Pela nossa ideia inicial, passava também colocar os logótipos de todos os campeonatos, o que acabou por não se tornar viável, visto que seria demasiada informação e demasiadas imagens num só trabalho infográfico.

Terminada a infografia, ficamos muito satisfeitas com o nosso resultado, apesar de distinto da ideia inicial, tornou-se num trabalho eficaz. Em suma, o nosso projecto final acabou por se tornar numa infografia jornalística com uma composição coerente e harmoniosa.

Proposta de Trabalho III - Segundo Ensaio Teórico

O segundo ensaio teórico da terceira proposta de trabalho para Design e Comunicação Visual baseia-se numa análise crítica da composição gráfica de uma das infografias encontradas durante o trabalho de pesquisa. 

Como tal, seleccionei um trabalho infográfico de Dezembro de 2010, que pode ser encontrado no site mindjumpers.com (clicar no link para visualizar o post onde se encontra a infografia), e que se estabelece uma comparação entre o aproveitamento das duas redes sociais mais utilizadas do mundo: o Facebook e o Twitter. 

O título da infografia é "Facebook vs. Twitter", tendo como subtítulo "a breakdown of 2010 social demographics",  e ambos estão colocados no topo da imagem, estando o título mais destacado por ser maior, e pelo facto de as redes sociais estarem identificadas com o tipo de letra utilizado no logótipo de cada uma das respectivas redes. 

Apesar de ser aparentemente complexa, esta imagem é, na verdade, bastante simples de interpretar. 

Na infografia, existem dois círculos, cada um representativo de uma rede social, que está identificada no centro do círculo com o seu logótipo.

Esta composição tem como objectivo primordial estabelecer uma comparação quanto ao uso de cada uma das redes. Para tal, estão representados nos dois gráficos circulares vários factores: Género, Renda, Idade e Educação, para ajudar a compreender a diferença na utilização do facebook e do twitter. Os factores encontram-se na parte  esquerda do círculo, tanto no caso do facebook como do twitter. 

Do lado direito, encontram-se dados relativos à percentagem de pessoas que fazem login todos os dias, que actualizam o seu estado, que seguem uma marca, e que utilizam os dispositivos móveis para fazer login nas redes sociais. 

Entre o lado esquerdo e o lado direito dos dois gráficos circulares podem ainda saber-se dados relativamente a que percentagem de pessoas é que está consciente da existência destas redes sociais, e que percentagem de utilizadores das mesmas redes está fora dos Estados Unidos da América. 

Fora do gráfico circular, do lado esquerdo, pode ainda encontrar-se o número de utilizadores de cada uma das redes, concluindo-se que a diferença em 2010 era abismal, tendo o Facebook meio bilião de utilizadores e o Twitter "apenas" 109 biliões. 

Na parte inferior estão identificados os criadores da infografia, e ainda as fontes para os dados da mesma. 

Na minha opinião, esta imagem é o exemplo de uma boa infografia, visto que a informação disponibilizada encontra-se distribuída de forma simples, não está confusa e a interpretação dos dados é bastante clara, porque está muito bem distribuída.  

Proposta de Trabalho III - Etapas de Realização da Infografia Final

Fundo da Infografia 

Imagem 1 - Camisolas da Selecção Nacional para o Euro 2012

Imagem 2 - Fábio Coentrão, com o equipamento do Mundial 2010

Imagem 3 - Cristiano Ronaldo com o equipamento do Euro 2008

Imagem 4 - Deco com o equipamento do Mundial 2006

Imagem 5 - Luís Figo com o equipamento do Euro 2004

Proposta de Trabalho III - Selecção da Notícia

A terceira e última proposta de trabalho para a Unidade Curricular de Design e Comunicação Visual consiste na elaboração de uma infografia jornalística. Para esse efeito, eu e a minha colega de trabalho encontramos uma notícia que nos pareceu ideal para este tipo de projecto, por graficamente resultar muito bem. 

Refere-se às camisolas da Selecção Nacional no Euro 2012, e o que nos ocorreu foi elaborar uma infografia com o historial das camisolas da Selecção Portuguesa de Futebol em Europeus e Mundiais a partir de determinada data. Ocorreu-nos de imediato o Euro 2004, por ter sido marcante, visto que se organizou em Portugal, e marcou uma viragem na nossa selecção.

A notícia está alojada na secção de desporto jornal "Público" e diz o seguinte: 

Portugal vai vestir de vermelho no Euro 2012

 

Foto: Nike 

 

 

 

 

 

 

 

O equipamento principal que a seleção nacional vai utilizar no Campeonato da Europa, que se realiza nos meses de Junho e Julho na Polónia e Ucrânia, foi apresentado em Lisboa.

Concebido com a tecnologia Nike Dri-FIT, que ajuda a regular a temperatura do corpo ao eliminar o suor, o equipamento é, segundo a marca norte-americana, 23 por cento mais leve que o anterior e a estrutura de malha e fios 20 por cento mais forte.

Apresentado como “o mais sustentável e ecológico de sempre”, no fabrico de cada equipamento “são utilizadas, em média, 13 garrafas de plástico, os calções são fabricados a partir de poliéster 100 por cento reciclado, enquanto o tecido das camisolas é feito com 96 por cento deste material”.

Na cerimónia de apresentação de equipamentos estiveram presentes Nélson Oliveira, Ricardinho (jogador de futsal) e Paulo Bento, seleccionador nacional, entre outros.

 

Proposta de Trabalho III - Pesquisa e Recolha de Exemplos de Infografias

"There is no such thing as information overload, just bad design. If something is cluttered and/or confusing, fix your design."

 

Edward Tufte

 

 

Proposta de Trabalho: A cor

Durante a aula de Design e Comunicação Visual, foi sugerida a elaboração da alteração do conceito de uma imagem através da modificação da cor com as ferramentas do Photoshop. 

Optei por escolher o cartaz do filme American Beauty para a composição da proposta.

Imagem Original

Imagem com manipulação da cor das rosas

Imagem com tons acizentados

Proposta de Trabalho II - Segundo Ensaio Teórico

Para a elaboração deste ensaio teórico, decidi fazer uma recolha fotográfica na pastelaria da minha tia, fotografando alguns produtos já empacotados, bem como os cartões de contacto do estabelecimento. 

Decidi fazer esta recolha, visto que achei que seria interessante fazer uma análise crítica sobre os elementos tipográficos de algo que estou habituada a ver muitas vezes, e sobre o qual nunca tinha pensado muito, nem sequer analisado substancialmente. 

Passando, então, à análise crítica: 

O que se destaca em primeiro lugar no nome do estabelecimento: "Confeitaria Lopes", é a palavra "Lopes", que se encontra com um tipo de letra, um tamanho, e uma cor, diferentes da palavra "Confeitaria", que fica situada em baixo, à direita do "P" da palavra "Lopes", que se destaca com uma caligrafia mais arredondada, que aponta para a familiaridade, para que o nome da família, e o nome do próprio estabelecimento se destaquem antes do próprio tipo de estabelecimento, que está em baixo. O nome "Lopes" está em branco, fundindo-se na perfeição com o fundo das caixas de bolos e dos próprios cartões de contacto, para que assim se realce numa cor mais escura. Em cima do nome "Lopes", pode encontrar-se uma pequena esfera, que parece lembrar um bolo, o que será, muito provavelmente, uma estratégia comercial. Este pequeno aditivo conjuga-se bastante bem, visto que apenas o nome ficaria um pouco insípido. 

Tanto os títulos dos produtos (por exemplo, a caixa que diz "Panettone"), como a informação dos cartões de contacto se encontram com um tipo de letra mais rígido, mais profissional, perfeitamente legível, o que é uma estratégia essencial para uma boa comunicação. Os produtos destacam-se sempre com uma tipografia maior, e com um pequeno contorno, contendo a faixa da caixa ainda os ingredientes do produto, bem como o site da pastelaria, que, apesar do maior realce dado ao nome do produto, marcam presença na mercadoria, algo que é sempre relevante para o cliente. 

Algo que merece destaque nesta análise é a conjugação de cores, que me parece estar muito bem concebida. Sendo o roxo já por si uma cor muito forte, e muito marcante, estando presente nas caixas dos artigos para venda, bem como nos cartões de contacto, e ainda nas informações dos cartões de contacto (visto que o fundo dos mesmos é branco), é importante suavizar esta cor significativa. Sendo assim, o branco e o cor-de-rosa resultam muito bem nesta conjugação. 

Concluindo, a composição tipográfica em análise deixa passar uma imagem de familiaridade, de confiança, segurança, e firmeza, utilizando tipos de letra relativamente simples, não muito trabalhados e bem legíveis. O esquema de cores está muito bem conjugado, e não existem elementos iconográficos em demasia, não sendo necessários, caso contrário perduraria o exagero. Como um produto de marketing, esta composição tipográfica resulta perfeitamente, transparecendo ao cliente da confeitaria uma imagem de um estabelecimento simples mas moderno, sempre preparado para a inovação. 

Webgrafia:
http://estudostipografia.wordpress.com/

http://tipografos.net 

Proposta de Trabalho II - Proposta Final e Primeiro Ensaio Teórico

O que se pretendia desta II Proposta de Trabalho de Design e Comunicação Visual era que, com base num artigo noticioso, se elaborasse uma representação tipográfica do mesmo, tendo a letra um papel primordial, de valor estético e simbólico. 

Com efeito, eu e a minha colega de trabalho procuramos, em primeiro lugar, colocar sempre em destaque Amélie, protagonista do filme "Le Fabuleux Destin D'Amélie Poulain", e também do nosso projecto. Sendo assim, decidimos ter como fundo do nosso trabalho um contorno da personagem de Amélie, que ficaria como base do nosso artigo noticioso. Selecionada a fotografia e elaborado o contorno, partimos para a escolha de tipos de letra. A letra escolhida para o título tem como nome "LaurenScript", e poderá ser encontrada no website www.dafont.com. Este tipo de letra estava pensado também para o corpo de texto, mas acabamos por não optar por ele visto que não seria legível. Como já foi explicado anteriormente, procuramos um tipo de letra, tanto para o título da infografia como o subtítulo (cujo tipo de letra é Haettenschweiler), que fossem similares ao cartaz promocional do filme. Assim foi. Para o corpo de texto, acabamos por usar o tipo de letra "Walkaway", que também poderá ser encontrado no site www.dafont.com. 

Escolhidos os tipos de letra, inserimos o texto no Photoshop, tendo que voltar a escrever o artigo noticioso, pois este não encaixaria correctamente no contorno de outra forma. 

Finda a inserção no texto, não estávamos totalmente satisfeitas com o resultado. Como ainda tínhamos algum espaço de sobra na parte final no contorno, decidimos então destacar o título, colocando-o em baixo, e mudar a sua cor, porque em branco resultava melhor do que em amarelo. 

Foi necessário escolher um tipo de letra para o corpo da notícia mais simples, pois o título já tinha uma fonte mais trabalhada, e não resultaria bem em ambos. Ainda procuramos fazer ao contrário, ou seja, colocar o título com uma fonte mais simples, e colocar a mais trabalhada no corpo de texto, mas desse modo não ficaria legível. Então, decidimos que ficasse assim. A cor do corpo de texto teria que ser uma cor forte e bem visível, de modo a contrastar com o preto do contorno, por isso optámos pelo amarelo. 

Bibliografia: 

HEITLINGER, Paulo (2006) "Tipografia, Origens, formas e uso das letras", Edições Dinalivro, Lisboa

Webgrafia: 

http://www.counterspace.us/typography/

http://www.papress.com/thinkingwithtype/

http://estudostipografia.wordpress.com/

Proposta de Trabalho II - Fases de Realização do Projecto Final

I - Título Inicial

II - Imagem de Amélie Poulain


 
III - Criação do Contorno no Photoshop

IV - Inserção do Artigo Noticioso

VI - Resultado Final 

Proposta de Trabalho II - Escolha da Notícia e Desenvolvimento do Projecto

A segunda proposta de trabalho para a Unidade Curricular de Design e Comunicação Visual sugere o desenvolvimento de uma infografia, recorrendo a elementos tipográficos e tendo por base um artigo que não ultrapasse as 500 palavras. Após alguma pesquisa, eu e a minha colega de trabalho escolhemos uma notícia do Portal Clix acerca do Projecto Amélie, cujo título é "Amélie Poulain" espalha surpresas por Lisboa",  e podendo ser consultada no seguinte link: http://boasnoticias.clix.pt/noticias_Am%C3%A9lie-Poulain-espalha-surpresas-por-Lisboa_10347.html.

Após a escolha da notícia, surgiram de imediato algumas ideias sobre o que poderia ser elaborado, visto que o artigo noticioso se baseia num projecto relacionado com o filme "Le fabuleux destin d'Amélie Poulain", o qual tanto eu como a minha colega de trabalho já vimos e gostamos imenso. A primeira coisa que decidimos fazer após a escolha da notícia foi procurar o poster promocional do filme e analisar as fontes tipográficas, para que de algum modo o nosso projecto tivesse uma ligação imediata ao filme. 

Poster Promocional do Filme 

Imediatamente sentimos a necessidade de relacionar o título da notícia com a tipografia que se destaca no Poster do filme, pelo que procuramos encontrar fontes tipográficas que se relacionassem com a fonte associada ao filme. Assim, surgiu o nosso primeiro esboço: 

Decidimos destacar o "Amélie", colocando o nome com o tamanho de tipo de letra um pouco maior, e utilizar o amarelo para o título, para assim se associar ao poster do filme, também em amarelo, ainda que ligeiramente mais berrante. Na nossa opinião, este amarelo mais suave resulta melhor neste tipo de trabalho.

De seguida, decidimos colocar "Projecto Amélie" por baixo do título, pois este subtítulo aparece também no artigo noticioso, e funciona um pouco como o subtítulo "Un film de Jean-Pierre Jeunet", no Poster do filme, e por isso tentou-se aproximar também o tipo de letra do original. 

O próximo desafio será incluir a notícia numa infografia, tendo o conteúdo do artigo um valor estritamente estético e simbólico, valorizando a tipografia não só como algo de valor semântico.  

Proposta de Trabalho II - Recolha Fotográfica

“As the saying goes, type is a beautiful group of letters, not a group of beautiful letters.”

Matthew Carter, Designer Britânico

Proposta de Trabalho I - Segundo Ensaio Teórico

Este ensaio teórico consiste na identificação de elementos básicos e técnicas de comunicação visual numa das fotografias realizadas durante a recolha fotográfica para o projecto. Sendo assim, escolhi uma das imagens que foram captadas durante uma aula, em que eu e a minha colega de grupo saímos à rua para poder recolher material de trabalho. 

Imagem Recolhida durante a Recolha Fotográfica 

Elementos Básicos da Comunicação Visual

Podem destacar-se nesta imagem diversos elementos básicos da comunicação visual, sendo eles: o ponto, presente nos ramos das árvores, e bastante visível no canto superior direito da imagem; a linha, que marca as janelas das casas, as varandas, e aliando-se à forma nos galhos das árvores, e no próprio tronco; a direcção traduz-se nos triângulos presentes nos telhados das casas, aliados aos quadrados das janelas; o tom e a cor são claramente detectáveis por toda a fotografia, variando conforme a intensidade da luz e também conforme as casas; a textura está presente nos ramos das árvores, tal como o movimento. Por fim, pode ainda verificar-se na imagem a escala,  tendo em conta a diferença de tamanhos entre as casas e as árvores presentes na fotografia. 

Técnicas da Comunicação Visual 

Estão presentes na imagem distintas técnicas da comunicação visual, destacando-se a irregularidade, a actividade, a profundidade, a espontaneidade, a exactidão e o acaso. 

Proposta de Trabalho I - Trabalho Final e Primeiro Ensaio Teórico

Imagem 1 - Capa do CD

Imagem 2 - Bolacha do CD

• Escolha do Tema do Projecto 

A primeira proposta de trabalho de Design e Comunicação Visual incutiu a escolha da letra de uma música, da qual se pudesse obter uma representação visual. Sendo assim, e após ponderação com a minha colega de grupo de trabalho, surgiu a nossa escolha final: a letra da música "Rough Hands", da banda Alexisonfire, pelo facto de ambas nos revermos na música, cuja letra remete para o fim de uma relação, lançando um olhar um pouco amargo sobre as angústias e os desgostos que o amor muitas vezes causa. ( '‘All my bones are dust/Two people, too damaged, too much, too late/And my heart’s sealed with rust/Two people, too damaged, too much, too late/These hands will always be rough/Two people, too damaged, too much, too late/I know this won’t count for much/Two people, too damaged, too much, too late.’')

Foi a partir do refrão da música que começaram a surgir as primeiras ideias para a elaboração da proposta.

• Concepção da Proposta                                      

A ideia inicial para a capa sempre se manteve a mesma: colocar mãos. Mas como? Pequenas, grandes? Jovens, marcadas pelo tempo? Aqui, começaram a surgir diferentes pareceres. 

Sendo a música um original de uma banda hardcore, no princípio pensamos que talvez fosse interessante incluir esse contexto no projecto e utilizar, por exemplo, um par de mãos tatuadas. Rapidamente deixamos essa ideia de parte, por falta de material de trabalho, visto que não é fácil encontrar alguém com as mãos repletas de tatuagens. 

Então partimos para a recolha fotográfica, fotografando mãos de colegas, de pessoas que passavam pela rua, e sendo esta primeira proposta de trabalho ligada aos elementos básicos e técnicas de comunicação visual, procurou-se ligar as mãos a alguns deles, como por exemplo, a textura, (a terra utilizada na capa, os ramos das árvores),  o tom (observável no contraste da fotografia da capa), a profundidade (a perspectiva na bolacha quando se olha para o sol ao fundo remete para a dimensão do céu), entre outros.

Rapidamente conseguimos material concreto para a elaboração do projecto, ligeiramente diferente da ideia inicial, mas que acabou por conseguir transmitir aquilo para que, visualmente, a letra de "Rough Hands" remete. 

• Elaboração da Proposta 

No início da elaboração do projecto, várias ideias surgiram para a capa e para a bolacha. Rapidamente nos apercebemos que algumas não seriam concretizáveis, e que o melhor seria partir imediatamente para a recolha fotográfica, para que de algum modo despontassem novas concepções para o trabalho.

Assim foi. Durante a recolha fotográfica, retrataram-se diferentes pares de mãos em distintos contextos. Um deles foi inserir mãos num terreno árido, composto por pedras, paus, e terra seca, para que assim se remetesse para a aspereza, aridez, ou seja, para o título da nossa letra, "Rough Hands". 

Fotografia Original da Capa

Tendo sido apenas uma pequena experiência, esta fotografia acabou por fazer todo o sentido. Concluímos que seria uma boa capa para o projecto, contendo elementos básicos de comunicação visual e estando totalmente relacionada com o nosso tema. Era ainda necessário relacionar a capa com a bolacha, que ainda estava por decidir. Entretanto, fotografaram-se também algumas árvores despidas de folhas, situadas em frente ao Pólo de Ciências da Comunicação, e que carregam consigo um semblante pesado, sombrio, que é exactamente o que transmite a letra escolhida.  O que era inicialmente apenas mais uma fotografia a constar da recolha fotográfica acabou por ser a bolacha do nosso trabalho, pois existe uma co-relação com a capa. Ambas se constituem de elementos naturais, ligando-se também pelo contexto de rugosidade e aspereza que trazem consigo, o que, mais uma vez, volta a remeter para o nosso tema.

Fotografia Original da Bolacha

Proposta de Trabalho I – Recolha Fotográfica

Aqui estão algumas das fotografias resultantes do "trabalho de campo" durante a aula de Design e Comunicação Visual. 


Na nossa recolha fotográfica, procurou-se fotografar diferentes mãos, com aspectos mais ou menos distintos, para que assim pudéssemos ter uma noção daquilo que queríamos colocar na capa do nosso CD, além de que o facto de termos o maior número de material possível nos oferece um leque mais vasto de escolhas para o produto final. Durante a recolha, ocorreu-nos outra ideia. Relacionar a aspereza das mãos com outros elementos visuais que, por si só, se salientem como agrestes, resistentes. Daí que tenha surgido um novo elemento para o nosso projecto: a terra. Como tal, fotografamos também algumas árvores presentes na Praça Coronel Pacheco, para que de algum modo possamos relacioná-las com os outros dois elementos, e conjugar esses três factores.