POR T FO L I O EMANUELA CORDEIRO
UFPE | CAC Departamento de Design
POR T FO L I O Disciplina Diagramação Professora Margarida Correia Lima Aluna Emanuela Cordeiro
1
2
Projetos executados
Princípios básicos de diagramação
24
Rediagramação de panfleto
06
Formato
25
Família tipográfica
08
Cortes racionais de papel
26
Projeto sobre violência
09
Margens e espaçamento
26
Cartaz
10 Hierarquia
27
Outdoor
12 Tipografia
28
Projeto sobre meio ambiente
14 Cor
28
Cartaz
16 Imagem
Outdoor
18 Grid
Panfleto
19
Rediagramação de folder
Lei dos terços
D I A GRA MA CAO 1 PRINCÍPIOS BÁSICOS DE
06 Formato
O formato desempenha um papel muito importante no projeto. A noção de espaço e movimento de um determinado formato muda conforme a alteração das proporções. O formato quadrado traz neutralidade. O vertical reflete o corpo humano e cria um impulso visual ativo entre o eixo inferior e superior, bem como proporciona elegância ao projeto. O formato horizontal reflete a paisagem, a visão panorâmica e cria um movimento entre esquerda e direita. Os projetos que têm suas proporções levadas ao extremo causam bastante impacto na percepção do leitor e podem valorizar ainda mais o tema que está sendo trabalhado. O designer também pode explorar o formato de acordo com as necessidades tipográficas do projeto, pois o mesmo pode variar dependendo, por exemplo, da legibilidade e do espaça mento. Com relação ao tamanho do formato do papel, foram padronizadas as séries A, B e C. Essa padronização serve para auxiliar na escolha do formato ideal para cada tipo de projeto, porém o designer também pode inovar nos formatos de seus projetos agregando, assim, mais valor aos mesmos.
07
Série A
Série B
Série C
08 Cortes racionais de papel
Com a finalidade de minimizar desperdício de papel e, consequentemente, reduzir os custos dos projetos, foi padronizada uma tabela de cortes em folhas de tamanho 66x96cm, também chamadas de folhas industriais. Essa tabela auxilia no máximo aproveitamento de cada folha pois indica a relação entre tamanho do corte e a quantidade de folhas obtidas a partir do mesmo.
TABELA DE CORTES EM FOLHAS 66x96
O traço vermelho indica onde deve ser dado o primeiro corte. As áreas cinzas são as sobras.
09 Margens e espaçamentos
As margens são espaços negativos entre a borda da página e o conteúdo. Elas definem a área onde a tipografia e as imagens serão organizadas. Dependendo do conceito a ser utilizado no projeto, a tipografia e as imagens também podem sangrar no papel, ultrapassando o limite das margens. Estas também podem ser usadas para focalizar a atenção, servir como um lugar de descanso para os olhos ou uma área de informações auxiliares. Há dois tipos de espaçamentos na composição textual: entre linhas e entre palavras. A entrelinha é a medida vertical a partir da linha de base de uma frase em um parágrafo até a linha de base da frase abaixo. Ela exerce uma função extremamente importante na legibilidade de um texto. Ao desenvolver o projeto, o designer deve levar em consideração a altura das letras, bem como as ascendentes e descendentes, pois essas características podem prejudicar o entrelinhamento e, consequentemente a leitura. O espaço entre palavras deriva do ritmo dos traços e contraformas estabelecido pelo próprio espacejamento. O espaço entre palavras deve ser o mínimo necessário para separá-las, a fim de evitar os chamados “caminhos de rato” que prejudicam a mancha gráfica e a compreensão do texto.
10 Hierarquia
A hierarquia baseia-se no nível de importância que o designer atribui a cada parte do texto. Essa importância refere-se à parte que deve ser lida em primeiro, segundo, terceiro lugar, e assim por diante. Diz respeito também à diferença de função das partes da composição, como o texto, os títulos e subtítulos, as legendas, entre outras. Antes de determinar a hierarquia, o designer deve determinar qual o foco principal da atenção do leitor e como as partes que não são o foco principal se relacionam entre si. Os efeitos das decisões tomadas quanto a hierarquização da informação são de vital importância visual e verbal para a construção do projeto.
11
12 Tipografia
Ao criar um projeto, um dos maiores focos é a tipografia. A escolha de uma fonte estabelece uma voz para o conteúdo que o posiciona de forma específica mediante significados que o público pode associar à própria fonte. Por esse motivo a composição tipográfica deve levar em consideração o contexto do projeto e os objetivos do mesmo. Escolher um fonte serifada clássica, em contraste com uma contemporânea sem serifa, por exemplo, pode transmitir uma ideia de credibilidade e confiabilidade. A escolha de quais faces de tipo misturar deve ser decisiva. É preciso que haja contraste estilístico suficiente entre elas para que suas qualidades individuais fiquem evidentes. A utilização de faces experimentais, ou de faces que desafiam a legibilidade, pode conferir ao projeto uma ideia de exclusividade ou ser percebida como especialmente antenada.
13
14 Cor
A cor pode exprimir uma atmosfera, descrever uma realidade ou codificar uma informação. Os designers usam a cor para fazer com que algumas coisas se destaquem e outras desapareçam. As cores mudam de sentido de uma cultura para outra, já que carregam diferentes conotações em diferentes sociedades. O disco cromático é uma ferramenta bastante útil para o design. As cores vizinhas são análogas e as que estão em lado oposto são complementares. A decisão de utilizar cores análogas ou contrastantes afeta a energia visual e a atmosfera de qualquer composição.
15
16 Imagem
O uso das imagens é bastante difundido nos projetos gráficos. Elas podem sozinhas passar a mensagem desejada de forma direta ao leitor ou podem agregar valor ao texto da composição. As imagens também podem ser utilizadas como plano de fundo do projeto, porém nesses casos é sempre indispensável atentar para manter um mínimo de contraste possível para que a legibilidade e compreensão do texto não seja prejudicada. Ao utilizar imagens em seu projeto, o designer deve buscar as de boa qualidade, com boa resolução, para que não surjam problemas no caso da necessidade de redimensionamento das mesmas. As imagens podem ser trabalhadas de diversas formas para enriquecer o projeto. É comum, por exemplo, encontrarmos trabalhos com manipulações de imagens para reforçar a mensagem que se deseja passar ao leitor. Para auxiliar na busca por imagens, há diversos bancos online gratuitos e pagos. É importante lembrar que imagens produzidas exclusivamente para o projeto agregam valor ao mesmo, ao passo que imagens obtidas em bancos online tornam-se repetitivas e são encontradas em vários outros projetos.
17
18 Grid
Um grid é uma rede de linhas. Em geral, essa linham cortam um plano horizontal e verticalmente com incrementos ritmados, mas um grid pode também ser anguloso, irregular ou ainda circular. Além de organizar o conteúdo ativo da página, o grid estrutura os espaços brancos, que deixam de ser meros buracos vazios e passam a participar do ritmo do conjunto geral. Alguns designers utlizam os grids de maneira rígida, enquanto outros os veem como um ponto de partida num processo evolutivo.
19
20 Lei dos terços
A lei dos terços é uma técnica que auxilia na composição da peça gráfica. O objetivo é causar um melhor efeito visual. Para isso, divide-se a composição em três terços verticais e três horizontais. A imagem ficará dividida em nove partes iguais, e o objetivo é posicionar a informação principal nas intercessões entre as linhas. Há estudos que comprovam que as áreas de interesse dos nossos olhos, ao observar uma peça gráfica, são justamente esses pontos, e não o centro.
21
P RO J E TOS EXECUTADOS
2 1
24 Rediagramação de panfleto
Na rediagramação do panfleto de uma empresa que faz vendas e entregas de água mineral, foi realizada uma mudança na estética do mesmo. Com esse redesign foi possível passar a sensação de pureza da água, bem como de fluidez da mesma. Houve também uma melhor escolha da tipografia, um reforço do eixo e valorização dos espaços em branco.
O GarraFão DISK ÁGUA
Entrega em domicílio 98686-9355 3371-1809
FIDELIZAÇÃO*
* Cortesia de 01 água a cada 10 pedidos.
25 Família tipográfica
A família tipográfica escolhida para ser apresentada foi a Frutiger Font Family. Essa família foi criada por Adrian Frutiger para compor o sistema de direcionamento e sinalização por placas no interior do novo aeroporto de Paris em 1968. Devido à complexidade e a importância da informação que estava sendo passada, a Frutiger é uma fonte sem serifa com traços humanista que traz clareza e legibilidade ao material ao qual foi empregada. Essas características foram extraídas da criação anterior de Adrian, a Univers, acrescidas de outras características exportadas da Gill Sans como os aspectos orgânicos e proporcionais. Os ascendentes e descendentes dessa família são muito proeminentes, e as aberturas são largas para distinguir facilmente as letras umas das outras. É uma tipografia simples, legível, com caracteres calorosos e casuais o que fez dela muito popular para propagandas e impressões em tamanhos menores.
26 Projeto sobre violência Cartaz
O tema escolhido foi a violência contra a mulher. Tentei fugir das composições repetitivas acerca desse tema, nas quais a maioria traz imagens de mulheres com marcas de agressão. Fiz uso de pictogramas, e apliquei a variação da opacidade na figura que representa a mulher, dando a ideia do efeito da violência sofrida ao longo do relacionamento.
ATÉ QUE A MORTE OS SEPARE?
25 DE NOVEMBRO DIA INTERNACIONAL DE LUTA PELO FIM DA VIOLÊNCIA CONTRA AS MULHERES
27
Outdoor
A campanha do projeto sobre violência foi composta de um cartaz e um outdoor. As duas peças tiveram a mesma estética para a fim de criar uma unidade. Para a composição fiz uso da lei dos terços com reforço dos eixos e valorização dos espaços em branco em ambas as peças gráficas.
ATÉ QUE
25 DE NOVEMBRO
A MORTE
DIA INTERNACIONAL DE LUTA
OS SEPARE?
PELO FIM DA VIOLÊNCIA CONTRA AS MULHERES
28 Projeto sobre meio ambiente Cartaz
O tema escolhido para criar essa campanha foi a poluição do ar. Foi utilizada uma imagem com chaminés de uma indústria lançando fumaça no ar e uma mão remetendo ao movimento de parar. No cartaz, a palma da mão que indica a mensagem de parar com a poluição está em um dos postos de intersecção das linhas, respeitando, assim, lei dos terços. O posicionamento da frase nesse ponto também faz o reforço dessa área de interesse.
PARE COM A POLUIÇÃO
29
Outdoor
No outddor também foi utilizada a lei dos terços, a fim de manter a palma da mão como área de interesse. As chaminés foram colocadas como um aplique, e a frase, nessa peça, foi colocada em um outro ponto de intersecção da lei dos terços.
30
Folder
O folder foi elaborado num formato mais alongado verticalmente e com uma dobra. A última página do folder traz um céu limpo, livre de emissão de fumaça, dando a ideia do efeito positivo no ambiente caso sejam cumpridas ações afirmativas acerca do problema trabalhado na peça.
31
VOCÊ SABIA QUE... As emissões de gases gerados por indústrias carregam diversas substâncias tóxicas que são nocivas à população e ao meio ambiente. Quando em contato com o sistema respiratório, esses poluentes podem produzir vários efeitos negativos sobre a saúde da população mundial e, consequentemente, a morte.
PARE COM A POLUIÇÃO
A degradação ambiental está relacionada a 12,6 milhões de mortes por ano no mundo, e poluição nas águas, no solo e no ar é responsável por 9 milhões dessas mortes. Mas 6.5 milhões delas são decorrentes apenas da poluição do ar. 80% das cidades no mundo estão acima dos padrões de qualidade do ar da ONU. Várias capitais brasileiras fazem parte dessa realidade sombria, como São Paulo, cujo nível de poluição está 90% acima do considerado seguro.
HORA DE MUDAR! As indústrias devem cumprir as metas estabelecidas pela ONU para redução da emissão de poluentes. Não podemos aceitar nada menos ambicioso. Precisamos dar um passo certo em direção à redução da poluição.
ESSA AÇÃO DEVE COMEÇAR JÁ!
32 Rediagramação de folder
O folder original tinha vários problemas, entre eles: ausênciaa de definição de margens e grid, tipografia e imagens inadequadas, parágrafos sem padronização de marcação, sem alinhamento, e com uma justificação que prejudicou a mancha gráfica e desalinhamento entre as colunas. No redesign do folder, utilizei a lei dos terções apenas na capa. Mudei totalmente a estética do mesmo. Defini margens, coloquei imagens de melhor qualidade, trabalhei melhor o texto com alinhamento à esquerda e pelo final de cada coluna.
33
PREPARANDO-SE PARA AMAMENTAR Durante a gestacao, a mulher deve lavar os seios apenas com agua. Nao deve-se usar sabonete na area escura da mama. Se possivel, deixar os seios expostos ao sol durante 15 minutos, antes das 10h e apos as 16h. Usar sutia de tamanho maior, a fim de proporcionar conforto.
POR QUE E IMPORTANTE AMAMENTAR EXCLUSIVAMENTE ATE OS SEIS MESES DE VIDA?
GUIA DE ALEITAMENTO MATERNO
O leite materno e o melhor alimento para o seu bebe, pois contem tudo o que seu bebe precisa para crescer saudavel - acucar, sais minerais, calorias, proteinas, ferro, agua, vitaminas e uma gordura especial que fara com que o seu bebe cresca mais inteligente. Protege-o contra doencas, pois possui anticorpos e outras defesas. Promove a sustentabilidade ja que a mae o produz e nao precisa ser comprado. Tambem esta sempre pronto, nao precisa ferver nem esfriar.
TODA MAE PRECISA SABER TECNICAS DE AMAMENTACAO O bebe deve ser amamentado por livre demanda (nao tem hora para o bebe mamar). Para que sugue bem, o bebe deve estar com o corpo totalmente voltado para o da mae (barriga com barriga) e deve abocanhar toda a area escura da mama e nao apenas o mamilo. Dessa forma a mae nao sente dor e o bebe suga o leite materno tranquilamente. Nos primeiros dias, oferecer ao bebe um peito a cada mamada. Nao e necessario lavar o mamilo antes ou depois de cada mamada. O banho diario e suficiente e deve-se evitar a friccao de sabonete nos mamilos. Nao passar cremes e pomadas nessa area. Caso a mama ou os mamilos estejam doloridos ou com fissuras (nesse caso pode-se passar leite materno no local), procure apoio em um Banco de Leite ou Servico de Aleitamento Materno.
O primeiro liquido que sai da mama chama-se colostro e e extremamente rico em anticorpos e quanto mais o bebe mamar, mais leite sera produzido. Durante o aleitamento materno exclusivo, o bebe nao precisa tomar agua, suco ou cha. Durante a amamentacao, deve-se evitar bebidas alcoolicas e o fumo. E importante manter uma alimentacao saudavel. Para a utilizacao de um metodo contraceptivo, a mae devera procurar uma orientacao medica. A retirada manual do leite e importante para evitar que as mamas fiquem duras e doloridas, facilitando assim a pega do bebe. O Ministerio da Saude adverte que a crianca que mama no peito nao necessita de mamadeira, bico ou chupeta. O uso desses objetos prejudica o aleitamento materno, alem de diminuir o vinculo entre mae e filho e trazer prejuizos para a formacao da arcada dentaria, e para a respiracao do bebe.
TODA MAE TAMBEM PRECISA SABER QUE LUGAR DE AMAMAENTAR E ONDE ELA E O BEBE QUISEREM Nenhuma mae deve se sentir constrangida ou ser constrangida por terceiros por amamentar seu bebe em publico. A populacao e os estabelecimentos devem estar conscientes da importancia desse ato, bem como devem apoia-lo.
AMAMENTAR. NINGUEM PODE FAZER POR VOCE, MAS TODOS PODEM FAZER JUNTO COM VOCE
GUIA DE ALEITAMENTO MATERNO