Introdução
Você pode pensar que todos os tipos de design gráfico são um mundo totalmente novo, mas na realidade, eles existem há anos. Eles até desenvolveram uma linguagem própria.
Se você não está na indústria, não se preocupe, sei que esses termos podem ser confusos. Por exemplo, termos como kerning, bowl, creep e muitos outros podem não fazer sentido para você ao conversar com um designer, mas esses são os termos amplamente usados no design gráfico.
Se você é novo na área de design gráfico ou aspira a aprimorar seu conhecimento, este post vai te ajudar! Aqui, elaboramos uma lista dos 50 termos mais comumente usados no design gráfico.
Dê uma olhada nas maiores tendências de design, você pode usar esta lista como exemplo. Isso vai te ajudar muito!
Dê uma olhada rápida para aprimorar seu vocabulário de design gráfico.
Table of contents:
- ● Introdução
- ● Tipografia e Texto – Termos de Design Gráfico
- 1. Tipografia
- 2. Tipo de Script
- 3. Hierarquia Tipográfica
- 4. Kerning
- 5. Liderança
- 6. Rastreamento
- 7. Ascender
- 8. Descender
- 9. Altura-x
- 10. Órfãos
- 11. Viúvas
- 12. Texto de Espaço Reservado
- 13. Tamanho do Ponto
- ● Cores
- 14. Cores Frias
- 15. Cores Quentes
- 16. Hex
- 17. CMYK
- 18. RGB
- 19. Triádico
- 20. Análogo
- 21. Paleta
- 22. Complementar
- 23. Pantone
- 24. Monocromático
- 25. Gradiente
- 26. Opacidade
- 27. Tint
- 28. Matiz
- ● Logotipo e Marca
- 29. Logomarca
- 30. Logotipo
- 31. Ícone
- ● Termos e Técnicas de Design Gráfico
- 32. Textura
- 33. Espaço em Branco
- 34. Knolling
- 35. Blur
- 36. Resolução
- 37. Saturação
- 38. Grau
- 39. Recorte
- 40. Contraste
- 41. Pixels
- 42. Design Plano
- 43. Vetor
- 44. Raster
- 45. Proporção de Aspecto
- 46. Escala
- 47. Regra dos Terços
- 48. Margem
- 49. Corte e Vinco
- ● 50. Esboço de Miniatura
- ● No final
Tipografia e Texto – Termos de Design Gráfico
Um dos elementos-chave no design gráfico é a tipografia. As palavras que você usa em um design são importantes. Você precisa garantir que elas se encaixem adequadamente ou se destaquem o suficiente! Encontrar o equilíbrio é fundamental. Aqui estão alguns dos termos amplamente utilizados no design gráfico relacionados ao texto e à tipografia.
1. Tipografia
A perspectiva e o estilo das palavras impressas. Todo o texto visual exibido em papel, outdoors e telas inclui tipografia. Simplificando, é a arte de arranjar as palavras impressas para tornar o design atraente. Um bom designer sabe como usar a tipografia para uma melhor comunicação visual de suas ideias em seus designs.
2. Tipo de Script
Fonte baseada em estilos de caligrafia tradicionais ou modernos. As fontes cursivas podem ser divididas em dois tipos: Casuais e Formais. Pense em pinceladas leves, caracteres arredondados e design decorativo.
Casual
Os scripts casuais dão a aparência e a sensação de pinceladas molhadas. Eles se tornaram populares no final do século XIX e são frequentemente apresentados no design gráfico moderno. Muito semelhantes à caligrafia.
Formal
Estas são as fontes de script tradicionais baseadas nas formas das letras dos séculos XVII e XVIII. Essas fontes têm uma aparência mais elegante e são amplamente utilizadas em certificados, diplomas e outros documentos formais.
3. Hierarquia Tipográfica
O elemento básico de qualquer design com texto é a hierarquia. A hierarquia envolve escolher qual parte do texto é mais importante. Seu título deve receber mais ênfase e assim por diante, em ordem de importância.
4. Kerning
Kerning refere-se ao espaço entre duas letras, números ou quaisquer outros caracteres consecutivos. Também se refere ao processo de ajuste do espaço entre caracteres para melhorar a leitura do texto. Pode fazer com que o espaçamento pareça uniforme em todo o design.
5. Liderança
Leading é um daqueles termos de design gráfico que podem ser confusos; refere-se ao espaçamento entre linhas. É o espaço entre duas linhas de base consecutivas de um bloco de texto. Essencialmente, um leading grande significa mais espaço entre as linhas de texto, tornando-o claro e legível.
6. Rastreamento
O espaçamento é frequentemente confundido com o kerning, mas acredite, eles são muito diferentes. O espaçamento refere-se ao espaçamento de palavras ou de um parágrafo inteiro, não apenas das letras na palavra. Famosos designers gráficos usam o espaçamento para alterar a estrutura ou densidade das palavras, para melhor alinhar e, portanto, melhorar a aparência do design.
7. Ascender
Ascendentes são aquelas partes das letras minúsculas que se estendem acima da altura média de uma fonte. Por exemplo, na maioria das tipografias, letras como d, h e k são ascendentes.
8. Descender
Sendo opostos aos ascendentes, os descendentes referem-se às partes das letras que se estendem abaixo da linha de base de uma tipografia. Por exemplo, letras como g, p e y são os descendentes.
9. Altura-x
Como o próprio termo indica, altura-x refere-se à altura real da letra minúscula x em qualquer fonte específica. Geralmente, o termo é usado para indicar a altura média de todas as letras minúsculas em uma fonte.
10. Órfãos
Órfão refere-se a uma única palavra ou uma linha curta que geralmente aparece no final de um parágrafo e fica sozinha em uma nova linha, coluna ou página. Isso pode desorganizar todo o design e, às vezes, um designer precisa usar suas habilidades para ajustá-la por motivos estéticos.
11. Viúvas
Viúvas são as linhas de texto separadas do corpo principal do texto. Essas linhas aparecem tanto no início de um parágrafo que fica no final de uma página quanto no final de um parágrafo que se estende para uma nova página. Pode ser visto como um mau design gráfico se deixarem muito espaço em branco acima ou abaixo.
12. Texto de Espaço Reservado
Você já deve ter visto o texto 'Lorem Ipsum' antes, certo? Esse é o texto fictício usado principalmente para testes. Simplificando, essas são as palavras de preenchimento usadas no lugar do texto para mostrar a colocação da cópia final. Você pode ver isso em alguns dos nossos modelos no Design Wizard.
13. Tamanho do Ponto
O tamanho do ponto é a distância total entre o topo do ascendente mais alto e a base do descendente mais baixo de qualquer fonte específica. É realmente o tamanho da fonte.
Cores
Design Wizard é louco por cores. De tons pastéis a neon e tudo mais, nós amamos cores. É um fator altamente importante no design. Aqui estão alguns termos de design gráfico relacionados às cores e sua teoria.
14. Cores Frias
Cores frias incluem azul, verde, roxo claro e outras que são produzidas usando diferentes proporções dessas cores. Todas essas cores tendem a proporcionar um impacto calmante e têm um tom frio como base.
15. Cores Quentes
As cores, incluindo vermelho, amarelo e laranja, e aquelas que são produzidas com suas diferentes combinações, são chamadas de cores quentes. Elas transmitem uma vibração animada e amigável. O uso apropriado de cores frias e quentes pode ajudar em um design eficaz.
16. Hex
Hex refere-se a um número composto por dígitos que é geralmente usado em CSS e HTML para identificar cores. Este código de cor também está presente na maioria dos softwares de design. Usamos cores Hex no Design Wizard.
17. CMYK
CMYK é um termo de design gráfico que significa quatro cores, a saber, Ciano, Magenta, Amarelo e Preto. Este modelo de cores é frequentemente usado para designs de impressão, onde uma grande quantidade de cores pode ser produzida apenas usando diferentes quantidades dessas quatro cores.
18. RGB
RGB significa Red Green Blue. É como o irmão digital do CMYK e é frequentemente usado para criar designs digitais. Uma gama inteira de cores pode ser produzida usando essas três cores primárias. Misture um pouco disso com um pouco daquilo e boom, você tem um novo tom!
19. Triádico
Relativamente mais vibrantes do que as complementares e análogas, as cores triádicas referem-se àquelas três cores que estão uniformemente espaçadas no círculo cromático. Elas têm um forte contraste, mas também podem funcionar muito bem juntas.
20. Análogo
Análogas são as cores vizinhas presentes na roda de cores. Essas cores podem ser usadas para criar um design bem composto. Por exemplo, vermelho e laranja são análogas. Elas se complementam devido às suas cores base.
21. Paleta
Paleta é um esquema de cores selecionado para um design ou marca em particular. Deve ser escolhida com sabedoria para garantir a criação de um design fantástico, utilizando as cores de forma harmoniosa. Você pode criar uma paleta de cores personalizada aqui no Design Wizard.
Dê uma olhada no melhor design de embalagem, eles estão sempre usando as cores mais populares e tentando fazer com que as pessoas se lembrem de seus anúncios.
Para fazer os melhores anúncios, confira o design de publicidade para se inspirar e ter novas ideias!
22. Complementar
Ao contrário das cores análogas, as cores complementares são aquelas que estão posicionadas opostas umas às outras na roda de cores. Por exemplo, vermelho e verde são cores complementares. Usar essas cores pode adicionar mais apelo estético aos seus designs.
23. Pantone
O sistema de correspondência Pantone é um esquema de cores padrão para impressão e é utilizado em várias indústrias, incluindo manufatura e design de produtos. Cada cor recebe um nome e número específicos, o que facilita a identificação e reprodução delas posteriormente.
24. Monocromático
O termo monocromático é usado para uma paleta que compreende diferentes tons de uma cor. Por exemplo, a escala de cinza é um exemplo de monocromático. Ter um único matiz de cor torna o monocromático agradável aos olhos.
25. Gradiente
Uma mudança gradual de cor é chamada de gradiente. É um dos termos de design gráfico mais amplamente utilizados. Os dois tipos de gradiente mais comumente usados são linear e radial. Gradientes quase fluem e são adoráveis de se olhar.
26. Opacidade
Opacidade refere-se ao grau de transparência que um elemento de design possui. Quanto menor a opacidade, maior a transparência do elemento. Da mesma forma, os objetos sólidos têm 100% de opacidade. Pode ser usada para criar efeitos de sombra nos designs. Os recursos de design são ilimitados e devem ser usados ao máximo!
27. Tint
A tonalidade é uma variação de uma cor. Por exemplo, adicionar branco a qualquer cor produz suas tonalidades. Você pode simplesmente dizer que diferentes tons de uma cor são as tonalidades dessa cor.
28. Matiz
Matiz é apenas um termo simples usado para descrever qualquer cor. Assim, todas as cores que você vê em uma roda de cores são matizes. É tudo sobre a cor e a tonalidade da cor.
Logotipo e Marca
Muitas pessoas não sabem a diferença entre logomarca e logotipo. Você sabe? Se não, dê uma olhada nesses termos de design gráfico. Fazer ou não fazer um logo, eis a questão!
Para fazer o melhor logo, tente aprender como criar designs geométricos incríveis! É a melhor maneira de melhorar sua forma de fazer um logo e ser criativo no design de logos.
29. Logomarca
A marca do símbolo de uma marca não inclui o nome da empresa. É um gráfico ou uma imagem geralmente sem texto. Simplificando, um ícone ou design sem palavras.
30. Logotipo
Um logotipo refere-se ao nome de uma empresa que é criativamente desenhado para ter uma singularidade visual. Geralmente incorpora ícones, texto e o nome do negócio. Todos os elementos da marca incluídos em um só.
31. Ícone
Ícones são imagens usadas em designs para representar um objeto ou uma ação. Estes devem ser usados com sabedoria para tornar a mensagem clara para o público.
Termos e Técnicas de Design Gráfico
Várias técnicas diferentes são usadas no design. Para entender melhor as definições de design, você deve conhecer os seguintes termos. Construa uma base sólida de compreensão dos termos e as técnicas virão em seguida!
32. Textura
As características da superfície de qualquer imagem. Por exemplo, diferentes texturas como alvenaria, couro e muitas outras são usadas em diferentes designs.
33. Espaço em Branco
Geralmente chamado de espaço negativo, é a área que fica em branco em um design. Aqui é importante saber que o espaço em branco não precisa necessariamente ser branco. Na verdade, pode ser de qualquer cor e apenas se refere ao espaço vazio.
34. Knolling
A técnica de knolling é usada para criar uma aparência simétrica e organizada de um design. Envolve a colocação de diferentes objetos em um ângulo de 90 graus uns em relação aos outros contra um fundo contrastante e a captura desses objetos de cima.
35. Blur
O desfoque torna a imagem menos nítida. Esta técnica pode ser usada para destacar texto ou certas partes da imagem, desfocando o resto da imagem. Pode tirar certos elementos do foco para que seu olho seja atraído para uma característica específica.
36. Resolução
A resolução identifica a qualidade de uma imagem. Por exemplo, imagens de alta resolução são mais nítidas quando comparadas às imagens de baixa resolução. Para um design de ótima qualidade, você deve ter conteúdo de alta resolução.
37. Saturação
Saturação é a pureza ou intensidade de qualquer cor. Alta saturação faz com que a imagem pareça mais brilhante, enquanto reduzir a saturação a torna mais opaca.
38. Grau
As linhas e colunas igualmente divididas formam uma grade. Isso ajuda os designers a manter a consistência no design através do posicionamento adequado dos elementos.
39. Recorte
Recortar refere-se a remover as partes indesejadas de uma imagem. É uma das técnicas mais básicas na manipulação de fotos. Através do recorte, você pode simplesmente mudar a direção ou o foco de qualquer imagem.
40. Contraste
O uso de dois elementos diferentes na mesma página cria contraste. Por exemplo, pode ser cores claras vs. escuras. Usar contraste em designs pode torná-los mais atraentes.
41. Pixels
Um pixel é basicamente a menor unidade programável de imagem exibida em uma tela. Também é conhecido como elemento de imagem. Uma imagem é exibida tendo milhares (talvez até milhões) de pixels conectados de perto para formar um design.
42. Design Plano
É uma abordagem de design minimalista focada na usabilidade e simplicidade. Designs flat geralmente incluem cores vibrantes, bordas nítidas e ilustrações 2D.
43. Vetor
Vector está entre os termos de design gráfico mais amplamente utilizados. Refere-se às imagens que são compostas por curvas, linhas e pontos. Essas imagens não perdem qualidade quando são escaladas.
44. Raster
Imagens raster são aquelas que geralmente são compostas por uma grade de pixels retangulares. Alterar o tamanho dessas imagens pode torná-las borradas.
45. Proporção de Aspecto
Proporção de Aspecto é um termo de design que se refere à relação entre a largura e a altura de uma imagem ou tela.
46. Escala
Escala refere-se ao tamanho de qualquer objeto em relação a outros objetos presentes em um design. O uso criativo da escala pode ajudar na comunicação eficaz de mensagens visuais. Além disso, a escala ajuda a criar hierarquia visual em designs.
47. Regra dos Terços
É uma teoria que diz que, se uma imagem for dividida com duas linhas horizontais e duas linhas verticais, os pontos de interseção dessas linhas serão os pontos focais. Esta é uma técnica clássica de design que você pode ver em exemplos famosos ao longo da história.
48. Margem
O espaço ao redor da borda da página. Adicionar ou reduzir margens pode ajudar a criar designs calmos e interessantes.
49. Corte e Vinco
É um processo de acabamento que inclui cortar algumas áreas do design impresso em diferentes formas para produzir efeitos únicos.
50. Esboço de Miniatura
Não, não é a unha do seu dedo. Esboço de miniatura é um desenho preliminar de um conceito de design. Ele ajuda os designers a visualizar e aprimorar ideias antes de começarem na tela.
No final
Então, aí está. Estas 50 palavras de design gráfico certamente aumentarão seu conhecimento.
Seja você um designer ou esteja trabalhando com um, as coisas serão muito mais fáceis para você agora. No entanto, isso não é tudo e há muito mais para você aprender.
A terminologia de design continua mudando com o tempo. Para se manter atualizado com os termos modernos de design gráfico, continue procurando o que há de novo e construa seu vocabulário de design.
Com esses termos de design gráfico em seu vocabulário, você dominará qualquer conversa!
Vanessa Anderson