introdução ao design gráfico

Introduçãoao Design GráficoGuidelines para dar bom aspeto ao seu trabalho

Fazer design gráfico é resolver problemas através de signos.

Os signos são a unidade de comunicação que contém um significante e um significado.

tipografia + cor + composição

Estas são as bases do design gráfico.

CorUma das bases do design gráfico

Esquema primordial das cores primárias, secundárias e terciárias.

Cores primáriasamarelo, vermelho e azul

Aquelas que não podem ser obtidas a partir da mistura de outras cores mas que, quando misturadas, formam todas as outras cores.

Cores secundáriaslaranja, verde e roxo

Aquelas que se formam a partir da fusão das cores primárias.

Cores terciáriasverde ervilha, azul esverdeado, etc.

Aquelas que se formam a partir da fusão das cores terciárias.

A psicologia das coresComo escolher uma cor?

Cada cor estimula o cérebro de forma singular, despertando diferentes emoções.Assim, devemos escolher as cores de forma criteriosa para maximizar a perceção da mensagem que pretendemos transmitir.

transmitemcalma e harmonia

transmitemvida e energia

transmitem sobriedade

Alguns exemplos

Branco: pureza, paz, divindadePreto: negativo, sobriedade, misériaCinza: tristeza, chão, velhiceVermelho: calor, dinamismo, apetiteRosa: ternuraAzul: pureza, fé, céuLaranja: prazer, êxtase, dureza, euforiaRoxo: mistério, egoísmo, espiritualidadeVerde: bem-estar, saúde, paz

Branco: inocência, paz, divindade, calma, harmonia, morte (na cultura oriental), batismo, casamento, cisne, lírio, neve, ordem, simplicidade, limpeza, bem, purezaPreto: sujidade, sombra, fumo, miséria, pessimismo, melancolia, seriedade, expressivo, angustianteCinza: pó, chuva, neblina, tédio, tristeza, velhice, passado, seriedadeVermelho: guerra, sol, fogo, atenção, mulher, conquista, coragem, furor, vigor, glória, ira, emoção, paixão, emoção, ação, agressividade, perigo, dinamismo, baixeza, energia, revolta, calor, violênciaLaranja: prazer, êxtase, dureza, euforia, outono, aurora, festa, luminosidade, tentação, senso de humor, fogoAmarelo: egoísmo, ciúmes, inveja, prazer, conforto, alerta, esperança, verão, limão, calor, luz, euforiaVerde: frescor, floresta, mar, verão, adolescência, bem-estar, paz, saúde, esperança, liberdadeAzul: frio, mar, céu, horizonte, intelectualidade, paz, serenidade, fidelidade, confiança, harmonia, afeto, amizade, verdadeRoxo: fantasia, mistério, egoísmo, espiritualidade, noite, aurora, sonho, justiça, delicadezaVioleta: calma, dignidade, estima, valor, miséria, roubo, afetividade, miséria, calma, violência, agressãoVermelho-alaranjado: sexualidade, agressão, competição, operacionalidade, desejo, excitação, domínio

Nota: A perceção da cor depende da cultura onde ela é utilizada.

+ detalhes

Perceção das cores

Como escolher uma palete?devemos escolher à volta de 3 cores para cada projeto

Uma das quais será escolhida como cor primária, uma segunda como complementar e uma terceira como secundária.

Como usaras cores escolhidas?A cor principal deve estar presente em maioria.

A cor secundária deve estar patente em informação menos importante

A cor complementar dever ser usada em destaques e com gerida com moderação.

Maus exemplosNo exemplo superior o designer excedeu o número de tons recomendado e não utilizou cores sóbrias para transmitir confiança.No exemplo inferior o designer abusou da palete o que resultou na dificuldade em ler o conteúdo.

+ detalhes

Teoria das cores

Dicas úteisdicas simples a não quebrar

Não usar amarelo sobre branco porque não tem contraste suficiente.Não usar vermelho sobre verde e vice-versa porque vibra demasiado.Não usar textos longos em branco sobre preto porque cansa a leitura.

Nota: Esta informação é especialmente útil na construção de projeções (via PowerPoint, por exemplo).

Ferramentas gratuitas para a escolha de coresÉ necessário algum tempo e treino para dominar a sensibilidade cromática, contudo existem ferramentas online que disponibilizam paletes bastante interessantes.

O Kuler (Adobe) é uma plataforma online que disponibiliza boas ferramentas de escolha de cores e uma infidade de paletes interessantes.

www.kuler.adobe.com

www.vimeo.com/61781463

TipografiaUma das bases do design gráfico

Tipografiaestá em todos os lugares

Desde as obras de arte aos documentos que escrevemos, a tipografia é utilizada em inúmeros locais.

TipografiaA tipografia é constituída por um conjunto de signos particularmente rico (uma vez que torna a linguagem visível) o que faz com que seja fundamental o seu domínio no na atividade de design gráfico.

Terminologia importanteTipo de letra (ou família):Verdana, Arial, Georgia, etc.

Variações do tipo de letra:Georgia normalGeorgia boldGeorgia itálico

Como escolher tipografia?classificação simplificada da tipografia

A escolha da tipografia indicada à mensagem que se pretende transmitir requer alguma experiência, contudo é possível fazer uma seleção com noções básicas.

SerifadaTipos de letra que contém apontamentos nas extremidades das letras que guiam os olhos do leitor de uma letra para outra, imprimindo ritmo e facilitando a leitura impressa.

Exemplos:Garamond, Humanistic, Aldine, etc.

Não serifadaTipos de letra que não contem apontamentos, são retos, utilizados em títulos, por exemplo. As fontes sem serifa facilitam a leitura na web.

Exemplos:Helvética, Verdana, Arial, Futura, etc.

SerifadaModernoJovemDinâmicoProactivo

Não serifadaClássicoSeguro

Com históriaInstitucional

Alinhamentojustificar ou não justificar

Centralize ou justifique quando o tema do gráfico for formal, caso contrário não o justifique e dê liberdade à tipografia.

Tipografiaa tipografia é uma ferramenta visual

Dá forma ao conteúdo, dá à linguagem um corpo físico e possibilita o fluxo social das mensagens.

TipografiaA escolha de uma fonte pode ser o fator determinante para o sucesso ou fracasso de um trabalho gráfico. Tal como acontece com as cores, as fontes possuem capacidade de veicular diferentes sensações e emoções.

TipografiaComo escolher a tipografia indicada?

Algumas ideias gerais dos tipos de letra a utilizar em várias situações.

Algumas dicas na escolha e uso de tipografia

Embora subjetiva, deve considerar a legibilidade das Fontes durante a sua escolha, ou seja, a facilidade que o leitor deve ter para reconhecer as letras.

Igualmente, escrever frases ou parágrafos em maiúsculas dificulta a leitura.

Algumas dicas na escolha e uso de tipografia

Escolha 2 a 3 tipos de letra para cada gráfico, apenas.

Cada Fonte deve caracterizar diferentemente o título, o texto e anotações, por exemplo.

Não escrever na vertical porque os tipos de letra não são desenhados para tal.

www.vimeo.com/3829682

Tipografias mais aconselhadasquando a destreza na escolha de tipos de letra ainda não está apurada

Não serifada

Arial, Helvetica, Verdana e Tahoma.

SerifadaGeorgia, Times New Roman e Garamond.

Onde posso obter tipografia?há inúmeros sítios online, mas estes são dos melhores

www.google.com/fontswww.dafont.comwww.fontsinuse.com

Como instalar tipografia?

Basta arrastar os ficheiros para a pasta painel de contro > tipos de letra que eles serão automaticamente instalados e disponíveis para uso imediato.

+ detalhes

Tabela periódica dos tipos de letra

Intervalo

ComposiçãoUma das bases do design gráfico

Composiçãoarrumar os vários elementos

Uma boa composição direciona o olhar do seu público para os pontos importantes que foram previamente selecionados e preparados de forma cuidada.

A forma como os diferentes elementos como fotografias, títulos, parágrafos, citações, etc. são distribuídos pelo ambiente tem consequências diretas na compreensão da mensagem que se pretende transmitir.

HierarquiaO que é e para que serve afinal?

Todos os projetos têm elementos gráficos com diferentes graus de importância entre si.

Grelhagrelha: a deusa do design gráfico

A grelha é um esquema invisível (ou visível) onde se organizam os diferentes elementos gráficos.A grelha permite ao designer compor rapidamente grandes quantidades de informação numa página.

Criar uma grelha implica saber:- a quantidade de texto e imagens que o gráfico vai conter;- os tipos de textos;- a hierarquia dos vários elementos;- a relação entre os diferentes elementos;- a ligação entre os elementos e o público-alvo.

Grelha modernistaa tipologia de grelha mais comum, fácil e versátil

Neste tipo de grelha, os blocos têm todos o mesmo tamanho e a informação é distribuída por eles consoante a sua importância.

Os blocos podem formar grupos para dar diferentes ênfases aos conteúdos.

Nota: Nunca preencha tudo, deixe algum espaço em branco para não perder o foco.

Grelha simétrica

+ detalhes

Outros tipos de grelha

Grelha assimétrica Diagrama de Villard

Equilíbriofator importante e determinante de qualquer trabalho gráfico

Equilibrar é distribuir com uniformidade os elementos gráficos que compõem o projeto tendo em conta a importância dos mesmos.

Um layout equilibrado não tem grandes "buracos/discrepâncias" entre os textos, imagens ou títulos.

Não só é importante ter um equilíbrio da composição mas também da cor.

Algumas dicaspara a composiçãoA nossa cultura tende a analisar um objeto da esquerda para a direita e de cima para baixo. Use o canto superior esquerdo para colocar um título ou informação importante.

Tipografia é 10% gestão dos caracteres, e 90% gestão do espaço branco.

Os espaços vazios reforçam a unidade de grupos, harmonizam as áreas, aumentam o contraste e facilitam a visualização e leitura.

FotografiaDe mãos dadas ao design gráfico(módulo extra)

Regrados terçosuma regra fundamental quando o design gráfico encontra a fotografia

Esta regra divide uma fotografia em três terços verticais e horizontais para obter nove quadrados imaginários.

O cruzamento das linhas revela quatro pontos de interesse da imagem, ou seja, zonas onde devem posicionar os elementos mais atraentes.

Escolhaboas imagensperca algum tempo a procurar boas imagens e esquemas, vai valer a pena

Há inúmeros locais online onde pode descarregar imagens gratuitas.

Visite o Flickr, por exemplo.

www.flickr.com

Ferramentas do designer gráficohá uma série de ferramentas gratuitas e pagas para designers gráficos

PhotoshopIllustratorInDesignFireWorksGimpetc.

Inspiraçãohá inúmeros websites onde se pode inspirar… aqui ficam alguns:

www.behance.comwww.pinterest.comwww.500px.com

Exercício finalabra um documento Word e crie um currículo personalizado tendo em conta os conhecimentos adquiridos

Não há limite no número de páginas.A informação que o documento deve conter fica ao seu critério.

Acima de tudo, faça-o com gosto, divirta-se!

Rúben Quadros Ramoswww.rubenramos.ptrtqramos@gmail.com