Conceitos básicos de design gráfico_ Layout e composição

Prévia do material em texto

18/11/2022 13:59 Conceitos básicos de design gráfico: Layout e composição
https://edu.gcfglobal.org/pt/conceitos-basicos-de-design-grafico/layout-e-composicao/1/ 1/28
Conceitos básicos de design gráfico
Fundamentos do design
Fundamentos do design
Os fundamentos do design são a base de toda mídia visual que estão na arte, no web
design e até mesmo em pequenos detalhes, como nas tipografias. Mas o que esses
campos têm em comum? Basicamente possuem elementos básicos, como linha,
tamanho, forma, textura e equilíbrio.
Fundamentos do DesignFundamentos do Design
Esses elementos básicos do design podem não parecer importantes quando
estão sozinhos, mas juntos eles formam as composições que vemos.
Estes fundamentos do design podem assustá-lo um pouco, principalmente se você não
se considera um artista. Mas também podem nos ensinar muito sobre como trabalhar
com diferentes recursos e criar imagens a partir do zero.
Linha:
É uma forma que conecta dois ou mais pontos podendo ser grossa ou fina, ondulada ou
irregular dando a possibilidade de formar muitos outros estilos.
As linhas estão sempre presentes no design, por exemplo, em desenhos, ilustrações e
elementos gráficos, como texturas e padrões.
https://edu.gcfglobal.org/pt/criatividade/o-que-e-arte/1/
https://edu.gcfglobal.org/pt/criacao-de-sites/monte-sua-estrategia-web/1/
https://edu.gcfglobal.org/pt/conceitos-basicos-de-design-grafico/o-que-e-tipografia-e-como-escolher-um-tipo-de-letra/1/
https://www.youtube.com/watch?v=39y99yr6ZVE
https://edu.gcfglobal.org/pt/conceitos-basicos-de-design-grafico/
18/11/2022 13:59 Conceitos básicos de design gráfico: Layout e composição
https://edu.gcfglobal.org/pt/conceitos-basicos-de-design-grafico/layout-e-composicao/1/ 2/28
Também é comum encontrá-las em composições textuais, pois permitem enfatizar,
dividir ou organizar o conteúdo e até mesmo direcionar o olhar do espectador.
Ao trabalhar com linhas, preste atenção a coisas como espessura, cor, textura e estilo.
Essas características podem ter um grande impacto na maneira como seu design é
percebido.
Forma:
Forma é qualquer área bidimensional com um limite reconhecível, ou seja, círculos,
quadrados, triângulos, etc. Elas são divididas em duas categorias: geométrica ou regular
e orgânica, onde são mais livres.
As formas são importantes para comunicar idéias visualmente porque lhes dão peso e
as tornam reconhecíveis. Graças a elas entendemos sinais de trânsito, símbolos e, em
grande medida, a arte abstrata.
Há um número surpreendente de maneiras de usá-las no design do dia-a-dia. Elas
podem ajudá-lo a organizar ou separar seus conteúdos, criar ilustrações simples ou
18/11/2022 13:59 Conceitos básicos de design gráfico: Layout e composição
https://edu.gcfglobal.org/pt/conceitos-basicos-de-design-grafico/layout-e-composicao/1/ 3/28
deixar seu trabalho mais interessante.
Aprenda a procurá-las em outros projetos, e logo você começará a vê-las em todos os
lugares.
Objetos:
Quando uma forma possui propriedades 3D, nós a chamamos de objeto, e ela pode
existir no mundo real ou ser simulada na composição usando técnicas como luz, sombra
e perspectiva para criar a ilusão de profundidade.
Em designes bidimensionais os objetos dão um toque mais real ao trabalho. Sem eles,
uma bola de borracha saltitante é apenas um círculo, ou um edifício 3D é apenas uma
série de retângulos.
Por exemplo, uma sombra pode criar a ilusão de camadas ou dar profundidade a um
elemento.
Quando os objetos são bem usados, eles podem ser uma ótima ferramenta para
destacar seu trabalho.
Textura:
É a qualidade física de uma superfície e assim como os objetos, podem ser
tridimensionais e dar uma ideia de como é na vida real.
No design, a textura acrescenta profundidade e tato em imagens planas. Os objetos
podem ter aparência de lisos, ásperos, duros ou macios, dependendo dos elementos.
https://edu.gcfglobal.org/pt/conceitos-basicos-de-design-grafico
18/11/2022 13:59 Conceitos básicos de design gráfico: Layout e composição
https://edu.gcfglobal.org/pt/conceitos-basicos-de-design-grafico/layout-e-composicao/1/ 4/28
Se você está aprendendo, as texturas são excelentes para serem usadas em imagens de
fundo e podem deixar seu trabalho muito mais interessante.
Tenha cuidado para não exagerar. Muita textura pode facilmente
sobrecarregar um design.
Equilíbrio:
É uma boa distribuição do peso visual e pode ser afetado por muitas coisas, incluindo
cor, tamanho, número e espaço em branco.
Dominar o equilíbrio pode ser complicado no começo, já que é necessário ter intuição.
Felizmente, o mundo do design está repleto de exemplos onde você pode ter uma base
de como fazer.
Os desenhos simétricos são iguais ou semelhantes nos dois lados de um eixo e se
equilibram porque cada lado pode ser idêntico.
Já os desenhos assimétricos são diferentes, e embora sejam bem distribuídos,
a composição é equilibrada porque destaca as coisas certas.
18/11/2022 13:59 Conceitos básicos de design gráfico: Layout e composição
https://edu.gcfglobal.org/pt/conceitos-basicos-de-design-grafico/layout-e-composicao/1/ 5/28
Muitos usam algo chamado regra dos terços, que mostra a área de trabalho dividida em
uma grade de 3x3. O ponto focal da imagem fica localizado perto ou encima de uma das
linhas, o que cria um equilíbrio visual com o restante do espaço.
Os fundamentos do design vão além da peça final, já que o importante é apreciar os
detalhes que compõem cada composição. Isso pode ser aplicado a praticamente
qualquer tipo de projeto, seja criando os seus ou simplesmente procurando maneiras
simples de melhorar seus trabalhos.
Layout e composição
Layout e composição são elementos considerados as bases do design por conta
da ordem e do sentido que eles dão aos seus projetos.
Geralmente associados a textos, na realidade, o layout e a composição podem ser
aplicados a outros formatos, como design web ou gráfico.
A seguir, apresentaremos cinco características desses elementos e que, quando
aplicados ao seu trabalho, melhoram muito sua qualidade.
Página 2: Layout e composição
https://edu.gcfglobal.org/pt/conceitos-basicos-de-design-grafico/imagens/1/
https://edu.gcfglobal.org/pt/conceitos-basicos-de-design-grafico/
18/11/2022 13:59 Conceitos básicos de design gráfico: Layout e composição
https://edu.gcfglobal.org/pt/conceitos-basicos-de-design-grafico/layout-e-composicao/1/ 6/28
Layout e composiçãoLayout e composição
1. Proximidade
Proximidade está relacionada ao uso do espaço visual; a relação entre o conteúdo
exposto, agrupando ou separando os diferentes elementos que compõem o seu projeto.
Quando você aplica esse princípio, seu trabalho adquire um maior descanso visual.
2. Espaço em branco
Esse espaço normalmente fica entre os elementos do seu trabalho, como linhas de
texto, margens, ícones etc.
Sua função é simples, mas importante: oferecer espaço ao conteúdo para que ele seja
melhor entendido.
https://www.youtube.com/watch?v=vCttJEO-qK0
18/11/2022 13:59 Conceitos básicos de design gráfico: Layout e composição
https://edu.gcfglobal.org/pt/conceitos-basicos-de-design-grafico/layout-e-composicao/1/ 7/28
3. Alinhamento
Organiza o conteúdo em um formato específico para melhorar sua visualização. Mantém
as proporções entre as margens e o espaço de trabalho usado.
4. Contraste e hierarquia
Contraste e hierarquia é útil quando se trata de destacar um elemento importante
dentro do projeto. Há muitas maneiras de conseguir isso, por exemplo, através dos
diferentes estilos de fontes que podem ser aplicados aos textos, o tamanho ou a cor.
Juntos, eles facilitam a navegação dos espectadores dentro do conteúdo. Isso significa
que quem ver ou ler seu trabalho, poderá ser direcionado para onde começa e para
onde continua.
5. Repetição
Como o nome indica, a repetiçao reforça um elemento ou estilo importante em seu
design. Ele pode ser usado em títulos, subtítulos etc., pois além de oferecer uma
unidade estética ao seu projeto, permite que os espectadores se familiarizem com o que
você está apresentando.Ao usar esses elementos em seus projetos, você poderá obter composições com uma
aparência única e profissional.
Teoria das cores
Página 3: Teoria das cores
18/11/2022 13:59 Conceitos básicos de design gráfico: Layout e composição
https://edu.gcfglobal.org/pt/conceitos-basicos-de-design-grafico/layout-e-composicao/1/ 8/28
A teoria das cores pode ajudá-lo em diferentes ocasiões, como para escolher os tons
de um design ou misturar as cores que você vai usar. Ao aprender um pouco mais sobre
este conceito, você começará a ver a cor de uma forma diferente.
Teoria das CoresTeoria das Cores
As cores e o círculo cromático ou roda de cores
Vamos começar com o mais básico. Lembra quando você aprendeu sobre cores
primárias e secundárias na escola? Bem, isso mostra que você sabe algo sobre a teoria
das cores. As cores primárias são o azul, o vermelho e o amarelo e as secundárias, o
laranja, o verde e o roxo.
A mistura de vermelho e com o amarelo cria o laranja; o amarelo com o azul, o verde; e
o azul com o vermelho, o roxo.
Se misturarmos essas cores, obteremos ainda mais tons, como o vermelho alaranjado e
verde limão.
Todas as cores de que falamos anteriormente compõem a círculo cromático ou a roda
de cores.
https://www.youtube.com/watch?v=Iu8Q2u17hVs
18/11/2022 13:59 Conceitos básicos de design gráfico: Layout e composição
https://edu.gcfglobal.org/pt/conceitos-basicos-de-design-grafico/layout-e-composicao/1/ 9/28
Talvez essas palavras não sejam familiares para você, mas elas são a chave para
entender como as cores funcionam.
Formas de combinar as cores
Neste momento você deve estar se perguntando como misturar tudo isso e criar paletas
de cores que tenham aparência profissional.
Existem algumas combinações que tem base em algo chamado harmonia de cor que
podem ajudá-lo, e tudo que você precisa é usar a roda de cores.
Matiz: é o mais fácil de todos porque basicamente, é a própria cor. ▶ 
Saturação: refere-se à intensidade, isto é, se a cor é mais sutil ou mais
forte.
▶ 
Brilho: indica se a cor é escura ou clara, variando entre preto a branco. Isto
nos dá muitas opções, como por exemplo, um vermelho opaco profundo
ou um rosa pastel.
▶ 
18/11/2022 13:59 Conceitos básicos de design gráfico: Layout e composição
https://edu.gcfglobal.org/pt/conceitos-basicos-de-design-grafico/layout-e-composicao/1/ 10/28
Não tenha medo de brincar com a paleta e crie sua própria interpretação. Esse é o
propósito dessas combinações: mostrar um ponto de partida com o qual você pode
guiar e inspirar.
A combinação mais simples é a monocromática porque apenas uma cor é
usada. Escolha um ponto no círculo e use seu conhecimento de saturação e brilho para
criar variações no tom. O que é melhor neste tipo de paletes é que você tem a garantia
de que elas vão combinar.
Com a combinação análoga, as cores que se seguem na roda são escolhidas, como
vermelhos e laranjas, ou azuis e verdes.
As cores complementares são opostas na roda, por exemplo: azul e laranja, ou o
clássico vermelho e verde. Para evitar que a paleta fique muito simples, você pode
adicionar tons mais claros, mais escuros ou com pouca saturação.
18/11/2022 13:59 Conceitos básicos de design gráfico: Layout e composição
https://edu.gcfglobal.org/pt/conceitos-basicos-de-design-grafico/layout-e-composicao/1/ 11/28
Com as cores complementares divididas você usa as cores que estão ao lado da cor
complementar. Isso lhe dá o mesmo nível de contraste, mas mais opções de tons e,
possivelmente, resultados mais interessantes.
Por outro lado, com a tríadica um triângulo é formado no círculo cromático e as cores
que estão em cada parte são usadas. Essas combinações tendem a ser bastante
impressionantes, principalmente quando são com cores primárias e secundárias,
portanto, pense com cuidado antes de escolhê-las.
18/11/2022 13:59 Conceitos básicos de design gráfico: Layout e composição
https://edu.gcfglobal.org/pt/conceitos-basicos-de-design-grafico/layout-e-composicao/1/ 12/28
Uma combinação tetraédrica forma um retângulo no círculo, por isso não usa um, mas
dois pares de cores complementares. Esta fórmula funciona melhor se você deixar uma
cor como dominante e as outras três como auxiliares.
Agora que você já sabe como a teoria das cores funciona, pode começar a usá-la em
todos os designs que fizer.
Como combinar cores? 
Ao trabalhar com cores, há certas coisas que você deve considerar para conseguir um
bom resultado, como o contraste, a legibilidade, os tons, a mensagem que elas
transmitem e onde você pode se inspirar para combiná-las da melhor forma. Vejamos
detalhadamente cada um desses pontos. 
Página 4: Como combinar as cores?
18/11/2022 13:59 Conceitos básicos de design gráfico: Layout e composição
https://edu.gcfglobal.org/pt/conceitos-basicos-de-design-grafico/layout-e-composicao/1/ 13/28
O que fazer e o que não fazer com as cores?O que fazer e o que não fazer com as cores?
Cuide do contraste 
Por exemplo, você já viu cores que parecem vibrar quando estão próximas umas das
outras? A solução é diminuir o tom. Comece ajustando a claridade, a escuridão ou a
saturação de uma das cores do seu design porque às vezes, um pequeno contraste é
tudo o que sua paleta precisa. 
Legibilidade 
Suas cores devem ser fáceis de ler e agradáveis aos olhos de quem vê. Às vezes, isso
significa não colocar cores em cada um dos detalhe. Tons neutros, como preto, branco e
cinza, podem ajudar a equilibrar um design, e desta forma, quando você usa outra cor,
ela realmente se destaca. 
https://www.youtube.com/watch?v=AFB4tT6m4PI
18/11/2022 13:59 Conceitos básicos de design gráfico: Layout e composição
https://edu.gcfglobal.org/pt/conceitos-basicos-de-design-grafico/layout-e-composicao/1/ 14/28
A mensagem transmitida pelas cores 
Cada cor envia uma mensagem, por isso é importante considerar o que você deseja
comunicar e escolher uma paleta adequada. Por exemplo, cores brilhantes tendem a dar
um toque divertido ou moderno. As cores desaturated, muitas vezes, parecem mais
orientadas para os negócios. Às vezes, depende apenas do contexto. Você ficaria
surpreso com o quão flexível eles podem ser. 
Inspiração ao combinar cores
Você pode encontrar idéias para fazer seus projetos em peças de publicidade ou obras
de arte famosas, entre muitas outras coisas e espaços. 
Também é possível usar um recurso da web para encontrar paletas de cores ou criar
suas próprias. Até mesmo designers experientes buscam inspiração em outros lugares.
Não há nada de errado em encontrar algo que lhe agrada a adaptá-lo conforme seu
gosto.
18/11/2022 13:59 Conceitos básicos de design gráfico: Layout e composição
https://edu.gcfglobal.org/pt/conceitos-basicos-de-design-grafico/layout-e-composicao/1/ 15/28
Aprender sobre a teoria das cores e o círculo cromático vai ajudá-lo a saber como fazer
combinações de forma monocromática, análoga ou complementar, entre outras
fórmulas existentes. Clique aqui para saber mais sobre este tópico. 
Para onde quer que você olhe, há cores, cores e mais cores. Talvez você fique com
medo de usá-las no seus trabalhos, mas você só precisa continuar experimentando e
lembrando do que aprendeu neste curso.
Imagens
Naturalmente somos atraídos por fotos bonitas, ilustrações cuidadosamente elaboradas
e imagens, assim como por ícones e logotipos.
ImagensImagens
As imagens são mais que apenas decoração. No design, elas são o gancho que atrai o
espectador e podem ajudá-lo a conectar-se com o público e causar uma boa impressão
antes de que leiam uma única palavra.
Você não precisa ser um artista para usar imagens no seus trabalhos. Basta um pouco de
criatividade e motivação para pensar fora da caixa.
Com os recursos corretos, você pode aprender a fazer seus projetos se destacarem. Para
começar, tente encontrar imagens de alta qualidade para qualquer tipo de projeto.
Existem inúmeras fontes na internet que oferecem imagens exatamente para esse fim.
Página 5: Imagens
https://edu.gcfglobal.org/pt/conceitos-basicos-de-design-grafico/teoria-das-cores/1/https://edu.gcfglobal.org/pt/conceitos-basicos-de-design-grafico/teoria-das-cores/1/
https://edu.gcfglobal.org/pt/conceitos-basicos-de-design-grafico/
https://www.youtube.com/watch?v=vbktvZf9pNI
18/11/2022 13:59 Conceitos básicos de design gráfico: Layout e composição
https://edu.gcfglobal.org/pt/conceitos-basicos-de-design-grafico/layout-e-composicao/1/ 16/28
A maioria das pessoas, incluindo profissionais, usa imagens gratuitas ou de baixo custo
que são chamadas de "stock". Estas imagens são perfeitas para quando você precisa de
algo específico, mas não tem tempo ou recursos para fazer por conta própria. 
Muitos sites de imagens "stock" permitem que você navegue por suas galerias para
encontrar resultados relevantes para o seu projeto, mas que também são únicas de
alguma forma.
Seus espectadores são naturalmente atraídos por imagens que parecem autênticas
assim como fotos e ilustrações diferentes, mas confiáveis, e que contam uma história.
Para um ter um design mais moderno e profissional, evite usar imagens que não tenham
contexto ou que sejam muito literais em seu significado.
A parte técnica das imagens
Não importa se a foto escolhida é quase perfeita em todos os aspectos. Se ela estiver
borrada ou pixelada, pode causar uma má impressão no seu trabalho.
Procure imagens de alta qualidade, nítidas, claras e sem distorções. Em geral, quanto
maiores forem, mais opções você terá para trabalhar. Uma imagem grande e de alta
resolução sempre pode ser cortada ou reduzida, dependendo das necessidades do
projeto.
18/11/2022 13:59 Conceitos básicos de design gráfico: Layout e composição
https://edu.gcfglobal.org/pt/conceitos-basicos-de-design-grafico/layout-e-composicao/1/ 17/28
Infelizmente o contrário não funciona. Se você ampliar uma imagem pequena, ela
perderá imediatamente a qualidade, já que a maioria está em um formato Raster, ou
seja, elas são feitas de milhares de pequenos pixels, que são invisíveis no tamanho
original da imagem.
Por outro lado, existem as imagens vetorizadas, que você pode ampliar ou reduzir seu
tamanho, sem perder qualidade. Isso ocorre porque elas são feitas de algo mais
complexo que pixels e são processadas usando uma forma especial de geometria.
Ajustes de imagem
Hoje em dia, muitos programas básicos permitem fazer ajustes simples, como por
exemplo:
Cortar: esse recurso é usado para alterar o tamanho, forma ou foco de uma
imagem e torná-la útil em diferentes situações. Essa opção é apropriada se
sua imagem não tiver as dimensões corretas ou incluir algo que você
preferir deixar de fora.
▶ 
18/11/2022 13:59 Conceitos básicos de design gráfico: Layout e composição
https://edu.gcfglobal.org/pt/conceitos-basicos-de-design-grafico/layout-e-composicao/1/ 18/28
Incluir fotos, gráficos e outros conteúdos visuais ao seu trabalho é uma boa maneira de
torná-lo mais divertido. Até mesmo uma simples imagem de fundo pode transformar
seu design em algo especial.
O que é tipografia e como escolher
um tipo de letra?
A tipografia está em toda parte, seja nos livros que você lê, nos sites que você visita, nas
placas, nos sinais de trânsito ou em embalagens do produtos. Trata simplesmente do
estilo ou da aparência do texto e também pode ser referida como a arte de trabalhar
com textos, e isso é algo que você provavelmente faz o tempo todo se cria documentos
ou outros projetos para você, seu trabalho ou sua escola.
Pode dar um pouco de medo no começo, mas é mais fácil do que parece. Você só precisa
saber um pouco sobre o assunto para fazer a diferença nas coisas que faz todos os dias.
Ajustes: eles permitem destacar certas características das imagens, como
brilho, contraste, saturação e cor. Se o seu programa favorito oferece filtros
ou predefinições, você pode alterar sua imagem significativamente com
pouco esforço e tempo.
▶ 
Redimensionar: esta ferramenta garante que a imagem seja encaixada
perfeitamente no seu projeto. Mas lembre-se, você não pode aumentá-las
além do tamanho original sem afetar sua qualidade. Se a imagem com a
qual você está trabalhando não for grande o suficiente, é melhor escolher
algo diferente ou encontrar uma maneira de trabalhar com seu tamanho.
▶ 
Página 6: O que é tipografia e como escolher um tipo de
letra?
18/11/2022 13:59 Conceitos básicos de design gráfico: Layout e composição
https://edu.gcfglobal.org/pt/conceitos-basicos-de-design-grafico/layout-e-composicao/1/ 19/28
O que é tipogra�a e como escolher um tipo de letra?O que é tipogra�a e como escolher um tipo de letra?
Primeiro vejamos alguns tipos comuns de fontes e o que você precisa saber sobre elas:
As fontes da Serif possuem pequenos traços, chamados de serifas, que
ficam na parte de cima e de baixo de cada letra. Por conta de sua aparência
clássica, são uma boa opção para projetos mais tradicionais. Elas também
são comuns em publicações impressas, como revistas e jornais.
▶ 
As fontes Sans Serif não têm esse traço extra, por isso o nome, que em
francês significa "sem serifas". Este estilo é considerado mais limpo e
moderno. Além disso, é mais fácil de ser lido nas telas de computadores,
smartphones e tablets.
▶ 
As tipografias de visualização têm muitos estilos, como itálico, negrito,
maiúscula e fonte de luxo. Este tipo de letra é normalmente usado para
pequenos textos por serem decorativas. Por exemplo, títulos, cabeçalhos e
designs gráficos complexos.
▶ 
https://www.youtube.com/watch?v=BWnrXwqxLdw
18/11/2022 13:59 Conceitos básicos de design gráfico: Layout e composição
https://edu.gcfglobal.org/pt/conceitos-basicos-de-design-grafico/layout-e-composicao/1/ 20/28
O que considerar na hora de escolher um tipo de letra?
De certa forma, as fontes têm sua própria linguagem, já que podem ser casuais, neutras,
exóticas ou gráficas. É importante que você pense na sua mensagem e escolha uma
fonte adequada.
Algumas tipografias possuem outras características, como fontes Comic Sans, Curlz,
Papyrus e assim por diante. A desvantagem destas fontes é que elas parecem estar
desatualizados e já forma muito usadas. Se você decidir usá-las, pense duas vezes e
considere procurar outras opções. Existem muitas fontes com aparências similares e
menos propensas a prejudicar sua mensagem.
Ao decidir quais fontes usar, menos é mais. Ou seja, é melhor se limitar a uma ou duas
fontes por projeto. Por exemplo, se você precisar de mais contraste, tente repetir suas
fontes em um tamanho, peso ou estilo diferente. Esse truque é bom para criar
combinações interessantes e funcionais.
Você provavelmente já ouviu o ditado: "Os opostos se atraem". Bem, o mesmo acontece
com as fontes. Você pode combinar fontes diferentes, mas complementares, como sans
serif com a serif, baixa com alta ou decorativa com simples. Isso pode parecer estranho,
mas calme, veja outros projetos para se inspirar e colocar tudo em prática.
Hierarquia, Entrelinhamento, Espaçamento e Entreletra.
Para algumas pessoas com mais experiência, esses conceitos são essenciais na hora
de projetar algo. Mas, como iniciante, você não precisa saber tudo sobre eles, embora
não atrapalhe em nada que você os tenha presentes em seu trabalho e quando fala
sobre design.
A hierarquia é usada para direcionar o olhar do leitor para o que é mais importante. Em
outras palavras, mostra onde começar e para onde seguir, usando diferentes níveis de
ênfase.
18/11/2022 13:59 Conceitos básicos de design gráfico: Layout e composição
https://edu.gcfglobal.org/pt/conceitos-basicos-de-design-grafico/layout-e-composicao/1/ 21/28
Estabelecer uma hierarquia é simples: decida quais recursos você deseja que o leitor
observe primeiro e depois faça com que eles se destaquem. Os elementos mais
importantes tendem a ser maiores, mais espessos ou diferentes de alguma forma.
Lembre-se que é melhor manter uma forma simples e usar apenas alguns estilos
complementares. 
O Entrelinhamento ou espaçamento entre linhas é a área entre as linhas do texto. Se
você não tem certeza da distância que deve usar, não se preocupe, o padrão é
normalmente o correto. O objetivoé tornar seu texto confortável de ser lido. Muito ou
pouco espaço, pode ser irritante para o leitor.
O Espaçamento é a distância geral entre os caracteres ou letras. A maioria dos
programas permite reduzir ou aumentar isso de acordo com suas necessidades. Em
alguns designs, você pode ajustar o espaço para criar um determinado efeito. Ele
também pode ajudar você a entender e corrigir fontes com pouco espaço.
18/11/2022 13:59 Conceitos básicos de design gráfico: Layout e composição
https://edu.gcfglobal.org/pt/conceitos-basicos-de-design-grafico/layout-e-composicao/1/ 22/28
Já Entreletra é o espaço entre os caracteres específicos. Ao contrário do espaçamento,
ela muda dentro da palavra porque cada letra se ajusta de maneira diferente. Algumas
fontes têm uma entreletra ruim, o que faz com que as letras pareçam mal espaçadas. Se
você usar uma fonte que assim, é melhor escolher outra.
Um texto bem projetado pode fazer a diferença entre um projeto comum e um projeto
extraordinário, mesmo que você esteja começando no design. Tudo o que você precisa é
se interessar por tipografia, para que você seja mais eficiente e possa fazer melhor seu
trabalho.
O que é branding ou identidade de
marca
Página 7: O que é branding ou identidade de marca?
18/11/2022 13:59 Conceitos básicos de design gráfico: Layout e composição
https://edu.gcfglobal.org/pt/conceitos-basicos-de-design-grafico/layout-e-composicao/1/ 23/28
Podemos entender branding ou identidade de marca como o que as outras pessoas
pensam sobre você, sua empresa, seu produto ou serviço. Também pode ser chamada
de identidade corporativa.
Existem exemplos de identidade de marca em sites, embalagens de produtos, anúncios
diferentes e até em itens pessoais, como documentos ou cartões de visita.
Aprender sobre este tema pode ajudá-lo a tomar melhores decisões de design,
independentemente de sua posição, experiência ou o meio que você usa.
O que é branding ou identidade de marca?O que é branding ou identidade de marca?
Uma parte importante do reconhecimento de uma marca é sua identidade visual, que é
como ela é vista, desde seu logotipo até suas cores. Um bom impacto visual pode ser
muito persuasivo. Pense na sua própria experiência. Você já escolheu um produto
porque simplesmente gostou da sua aparência?
É como uma pré visualização da sua marca. Cada parte do seu design é uma pista que
informa aos espectadores o que esperar. Pode ser clássica ou arrojada, mas não importa
qual você escolhe, cada elemento trabalha em conjunto para mostrar exatamente o que
é sua marca.
Claro, isso não é bom apenas para os negócios. Você pode aplicar o conceito de
identidade a quase qualquer tipo de projeto, grande ou pequeno. Ter consciência do
estilo visual pode ajudá-lo a atualizar seu currículo ou procurar maneiras de melhorar
seu website.
Algumas empresas usam uma guia de estilo para manter uma aparência consistente,
mas se você está apenas começando no design, não há problema em ter uma
abordagem mais informal.
Os principais componentes da identidade visual são: logotipo, cor, tipografia e imagens.
https://www.youtube.com/watch?v=h16PPSNba_g
https://edu.gcfglobal.org/pt/criacao-de-sites/a-internet-e-seus-servicos/1/
18/11/2022 13:59 Conceitos básicos de design gráfico: Layout e composição
https://edu.gcfglobal.org/pt/conceitos-basicos-de-design-grafico/layout-e-composicao/1/ 24/28
Logotipo:
É o que identifica sua marca com um ícone, um tipo de design ou ambos. Os mais
eficazes tendem a ser simples, algo que o espectador pode reconhecer e lembrar.
Cada elemento do seu logotipo contribui para a identidade da sua marca, incluindo o
tipo de letra, cores e imagens que você usa. Alterar apenas um desses elementos pode
ter um grande impacto na maneira como sua marca é percebida.
Existem logotipos em todos os lugares. Se você olhar bem, pode encontrá-los tanto em
elementos corporativos como em outros lugares, representando pequenas empresas,
freelancers e empreendedores. É quase como uma marca, é como as pessoas lhe
reconhecem e identificam seu produto ou serviço.
É por isso que é importante usá-los sabiamente. Um logotipo pixelado, distorcido ou
pequeno demais para ser lido pode causar uma má impressão em seus espectadores. 
Salve uma cópia clara, em alta resolução e grande o suficiente para qualquer tipo de
projeto. Dessa forma, você estará preparado para qualquer coisa que possa vir, seja uma
simples impressão ou algo completamente diferente.
Cor:
A cor ajuda muito a definir sua marca. Não só chama a atenção do espectador como
também cria unidade entre os diferentes projetos que você desenvolve ou plataformas
que você usa.
A maioria escolhe suas cores principais diretamente do logotipo da empresa. Usar
alguns tons adicionais pode ajudá-lo a expandir a paleta principal e definir melhor o
estilo e a personalidade da marca.
18/11/2022 13:59 Conceitos básicos de design gráfico: Layout e composição
https://edu.gcfglobal.org/pt/conceitos-basicos-de-design-grafico/layout-e-composicao/1/ 25/28
Há muitas maneiras de usá-las, mas tenha cuidado para não exceder ou ignorar os
padrões básicos do projeto. Evite erros comuns, como cores vibrantes ou a saturação do
seu projeto. Certifique-se de incluir tons neutros em sua paleta, como preto, cinza
branco ou marfim.
Texto:
É um dos aspectos mais simples, mas essencial da identidade da marca. Tudo o que
você precisa é de uma fonte diferente e, assim, mudar sutilmente, ou nem tanto, sua
aparência.
Muitos escolhem 2 ou 3 fontes como base, geralmente inspiradas no logotipo, para o uso
diário.
Você também pode escolher cuidadosamente mais tipos de fontes criativas, que são um
reflexo de sua identidade visual.
Existem algumas fontes que os designers profissionais evitam, pois no passado eram
muito populares, mas agora são consideradas obsoletas e muito usadas.
Em caso de dúvida, é menos provável que uma fonte intemporal e discreta atrapalhe
sua mensagem. Sua escolha complementará a identidade da marca, mas mesmo assim
ela deve ser atual e profissional.
18/11/2022 13:59 Conceitos básicos de design gráfico: Layout e composição
https://edu.gcfglobal.org/pt/conceitos-basicos-de-design-grafico/layout-e-composicao/1/ 26/28
Imagens:
Elas são uma parte muito importante na construção da identidade. Cada foto, gráfico,
ícone e botão são uma oportunidade para mostrar a marca e determinar como ela será
percebida.
Em ambientes profissionais, as imagens são criadas especificamente para a marca. Por
exemplo, as fotos de um catálogo ou as ilustrações de um aplicativo. Alguém que está
apenas começando pode ter resultados semelhantes escolhendo imagens com um
elemento comum, como uma cor, um tema ou um estilo gráfico característicos.
O mais importante é evitar imagens muito genéricas ou comuns. Isso é difícil se você
usar bancos de arquivos, mas existem maneiras de fazer a diferença.
Evite imagens que não tenham contexto ou que apareçam com frequência em outros
designs. Em vez disso, escolha imagens que pareçam autênticas e tenham pessoas,
lugares e coisas reais.
A identidade visual não é apenas uma ferramenta de marketing, também é uma maneira
de passar uma mensagem concisa.