introdução ao design gráfico
TRANSCRIPT
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 [email protected]