Proposta de Trabalho IV – Segundo Trabalho Teórico

(clicar para ver tamanho original)

O segundo trabalho teórico da Proposta de Trabalho IV consiste numa análise crítica sobre a composição gráfica de uma infografia. O trabalho infográfico selecionado é de 2011 e, com base numa cronologia, descreve os 10 anos anteriores de José Mourinho enquanto treinador de futebol.

À primeira vista complexa, a infografia revela ser muito fácil de interpretar. O título e lead, no canto superior esquerdo, chamam imediatamente à atenção, para além de serem claros e informativos. O leitor fica desde logo a saber que o trabalho se refere aos últimos “Dez anos de José Mourinho”, incluindo “números, títulos e gastos da carreira do treinador português”. Segue-se uma pequena apresentação dos dados pessoais do treinador e uma legenda das cores e símbolos utilizados na composição.

A infografia circular apresenta uma secção para cada época; cada uma para além de conter uma fotografia do treinador na época respetiva, dá destaque ao clube que José Mourinho treinou, bem como número de jogos e número de derrotas, empates e vitórias. Fora do círculo são ainda indicados os valores gastos em contratações (especificando as contratações a clubes portugueses), em milhões de euros. Nas épocas em que foram conquistados títulos, há ainda a indicação desses mesmos títulos (com desenho e nome).

Um gráfico circular com o total de vitórias, empates e derrotas é observável o centro da infografia; no centro do gráfico consta o número total de jogos. As cores utilizadas são coerentes com a legenda inicialmente referida.

A imagem em análise é um bom exemplo de infografia, uma vez que é esclarecedora e apresenta a informação de forma clara e pormenorizada. Os diferentes elementos gráficos estão conjugados de forma harmoniosa e o resultam numa composição visual que serve os propósitos do trabalho infográfico.

Proposta de Trabalho IV – Proposta de Trabalho Final e Primeiro Trabalho Teórico

(clicar para ver no tamanho original)

(clicar para ver no tamanho original)

O primeiro trabalho teórico da Proposta de Trabalho IV pressupõe uma memória descritiva que justifique e contextualize as escolhas gráficas e a composição da infografia.

O trabalho final resulta de uma edição em Photoshop e Illustrator e foram várias as etapas até chegar ao resultado final. Como para este trabalho final nos foi dada liberdade para utilizar imagens que não fossem exclusivamente criadas por nós, eu e a minha colega de trabalho recorremos a algumas fotografias que foram úteis para a composição final. Exemplos disso são a fotografia de Wolfgang Lanzen, na caixa do lado direito, e a imagem da bicicleta utilizada como rodapé.

O mapa utilizado também foi encontrado num website e o fundo, azul e com uma textura simples, foi aproveitado e alargado a toda a infografia que se encontra em formato A3 (29,7×42 cm). O contexto editorial definido para este trabalho é uma revista (ex: Visão e Sábado), sendo que o trabalho estaria disposto nas páginas centrais.

Os elementos textuais na parte superior foram definidos conforme regras do texto jornalístico: título conciso que, ao mesmo tempo, chama a atenção e informa e lead que transmite as informações principais. Por uma questão de coerência e equilíbrio, a cor utilizada é a cor do mapa e das linhas que limitam as diferentes partes da infografia. O título está posicionado no canto superior esquerdo, por ser este o local para onde se olha inicialmente de forma instintiva. Imediatamente a seguir, quem observa o trabalho infográfico é remetido para o lead. O tipo de letra utilizado é simples de modo a transmitir rigor e seriedade de informação.

No trabalho final, consta ainda uma caixa de texto sobre o “protagonista” da notícia, onde a missão em causa é explicada. Já as bicicletas surgem pela necessidade de representar o meio de transporte utilizado na viagem. A repetição de bicicletas em ponto pequeno ao longo da linha inferior foi considerada a melhor opção, pois não interfere como a sobriedade da infografia e contribui para preencher e completar a parte inferior da mesma.

Os 28 países pelos quais Wolfgang passou estão representados no mapa de forma simples e imediatamente percetível. Para cada país, um ponto numerado. Todos os pontos estão ligados por uma linha tracejada de ondulação variável (para reforçar a ideia de viagem, que certamente não terá sido feita em linhas retas). Se cada um dos países marcados tivesse o nome ao lado do ponto, o mapa ficaria visualmente confuso. Assim, os países aparecem em rodapé, juntamente com o número de quilómetros percorridos dentro de cada um.

A fonte da infografia surge no lado esquerdo, de forma discreta, de modo a não interferir com a harmonia da composição, mas dando os devidos créditos ao jornal online que contribui para a realização do trabalho.

Em suma, a infografia de título Solidariedade pelo Mundo visa explicar e descrever a viagem de Wolfgang Lanzen de forma clara e sucinta. Todos os elementos selecionados pretendem servir um rigor informativo exigido num contexto editorial e foram trabalhos de modo a resultar numa composição coerente e visualmente harmoniosa.

Proposta de Trabalho IV – Etapas da realização da proposta final

Imagem 1 – Mapa

Imagem 2 – Bicicleta

Imagem 3 – Wolfgang Lenzen

 

Proposta de Trabalho IV – Escolha da Notícia

A proposta final de Design e Comunicação Visual consiste na elaboração de uma infografia jornalística. Para a realização da mesma, eu e a minha colega de trabalho tivemos de escolher uma notícia para representarmos graficamente. Optamos por um artigo sobre Wolfgang Lenzen, um senhor alemão que se propôs a dar a volta ao mundo de bicicleta. Na infografia irão constar dados relativos ao percurso de Wolfgang e aos pormenores que o caracterizam. A notícia pode ser encontrada no jornal La Voz Digital (http://www.lavozdigital.es/cadiz/20111026/local/jerez/wolfgang-lenzen-vuelta-mundo-201110261131.html)

Proposta de Trabalho IV – Pesquisa e recolha de exemplos

“Infografias são representações visuais de informação, dados ou conhecimento. Estes gráficos são utilizados quando informação complexa precisa de ser explicada rápida e claramente, como em mapas, jornalismo, escrita técnica e educação.” (http://www.instantshift.com/2009/06/07/infographic-designs-overview-examples-and-best-practices/)

Proposta de Trabalho III – A cor

O terceiro trabalho de Design e Comunicação visual pressupõe a alteração do conceito de uma imagem, modificando apenas a cor através das várias funcionalidades do Photoshop. A imagem escolhida para o desenvolvimento da proposta é o cartaz do filme Eternal Sunshine of the Spotless Mind.

Imagem original

Imagem com cores alteradas

Imagem em tons de cinza

Proposta de Trabalho II – Segundo Trabalho Teórico

O segundo ensaio teórico proposto no segundo trabalho de Design e Comunicação Visual consiste na análise crítica de um trabalho tipográfico recolhido na fase de pesquisa da II Proposta. A imagem aqui publicada é da autoria de Dzeri dela Rosa e pode ser encontrada no flickr (http://www.flickr.com/photos/dzeri29/6882650454) com o título Home.

(clicar para ver o tamanho original)

A frase retratada, “Where the heart is”, remete para a célebre citação de autor desconhecido Home is Where the Heart is (em português, O lar é onde o coração está). O tipo de letra utilizado, desenvolvido pelo próprio designer, apresenta um caráter familiar e acolhedor pela forma como é trabalhado e para reforçar a ideia da palavra heart é utilizada a cor vermelha, universalmente associada ao amor.

A frase está envolvida num elemento ondulante de tonalidade mais clara constituído por várias linhas. Este elemento provém da chaminé do objeto posicionado na parte inferior da composição e representa, assim, o fumo provocado seja por uma lareira ou pelo ato de cozinhar, duas coisas que remetem para o ambiente familiar. E é também assim, com a ideia de família, que se observa o objeto que pretende simbolizar uma casa fundida com um coração humano.

A casa-coração, também vermelha, tem tanto destaque na composição final como as quatro palavras já referidas. O elemento casa associa-se à palavra lar (home) e assim, a comunicação visual do trabalho tipográfico apresentado é imediatamente transmitida ao observador. Tudo isto através de um coração com porta de entrada, telhas e janelas. A sustentar este coração transformado em casa, encontra-se um fundo discreto onde está representado um bosque (com árvores e veados).

Este elemento secundário apoia a ideia já descrita, uma vez que remete para um ambiente mais rural, para muitos associado às suas origens. No entanto, esta representação, acaba por ser limitadora e até contraditória da ideia geral, uma vez que o lar pode estar localizado em qualquer tipo de espaço, seja este rural ou citadino.

Considero, também, que a combinação de cores utilizada (preto e vermelho), apesar de estar bem conjugada, atribui um caráter escuro ao resultado final. Num trabalho que desperta a atenção para a importância do lar e do amor, o preto não transmite a harmonia normalmente associada a estes dois conceitos. Na minha opinião, um tom mais claro no fundo da composição daria um aspeto mais “aconchegante” à imagem final. Contudo, o preto está também associado à noite e ainda mais no trabalho em análise em que a pigmentação da cor é ligeiramente percetível, assemelhando-se à escuridão noturna. Assim, a noite intensifica, também, a ideia de lar, a hora em que as pessoas regressam a casa e sentem que estão onde o coração está.

Em conclusão, a composição tipográfica em análise tem muitas mais características e uma mensagem muito mais forte do que aquela que apresenta à primeira vista. A letra utilizada não é exageradamente trabalha, o esquema de cores é básico e não existe excesso de elementos na imagem. Ainda assim, por detrás de uma conjugação de elementos aparentemente simples, há uma mensagem forte que capta a atenção do observador quanto mais não seja pela capacidade do designer de transmitir emoção através da tipografia.

“Although typographers would like to pride themselves on
the logic and precision of their profession, it is in fact no so clear-cut.
Typography seems exact because much of it
has been done in the same way for so long.
There are really only a few fundamentals that are set:
we read from left to right and from top do bottom.
Letter shapes and letters sizes are reasonably limited.
But beyonde that rely primarly on emotion”
Gerard Unger (1992)

Bibliografia/Webgrafia
“Typographic” http://www.rsub.com/typographic/ (03-04-2012)

Proposta de Trabalho II – Proposta Final e Primeiro Trabalho Teórico

A II proposta de Design e Comunicação Visual exigiu a representação tipográfica de uma notícia à nossa escolha. A notícia selecionada, já referida numa publicação anterior, exigiu o desenvolvimento de diferentes elementos.

Para começar, eu e a minha colega de trabalho optamos por destacar a palavra “preconceito” que, de certo modo, retrata o artigo a ser trabalhado. Para representar a palavra foi utilizado um tipo de letra, encontrado no website http://www.dafont.com, com o nome 28 Days Later. Este tipo de letra chamou rapidamente a atenção, porque apresenta caracteres corroídos, ligeiramente destruídos, que apontam para o efeito que o preconceito  tem na sociedade, um e feito “corrosivo”.

Em segundo plano encontram-se outros elementos que contribuem para uma melhor compreensão do artigo em causa. O último “o” da palavra “preconceito” foi duplicado e transformado no símbolo da homossexualidade. Assim, torna-se claro o tipo de preconceito de que estamos a falar. Os tons de cinza, diferentes do resto da palavra, conferem destaque ao símbolo e realçam o enlace entre os dois símbolos do sexo masculino.

No fundo da composição tipográfica, encontra-se uma imagem que sustenta a palavra “preconceito” e pretende dar uma indicação do país associado à notícia, a Libéria. Assim, foi utilizada a forma do mapa deste país com o padrão da bandeira do mesmo. Nas faixas vermelhas e brancas encontra-se parte fundamental do texto da notícia que tem como objetivo primordial enriquecer a infografia e remeter a composição visual para um contexto de notícia.

Como pretendíamos desenvolver um trabalho tipográfico cuja compreensão fosse possível por parte de pessoas diferentes e tendo em conta que a bandeira e mapa liberianos não são conhecidos por todos, decidimos ainda representar a palavra “Libéria”. Esta surge em queda, associada à “queda” de valores e princípios da dirigente do país e está intercalada com a palavra “preconceito”. Para a concretização da composição foi ainda aproveitada parte da forma do mapa para a formação do segundo “i” da palavra. O tipo de letra escolhido é simples, uma vez que a infografia já apresentava diversos elementos, incluindo uma letra forte na palavra em destaque (“preconceito”); um tipo de letra mais trabalhado para a palavra “Libéria” só iria servir para “poluir” visualmente a composição. A cor das letras que compõe a palavra surge em harmonia com as cores da bandeira do país.

Bibliografia/Webgrafia:
KANE, John (2002) “A Type Primer”, Laurence King Publishing
“Infographic: a comprehensive guide to typography” http://zubeta.com/beta/a-guide-to-typography-infographic/ (03-04-2012)
“Thinking With Type” http://papress.com/thinkingwithtype/ (03-04-2012)
“Typographic” http://www.rsub.com/typographic/ (03-04-2012)

Proposta de Trabalho II – Etapas da realização da proposta final

Imagem 1 – “Preconceito”

Imagem 2 – Bandeira/mapa da Libéria com notícia

 

Imagem 3 – “Preconceito” e bandeira/mapa

Imagem 4 – Preconceito, bandeira/mapa, símbolo da homossexualidade e fundo

Proposta de Trabalho II – Escolha da Notícia

A segunda proposta de trabalho de Design e Comunicação Visual consiste na elaboração de uma infografia, utilizando elementos tipográficos, que tenha como base um artigo noticioso com cerca de 500 palavras. A notícia que eu e a minha colega de trabalho selecionamos para desenvolvermos uma representação tipográfica foi publicada no Público com o título “Presidente da Libéria e Nobel da Paz defende criminalização da homossexualidade” e pode ser consultada no link: http://www.publico.pt/Mundo/presidente-da-liberia-e-nobel-da-paz-defende-criminalizacao-da-homossexualidade-1538581;

Numa primeira abordagem, as palavras que se destacam são “Paz”, “Homossexualidade” e “Libéria”. Em tentativas futuras tentaremos conjugar o “Preconceito” que envolve a notícia com os três conceitos referidos de forma a apresentar uma proposta final cuja observação seja suficiente para a compreensão da totalidade do artigo.

Proposta de Trabalho II – Recolha Fotográfica

Typography is what language looks like.
– Ellen Lupton (www.http://elupton.com/)

Proposta de Trabalho I – Segundo trabalho teórico

O segundo ensaio teórico proposto no primeiro trabalho de Design e Comunicação Visual consiste na identificação dos elementos básicos e das técnicas de comunicação visual numa fotografia escolhida durante o precosso de recolha fotográfica. Para este trabalho, selecionei uma imagem de um fotógrafo de nome desconhecido cujos trabalhos são publicadas no flickr com o username vulture labs. A fotografia em causa tem o título London Underground e pode ser encontrada no seguinte link: http://www.flickr.com/photos/38181284@N06/6308317619/?f=hp

(clicar para ver o tamanho original)

A fotografia, tirada no metro de Londres, é muito completa na medida em que engloba diversos elementos básicos da comunicação visual.

Passo, então, a enumerá-los:
– o ponto, enquanto elemento mais básico da comunicação visual, integra-se na composição criando direção e  tom, por exemplo;
– a linha, horizontal, percetível nas paredes do túnel;
– a forma, visível no chão composto por quadrados, à qual se pode associar rigor;
– direção, provocada pela perspetiva da fotografia e também pelas linhas presentes na composição;
– o tom, evidente na gradação de cores e jogo de sombras e contrastes da fotografia;
– textura, especialmente vincada das escadas (parte inferior da imagem);
– dimensão, conferida por uma convenção técnica da perspetiva e enfatizada pelo tom, luz e sombra da fotografia;
– movimento, observado numa fotografia estática cuja composição parece implicar ação.

Ao nível das técnicas, podemos evidenciar:
– simetria, unidade,  atividade,  profundidade; regularidade, previsibilidade, coerência, realismo e agudeza.

Proposta de Trabalho I – Proposta Final e Primeiro Trabalho Teórico

Imagem 1 – Quadrado – Capa

Imagem 2 – Círculo – Bolacha

A ESCOLHA DO TEMA

A primeira proposta de trabalho de Design e Comunicação Visual exigiu a escolha de uma música que viria a ser retratada visualmente tendo como base a letra da mesma. A minha escolha e da minha colega de trabalho recaiu sobre o tema The Thoughts of Mary Jane de Nick Drake, não só por ser uma música de que ambas gostamos, mas especialmente por ter uma letra que, apesar de conter alguns elementos facilmente ilustrativos, vai também exigir a representação visual de palavras abstratas que surgem ao longo do poema.

Assim, deparada com a tarefa de criar uma imagem baseada no tema, chamam-me imediatamente a atenção as palavras “stars”, “sky”, “wind”, “mind”, “strange”, “thoughts”, “dreams”. Algumas destas transportam o mistério também retratado no repetido verso “who can know” que me transmite a ideia de uma pessoa enigmática e indecifrável inserida num ambiente igualmente difícil de descodificar.

IDEALIZAÇÃO DA PROPOSTA

A música escolhida foi rapidamente associada a uma idealização inicial da proposta. O que se pretendia era que o fundo, feito com algodão em tons suaves de azul e branco que viria a atribuir sombras e dinamismo à montagem final, criasse um efeito espiral que remetesse para a profundidade e difusidade que viriam a envolver os pensamentos da “personagem principal” da letra. Este fundo, manualmente construído, foi fotografado e posteriormente editado no Photoshop onde foi aplicado um efeito de desfoque que remeteria para o mistério que envolve a música escolhida. A retratar a Mary Jane, optamos pela silhueta de uma mulher no centro da capa. Para obter esta imagem, fotografamos uma colega e de seguida também editamos a fotografia no computador. A ideia era que esta surgisse com especial destaque na montagem final, ainda que se pretendesse passar a imagem de alguém discreto. Pretendiamos também que tivessemalgum destaque, os elementos associadas ao céu e às estrelas. As várias experiências realizadas ditaram se estes elementos viriam a aparecer na capa, junto da silhueta já referida, ou numa montagem ligeiramente diferente que teria como destino a bolacha respetiva.

Sendo a Proposta I de Design e Comunicação Visual sobre os elementos básicos e as técnicas da comunicação visual, também estes foram tidos em conta durante a conceção inicial da composição final. Os elementos básicos pensados à data da anteprojeto são: a linha e forma (para os contornos dos elementos colados sobre o fundo, movimento (resultado do efeito criado pelo algodão), tom (presente nas variações de luz e sombra que pretendemos obter também com o algodão), e textura (mais uma vez provocada pelo efeito do algodão); Ao nível das técnicas, procuraremos representar: profundidade e difusidade com os efeitos visuais do fundo; atividade e irregularidade provocadas pela posição do algodão; transparência (técnica a ponderar, nomeadamente na aplicação da fotografia da mulher e dos elementos relativos ao céu).

CONCRETIZAÇÃO DA PROPOSTA – diferenças relativamente à ideia inicial

Numa fase inicial, ainda não tinha sido decidido se os elementos relativos ao céu/estrelas constituíram a composição da capa. Através das experiências realizadas, foi concluído que se tal acontecesse, a proposta teria elementos a mais e o conceito pretendido não seria alcançado. Assim, optamos por utilizar os referidos elementos na bolacha. Eu e a minha colega de trabalho optamos por representar uma lua, tal como o fundo, feita com algodão colorido. A composição foi toda realizada manualmente e, depois, fotografada e editada no Photoshop.

Outras alterações também foram feitas relativamente à ideia-base, nomeadamente ao nível da figura da mulher. Optamos por não utilizar apenas a sombra-silhueta. Em vez disso, aplicamos um efeito de transparência na fotografia a preto e branco. Relativamente ao fundo, não foi criado o efeito espiral que se pretendia inicialmente, antes optamos por criar um movimento diagonal fotografado de uma perspetiva planeada com a intenção de criar uma dimensão específica. Também esta perspetiva implicou que a figura da mulher não se localizasse no centro da capa, como pensado anteriormente, mas sim num canto estratégico.

ELEMENTOS BÁSICOS E TÉCNICAS DA COMUNICAÇÃO VISUAL

Numa análise final, podemos observar diferentes elementos básicos nos elementos que compõe as imagens, bem como diferentes técnicas de comunicação visual representadas pelas composições.

Elementos Básicos:
– linha e forma – observáveis nos contornos dos elementos colados sobre o fundo (mulher e lua);
– movimento e direção (diagonal, instável) – criados pelas oscilações e posicionamento do algodão;
– tom – presente nas variações de luz e sombra obtidas com o algodão;
– textura – também provocada pelas formas e relevo do fundo;
– dimensão – obtida através da perspetiva utilizada para fotografar o algodão usado no fundo da capa, que intensifica a parte superior esquerda da composição. 

Técnicas:
– profundidade – conseguida com o posicionamento do algodão que compõe o fundo cujo perspetiva sugere a aparência da dimensão;
– difusidade – provocada digitalmente no fundo da capa através de um efeito de desfoque e duplicação de imagem, ligeiramente deslocada e com pouca opacidade;
– atividade – observável no algodão que implica movimento e assume uma postura energética;
– irregularidade – também observável nas formas do algodão, inconstantes e variáveis;
– transparência – aplicada na figura da mulher, elemento através do qual se pode ver;
– simplicidade – transmitida pelos poucos elementos na composição da bolacha, sem lugar para elaborações secundárias.

Bibliografia: DONDIS, Donis A. A sintaxe da linguagem visual.

Proposta de Trabalho I – Esboço e Preparação da Composição Final

 Antes de procedermos à elaboração do trabalho final, que exigiu trabalho manual (com algodão) e a presença de uma colega que teria a função de modelo, elaboramos um esboço, inteiramente feito a computador e utilizando imagens alheias, daquilo que veio a ser o trabalho final.

Imagem 1 – Fundo azul

Imagem 2 – Silhueta de mulher

Imagem 3 – Efeito algodão

Fotografias utilizadas nas composições finais (capa e bolacha)

Imagem 4 – Algodão (fundo – capa)

Imagem 5 – Maria Ferreira (silhueta da mulher – capa)

Imagem 6 – Algodão (bolacha)

Proposta de Trabalho I – Recolha fotográfica (parte 2)

Técnicas de Comunicação Visual

São inúmeras as técnicas de comunicação visual das quais podemos tirar partido para expressar visualmente determinado trabalho. A interpretação pessoal constitui um importante fator no reconhecimento das técnicas e cada uma possui uma técnica oposta:

• Equilíbrio – Instabilidade
• Simetria – Assimetria
• Regularidade – Irregularidade
• Simplicidade – Complexidade
• Unidade – Fragmentação
• Economia – Profusão
• Reticência – Exagero
• Previsibilidade – Espontaneidade
• Atividade – Passividade
• Subtileza – Audácia
• Neutralidade – Acento
• Transparência – Opacidade
• Coerência – Variação
• Realismo – Distorção
• Planura – Profundidade
• Singularidade – Justaposição
• Agudeza – Difusidade

De seguida, algumas imagens exemplificativas de algumas técnicas utilizadas e/ou que serviram de inspiração para a conclusão da proposta de trabalho.

PROFUNDIDADE

ATIVIDADE

TRANSPARÊNCIA

DIFUSÃO

Proposta de Trabalho I – Recolha fotográfica (parte 1)

Elementos de Comunicação Visual

Os elementos de comunicação visual são os componentes básicos dos meios visuais. Transmitem informação de forma fácil e direta que pode ser captada por qualquer pessoa com a capacidade de ver.

• O ponto
• A linha
• A forma
• Direção
• O tom
• A cor
• Textura
• Escala
• Dimensão
• Movimento

Aqui ficam algumas imagens que evidenciam os diferentes elementos de comunicação visual, nas quais me inspirei de forma mais ou menos direta para a elaboração do trabalho final.

O PONTO

A LINHA

A FORMA

DIREÇÃO

O TOM

TEXTURA

ESCALA

DIMENSÃO

MOVIMENTO

Proposta de Trabalho I – Seleção da Música

MÚSICA SELECIONADA PARA A CONCRETIZAÇÃO DO PROJETO

Nick Drake – The Thoughts of Mary Jane

Who can know
The thoughts of mary jane
Why she flies
Or goes out in the rain
Where she’s been
And who she’s seen
In her journey to the stars.

Who can know
The reasons for her smile
What are her dreams
When they’ve journeyed for a mile
The way she sings
And her brightly coloured rings
Make her the princess of the sky.

Who can know
What happens in her mind
Did she come from a strange world
And leave her mind behind
Her lost long sighs
And her brightly coloured eyes
Tell her story to the wind.