Tudo Que Você Vê Por Aí Foi Feito Com Isso: O Glossário Completo do Universo Vetorial Para Quem Nunca Estudou Design

Logos, ícones, embalagens, apps, bordados, outdoors — tudo isso tem um ponto em comum que ninguém nunca explicou direito. Até agora.

Você já recebeu uma mensagem assim: “Preciso do logo em vetor.”

E ficou sem saber o que responder.

Ou então contratou um designer, ele entregou um arquivo .svg, e você não sabia nem como abrir. Ou alguém pediu “a arte em alta resolução” e você mandou o JPEG e a gráfica rejeitou.

Não é culpa sua. Esse vocabulário técnico nunca foi ensinado fora das faculdades de design — e mesmo assim continua aparecendo no dia a dia de empreendedores, profissionais de marketing, donos de negócio e qualquer pessoa que precise lidar com identidade visual.

Este glossário muda isso. Aqui você vai encontrar explicações simples, diretas e com exemplos do mundo real — não do mundo do design. Cada termo tem contexto, tem analogia, tem o que fazer com ele na prática.

Leia do início ao fim se você está chegando do zero. Ou use como referência e volte sempre que aparecer um termo novo.

Como Este Glossário Foi Organizado

Os termos estão divididos em 5 blocos, do mais básico ao mais específico:

1. O Essencial — o que são imagens vetoriais e por que todo mundo usa
2. Os Formatos — o que significam todas aquelas extensões de arquivo
3. As Aplicações — onde o design vetorial aparece no mundo real
4. Os Softwares — os programas que criam essas imagens
5. Os Termos Técnicos — o vocabulário que aparece no trabalho com designers

Você não precisa memorizar tudo de uma vez. Comece pelo bloco 1 e vá avançando conforme precisar.

Bloco 1: O Essencial

Imagem Vetorial

Uma imagem vetorial não é feita de pontos coloridos — é feita de matemática.

Quando um designer cria um círculo vetorial, o computador guarda a instrução: “desenhe um círculo com centro aqui e raio de 50 unidades.” Toda vez que você abre o arquivo, o computador recalcula e desenha o círculo do zero, com perfeição absoluta.

O resultado prático: uma imagem vetorial pode ser ampliada para o tamanho de um outdoor de 10 metros ou reduzida para o ícone de um app de 32 pixels — e vai continuar nítida nos dois casos. Sem borrar. Sem pixelar. Sem perder qualidade.

É por isso que logos, ícones, ilustrações e tipografias são feitos em vetorial. Eles precisam aparecer em tamanhos completamente diferentes e sempre estar perfeitos.

Analogia: Pense na diferença entre uma foto impressa e um mapa desenhado. A foto impressa, se você ampliar muito, vai borrar (são pontos coloridos). Um mapa desenhado com linhas pode ser ampliado infinitamente porque são instruções geométricas — “a linha vai daqui até aqui.”

Imagem Raster (ou Bitmap)

O oposto do vetor. Uma imagem raster é formada por uma grade de pixels — aqueles quadradinhos coloridos que, vistos de longe, formam a imagem.

Fotografias são sempre raster. Prints de tela são raster. Aquela imagem que você baixou do Google é raster.

O problema é simples: se você ampliar uma imagem raster além do seu tamanho original, os quadradinhos ficam visíveis. Isso chama pixelização, e é aquele efeito borrado e quadriculado que aparece quando você tenta usar uma imagem pequena num espaço grande.

Quando usar raster: Fotografias, texturas realistas, imagens com muitas gradações de cor (como rostos humanos, paisagens, comida).

Quando usar vetorial: Logos, ícones, ilustrações, tipografia, qualquer coisa que precise de escalabilidade ou bordas perfeitamente nítidas.

Regra simples: Logo → sempre vetor. Foto do produto → raster.

Resolução e DPI

DPI significa Dots Per Inch — pontos por polegada. É a densidade de detalhes numa imagem impressa.

• 72 DPI: Padrão para telas (web, redes sociais). Arquivo leve, boa aparência no monitor.
• 150 DPI: Impressão básica (panfletos simples, banners visualizados de longe).
• 300 DPI: Impressão profissional. Obrigatório para gráficas que fazem cartões de visita, embalagens, revistas.

O vetor não tem DPI. Por ser matemático, se adapta a qualquer resolução automaticamente. É por isso que uma gráfica prefere receber arquivos vetoriais — eles nunca perdem qualidade, independente do tamanho de impressão.

Quando alguém pede “a arte em alta resolução”, normalmente querem dizer: me manda o arquivo vetorial, não o JPEG.

Escalabilidade

A capacidade de aumentar ou diminuir uma imagem sem perder qualidade.

O vetor tem escalabilidade infinita. O raster não tem.

Exemplo real: A logo do McDonald’s funciona no canto de um guardanapo e no letreiro de um restaurante de 5 metros. Isso só é possível porque a logo é vetorial. Se fosse uma fotografia do logo, seria necessário ter versões diferentes para cada tamanho.

Traço e Preenchimento (Stroke e Fill)

Dois conceitos fundamentais em qualquer forma vetorial:

Fill (Preenchimento): a cor ou padrão que preenche o interior de uma forma. Um círculo vermelho tem o fill vermelho.

Stroke (Traço/Contorno): a linha que contorna o exterior da forma. Um círculo com borda preta tem o stroke preto.

Uma forma pode ter fill sem stroke (círculo sólido sem borda), stroke sem fill (apenas o contorno, interior vazio, como um círculo vazado), ou os dois ao mesmo tempo.

Por que isso importa: quando uma logo tem um contorno específico, esse contorno é um stroke — e ele tem espessura. Se você reduzir a logo muito, o stroke pode ficar grosso demais proporcionalmente. Designers precisam controlar isso para que a logo funcione em tamanhos pequenos.

Curvas de Bézier

O mecanismo matemático por trás de qualquer curva em design vetorial.

Toda curva vetorial — de uma letra tipográfica a um pétala de flor ilustrada — é definida por pontos e alças de controle. Você puxa essas alças para moldar a curva, como se fosse um barbante com tensão nos dois lados.

Por que o leigo precisa saber disso: Quando um designer diz que “precisa ajustar as curvas” ou que “a Pen Tool é difícil de dominar”, é das curvas de Bézier que está falando. É a habilidade mais fundamental do design vetorial manual — e leva tempo para aprender.

Bloco 2: Os Formatos de Arquivo

SVG — Scalable Vector Graphics

O formato vetorial da internet.

SVG é tecnicamente um arquivo de texto — se você abrir um .svg no Bloco de Notas, vai ver código. Esse código descreve formas geométricas num idioma que navegadores entendem nativamente. Coloque um SVG num site e ele aparece perfeito em qualquer tamanho de tela, sem perda de qualidade, com arquivo leve.

Quando você vai receber um SVG: logos para usar em sites, ícones para aplicações digitais, ilustrações para páginas web.

Quando você vai pedir um SVG: quando precisar de uma logo para usar no seu site ou aplicativo.

Vantagem prática: um SVG de logo tipicamente pesa 5 a 20 KB. A mesma logo exportada como PNG em alta resolução pode pesar 500 KB ou mais.

PDF — Portable Document Format

PDF não é só para documentos de texto. Um PDF bem feito é um arquivo vetorial — preserva fontes, formas e cores exatamente como no original, independente do sistema operacional ou software de quem abre.

Gráficas profissionais geralmente pedem o arquivo em PDF para impressão. Por quê? Porque o PDF preserva todas as informações necessárias: cores em CMYK, sangria, marcas de corte, fontes embutidas.

Dois tipos importantes:

• PDF para impressão: configurações específicas de cor (CMYK), com marcas de corte e sangria. Ideal para envio à gráfica.
• PDF para tela: arquivo mais leve, cores RGB, sem sangria. Para apresentações e documentos digitais.

Muitas vezes, quando alguém pede “o arquivo da logo”, um PDF de alta qualidade resolve — especialmente se o destino for impressão.

AI — Adobe Illustrator

Formato proprietário do Adobe Illustrator. Arquivos .ai só abrem nativamente no Illustrator.

O problema: O Adobe Illustrator exige uma assinatura mensal cara (parte do pacote Adobe Creative Cloud). Se você recebeu um arquivo .ai e não tem Illustrator, peça ao designer para exportar em SVG ou PDF — que são formatos abertos e funcionam em qualquer software.

Nota importante: Muitos designers ainda usam .ai por hábito, mesmo quando não é necessário. Se você não tem Adobe, peça sempre em formato alternativo.

EPS — Encapsulated PostScript

Formato vetorial mais antigo, mas ainda muito presente na indústria gráfica tradicional, bordados e vinil.

Se você vai mandar uma logo para:

• Bordado em uniforme
• Corte em vinil (adesivo, camiseta)
• Sistemas gráficos industriais mais antigos

…provavelmente vão pedir EPS.

Diferença do SVG: SVG é para web e softwares modernos. EPS é para maquinário industrial e sistemas legados.

PNG — Portable Network Graphics

PNG é formato raster (não vetorial), mas é o mais útil para uso cotidiano de logos e ícones.

A grande vantagem do PNG: suporta fundo transparente. Isso significa que você pode colocar um logo PNG sobre qualquer cor ou imagem de fundo sem aparecer um quadrado branco ao redor.

Uso típico: Logo em documentos Word, PowerPoint, e-mails, postagens em redes sociais.

Fluxo correto: o designer cria a logo em vetor (SVG, AI) e exporta em PNG para você usar no dia a dia.

Cuidado: PNG em baixa resolução vai pixelar se ampliado. Sempre peça PNG em pelo menos 1000 pixels de largura para ter margem.

JPG / JPEG

Formato raster sem transparência e com compressão que perde qualidade a cada vez que você salva.

Ótimo para fotografias. Péssimo para logos, ícones e texto.

O motivo: a compressão JPEG cria artefatos visuais (manchas, bordas borradas) especialmente visíveis em áreas de cor sólida e bordas nítidas — exatamente o que logos têm.

Regra: Nunca use JPG para logo. Use SVG (web), PDF (impressão) ou PNG (documentos e redes sociais).

GIF

Formato raster antigo com suporte a animação simples. Limitado a 256 cores e qualidade baixa.

Para que ainda serve: animações simples e memes na internet.

O que substituiu para design profissional: veja Lottie e WebP abaixo.

WebP

Formato moderno criado pelo Google para imagens na web. Oferece qualidade similar ao PNG com arquivo significativamente menor (tipicamente 25–35% mais leve).

Quando aparece: plataformas modernas (WordPress, Shopify, redes sociais) frequentemente convertem imagens para WebP automaticamente. Se você baixar uma imagem de um site e aparecer como .webp, é isso.

Para logos: ainda prefira SVG na web. WebP é para fotografias e imagens complexas.

Lottie

Formato de animação vetorial baseado em JSON. O padrão moderno para animações leves em aplicativos e sites.

O que é na prática: uma ilustração vetorial que se move — e pesa muito menos que GIF ou vídeo equivalente. Aquela animação de carregamento do app que você usa todo dia provavelmente é um Lottie.

Onde você vê Lottie: ícones animados em apps, telas de boas-vindas, animações de confirmação (“pedido realizado!”), loaders.

Bloco 3: As Aplicações no Mundo Real

O design vetorial está em todo lugar. Só que ninguém chama pelo nome técnico.

Identidade Visual e Logos

A aplicação mais óbvia e mais importante.

Toda logo profissional é vetorial — obrigatoriamente. O logo precisa funcionar no cartão de visita (5 cm de largura) e no letreiro da fachada (3 metros de largura). Só o vetor permite isso sem perda de qualidade.

O que você recebe de um designer ao contratar uma identidade visual:

• Arquivo fonte editável (.afdesign, .ai ou .svg)
• PNG em alta resolução com fundo transparente (para uso cotidiano)
• PDF para impressão (para gráficas)
• Versões em cores diferentes (positivo, negativo, preto e branco)

Embalagens e Rótulos

A embalagem que você vê na prateleira do mercado — a ilustração da caixa de cereal, o rótulo da garrafa, o design da caixa de sapato — é quase sempre totalmente vetorial.

Por quê: embalagens precisam ser impressas em escala industrial, em materiais diferentes (papel, plástico, vidro) e em tamanhos variados. O vetor garante que a arte fique perfeita na impressão flexográfica, no rótulo adesivo e na embalagem de papelão com o mesmo arquivo.

Sinalização e Outdoors

O banner da loja, a placa de trânsito, a sinalização interna do aeroporto, o outdoor na estrada — tudo feito em vetor.

Motivo: A arte enviada para impressão em grande formato precisa de qualidade perfeita em metros de largura. Um arquivo raster nesse tamanho pesaria gigabytes. Um arquivo vetorial equivalente pesa kilobytes e imprime com qualidade idêntica.

Ícones de Aplicativos e Interfaces Digitais

Todos os ícones que você vê em apps, sites e sistemas operacionais são vetoriais. O ícone de “casa”, de “lupa”, de “notificação” que aparece no seu celular — vetorial.

Motivo: Ícones precisam aparecer em tamanhos diferentes (barra de status, ícone do app, ícone grande na loja) e em telas com densidades de pixel diferentes (tela normal, Retina, 4K). O vetor garante nitidez em todos.

Bordados, Vinil e Corte a Laser

Máquinas de bordado industrial, plotters de corte de vinil e cortadoras a laser leem arquivos vetoriais para guiar seus movimentos.

Como funciona: a máquina lê as linhas e curvas do arquivo vetorial e as traduz em movimentos físicos — a agulha de bordado segue o path, a faca de vinil corta pelo contorno, o laser queima pelo traçado.

Por isso: se você vai mandar uma arte para bordado em uniforme ou adesivo personalizado, o arquivo precisa ser vetorial. Um PNG não funciona nesse contexto.

Mapas e Infográficos

Mapas cartográficos profissionais, infográficos de jornais e revistas, diagramas técnicos — vetoriais.

Motivo: Mapas precisam ser atualizados facilmente (alterar uma rua, adicionar um ponto de interesse) e impressos em diferentes tamanhos. O vetor permite edição precisa de qualquer elemento individual.

Animações e Motion Design

Aquelas animações elegantes que aparecem em abertura de vídeos, apresentações corporativas, vinhetas de TV — frequentemente criadas a partir de ilustrações vetoriais animadas.

O fluxo típico: designer cria ilustração vetorial → importa no software de animação → anima os elementos → exporta como vídeo ou Lottie.

Impressão Têxtil e Produtos Personalizados

Camisetas, canecas, almofadas, brindes corporativos — quando a arte é impressa diretamente no tecido ou objeto, o fornecedor geralmente pede arquivo vetorial.

Por quê: Impressoras de sublimação e serigrafia industrial operam com arquivos vetoriais para garantir cores precisas (especialmente quando são cores Pantone da marca) e bordas nítidas mesmo em peças grandes.

Bloco 4: Os Softwares

Affinity (by Canva) — Gratuito

O que é: Suite profissional de design que inclui três aplicativos: Vector Studio (equivalente ao Illustrator), Pixel Studio (equivalente ao Photoshop) e Layout Studio (equivalente ao InDesign). Funciona em Windows, Mac e iPad.

Para quem: Designers profissionais, freelancers, pequenas empresas. Qualquer pessoa que precisava do Adobe e não queria pagar assinatura mensal.

Por que se destaca: Em 2024, a Canva adquiriu o Affinity e tornou todos os aplicativos gratuitos. Três softwares que antes custavam cerca de R$ 500 cada agora são de graça. Qualidade equivalente ao Adobe para a maioria dos usos.

Limitação honesta: Não abre arquivos .ai nativamente. Para projetos que precisam de máxima compatibilidade com Adobe, pode ser necessário exportar/importar.

Formatos que cria: SVG, PDF, EPS, PNG, JPG e formato nativo .afdesign.

Inkscape — Gratuito e Open Source

O que é: Software vetorial gratuito e de código aberto. Funciona em Windows, Mac e Linux.

Para quem: Quem quer uma ferramenta gratuita e completa para design vetorial, especialmente quem usa Linux (onde o Affinity não está disponível). Muito usado na comunidade de código aberto e por designers que preferem ferramentas abertas.

Por que se destaca: É completamente gratuito para sempre — não depende de empresa privada, não pode ser descontinuado por decisão comercial, pode ser modificado por qualquer pessoa. Tem recursos avançados como Live Path Effects que nem o Illustrator tem.

Curva de aprendizado: Interface menos refinada que o Affinity, mas funcionalidade comparável. Documentação extensa disponível gratuitamente.

Formato nativo: .svg — o que é uma vantagem, porque o arquivo nativo já é um formato universal.

Adobe Illustrator — Pago (Assinatura)

O que é: O software vetorial mais usado historicamente na indústria. Parte do pacote Adobe Creative Cloud.

Para quem: Estúdios e agências que trabalham em ecossistema Adobe (com Photoshop, InDesign, After Effects), ou profissionais cujos clientes entregam arquivos .ai que precisam ser editados.

Por que ainda é relevante: É o padrão histórico do mercado. Muitos fornecedores e gráficas pedem arquivos .ai. Tem a maior biblioteca de tutoriais e recursos online.

Limitação honesta: Caro. Uma assinatura do Creative Cloud custa entre R$ 300 e R$ 400 por mês. Para a maioria dos usos, Affinity e Inkscape entregam resultado equivalente gratuitamente.

Formatos que cria: .ai, SVG, PDF, EPS, PNG, JPG.

Figma — Gratuito (com plano pago)

O que é: Software de design de interfaces digitais (UI/UX) com recursos vetoriais. Funciona no navegador — sem instalação.

Para quem: Designers de interfaces de aplicativos e sites, equipes que precisam colaborar em tempo real no mesmo arquivo.

Por que se destaca: Colaboração em tempo real (como Google Docs, mas para design), prototipagem interativa integrada, e o fato de rodar no navegador sem instalação.

Limitação honesta: Focado em interfaces digitais. Para branding, ilustração e preparação para impressão, Affinity e Inkscape são mais adequados.

Formatos que exporta: SVG, PNG, PDF, JPG.

Canva — Gratuito (com plano pago)

O que é: Ferramenta online de design simplificado, com foco em templates prontos e uso sem conhecimento técnico prévio.

Para quem: Empreendedores, criadores de conteúdo e equipes de marketing que precisam criar peças rapidamente sem contratar designer para tudo.

Por que se destaca: Curva de aprendizado mínima. Enorme biblioteca de templates. Funciona no navegador.

Limitação honesta: Não é um software vetorial profissional. Para criar logos originais, identidades visuais completas ou preparar arquivos para impressão gráfica com especificações técnicas, o Canva tem limitações sérias. É excelente para o que foi feito — não tente usá-lo para o que não foi.

Formatos que exporta: PDF, PNG, JPG e, em planos pagos, SVG.

CorelDRAW — Pago

O que é: Software vetorial profissional da Corel, concorrente histórico do Illustrator. Muito usado em gráficas tradicionais, bordados e sinalização.

Para quem: Gráficas e profissionais de sinalização que trabalham com o ecossistema Corel, especialmente no Brasil onde historicamente teve forte presença.

Formatos que cria: .cdr (proprietário), SVG, PDF, EPS, AI.

Gravit Designer / CorelVector — Gratuito (limitado)

O que é: Software vetorial baseado em navegador, adquirido pela Corel. Versão gratuita com limitações.

Para quem: Quem precisa de uma ferramenta vetorial rápida no navegador sem instalar nada. Para uso profissional, Affinity ou Inkscape são mais completos.

Comparativo Rápido dos Principais Softwares

Bloco 5: Os Termos Técnicos do Dia a Dia

Este bloco é o dicionário para quando você está falando com um designer e aparece um termo que você não conhece.

Artboard (Prancheta)

A folha virtual onde o design é criado dentro do software. Um arquivo pode ter vários artboards — útil para criar as diferentes versões de uma identidade visual (cartão de visita, papel timbrado, banner) no mesmo arquivo.

No Inkscape: chama-se Página. No Affinity: chama-se Artboard. No Figma: chama-se Frame.

Layers (Camadas)

Sistema de organização que empilha elementos do design em níveis separados, como folhas de acetato transparente sobrepostas.

Por que importa para você: quando um designer entrega um arquivo bem organizado em camadas, você pode pedir para ele “mostrar só a versão sem o texto” ou “isolar o fundo” — porque cada elemento está numa camada separada.

Exemplo prático: Uma embalagem pode ter camadas separadas para: fundo, ilustração, texto do produto, selos e certificações, código de barras. Cada elemento é editável de forma independente.

Cor Pantone

Sistema de cor proprietário usado para garantir que uma cor específica seja reproduzida identicamente em qualquer lugar do mundo, por qualquer gráfica.

Enquanto RGB e CMYK descrevem cores como combinações de outros valores, Pantone é uma cor específica com código único. O Pantone 485 C é sempre exatamente aquele vermelho — independente da impressora, do papel ou do país.

Quando é importante: logos de grandes marcas, produtos onde a cor da marca é parte crítica da identidade (a cor laranja do Bradesco, o verde da Starbucks, o roxo do Milka). A gráfica usa a tinta exata correspondente ao código Pantone.

Custo: impressão com Pantone é mais cara que CMYK padrão.

CMYK

O sistema de cor da impressão. Quatro tintas: Cyan (ciano), Magenta, Yellow (amarelo), K (preto). Misturadas em proporções diferentes, reproduzem todo o espectro de cores visível em papel.

Por que importa: monitores usam luz (RGB) para criar cores. Impressoras usam tinta (CMYK). As mesmas cores ficam diferentes nos dois meios — um vermelho vibrante na tela pode ficar apagado no papel se não for convertido corretamente. Sempre envie à gráfica arquivos com cores em CMYK, não em RGB.

RGB

O sistema de cor das telas. Red (vermelho), Green (verde), Blue (azul). Luz colorida misturada em diferentes intensidades cria todas as cores visíveis no monitor.

Regra prática: Arte para tela (site, redes sociais, apresentação) → RGB. Arte para impressão → CMYK. Arte para impressão com cor exata de marca → Pantone.

Sangria (Bleed)

Área extra além do tamanho final do impresso onde o design deve se estender.

Por quê existe: quando uma gráfica corta papel, o corte nunca é 100% preciso — existe uma margem de erro milimétrica. Se o fundo colorido ou a ilustração terminar exatamente na borda do arquivo, um corte levemente deslocado vai criar uma faixa branca na borda do impresso. A sangria resolve isso: o design vai 3 mm além da borda, então mesmo se o corte deslocar ligeiramente, nenhuma borda branca aparece.

Padrão: 3 mm de sangria em cada lado para impressão padrão.

Quando você vai ouvir isso: quando enviar arte para gráfica. Eles vão pedir “arquivo com sangria”.

Área de Segurança (Safe Area)

O inverso da sangria. É a margem interna onde elementos importantes (texto, logo, informações críticas) devem ficar. Nada importante deve estar muito perto da borda — o corte da gráfica pode eliminar.

Regra geral: manter pelo menos 5 mm de distância da borda para qualquer elemento importante.

Marcas de Corte (Crop Marks)

Pequenas linhas nos cantos do arquivo impresso que indicam onde a gráfica deve cortar. Ficam fora da área visível do impresso.

Você não precisa criar: normalmente criadas automaticamente ao exportar o PDF para impressão.

Fonte (Tipografia)

O conjunto de caracteres de um determinado design tipográfico. Arial, Helvetica, Times New Roman são fontes.

Diferença importante para designers:

• Família tipográfica: conjunto de variações de uma mesma fonte (Arial Regular, Arial Bold, Arial Italic)
• Peso: a espessura dos caracteres (Light, Regular, Medium, Bold, Black)
• Corpo: o tamanho da fonte, medido em pontos (pt)

Problema comum: quando você envia um arquivo com uma fonte que o destinatário não tem instalada, ele vê outra fonte no lugar. Para evitar isso em PDFs, as fontes são embutidas no arquivo.

Embutir Fontes (Embed Fonts)

Incluir os dados da fonte dentro do arquivo PDF para que ele apareça corretamente em qualquer computador, mesmo sem a fonte instalada.

Quando pedir: sempre que enviar PDF para gráfica ou para apresentação em computador de terceiros.

Vetorizar Texto (Converter em Curvas)

Transformar texto editável em formas geométricas estáticas. Depois de vetorizar, o texto não pode mais ser editado como texto — mas o arquivo funciona sem precisar de nenhuma fonte instalada.

Quando gráficas pedem isso: algumas gráficas preferem receber arquivos com texto vetorizado para garantir que nenhuma fonte fique errada na impressão. É uma alternativa a embutir fontes.

Desvantagem: após vetorizar, qualquer correção de texto precisará refazer o processo do zero.

Máscara (Mask)

Recurso que permite mostrar apenas uma parte de uma imagem ou elemento, usando outra forma como recorte.

Analogia: Pense num quadro com uma moldura em formato de coração. A foto existe inteira, mas você só vê o que está dentro do coração. A moldura-coração é a máscara.

Uso prático: foto circular de perfil (máscara circular sobre foto retangular), imagem que aparece dentro das letras de um título, elemento que some gradualmente.

Vantagem: a máscara não destrói a imagem original. Você pode reposicioná-la ou ajustá-la a qualquer momento.

Operações Booleanas

Operações matemáticas que combinam ou subtraem formas vetoriais:

• União: dois círculos se tornam uma forma única
• Subtração: um círculo “come” outro, criando um buraco
• Interseção: mantém apenas a área onde as formas se sobrepõem
• Exclusão: mantém tudo exceto onde as formas se sobrepõem

Por que importa: é como designers criam formas complexas a partir de formas simples. Um ícone de “lupa” é basicamente um círculo com um cabo — criado com operação booleana.

Grid (Grade)

Sistema de linhas invisíveis que organiza o layout e garante alinhamento visual consistente.

Analogia: O caderno pautado que você usava na escola. As linhas te ajudavam a escrever reto. O grid faz o mesmo para elementos visuais — garante que botões, textos e imagens estejam alinhados entre si.

Por que você vai ouvir isso: quando um designer fala em “sistema de grid” numa identidade visual, está descrevendo as regras de espaçamento e alinhamento que garantem coerência em todas as peças.

Guias (Guides)

Linhas auxiliares que aparecem na tela do software mas não são impressas. Ajudam o designer a alinhar elementos com precisão.

Diferença do grid: o grid é um padrão repetido regularmente. Guias são linhas individuais posicionadas onde o designer precisar.

Exportar vs Salvar

Diferença importante que confunde muita gente:

Salvar: guarda o arquivo no formato nativo do software (.afdesign, .ai, .svg), com todas as informações editáveis. Use para continuar trabalhando.

Exportar: converte o arquivo para outro formato (PDF, PNG, JPG) para uso final. O arquivo exportado geralmente não é editável de volta ao original.

Regra: sempre salve o arquivo nativo. Exporte quando for entregar para cliente, gráfica ou uso no site.

Arquivo Nativo

O arquivo no formato do software que o criou. .afdesign para Affinity, .ai para Illustrator, .cdr para CorelDRAW.

O arquivo nativo mantém tudo editável: camadas, textos, efeitos, versões alternativas. É o original do design.

Sempre peça o arquivo nativo quando contratar um designer — é a garantia de que você pode alterar o trabalho no futuro sem depender de recriação do zero.

Biblioteca de Assets (ou Biblioteca de Recursos)

Coleção organizada de elementos reutilizáveis: logos, ícones, cores da marca, fontes aprovadas, templates.

Para empresas: manter uma biblioteca de assets garante que todo material criado — seja por um designer interno, agência externa ou ferramenta como Canva — use sempre os elementos corretos da marca.

Prática: compartilhar essa biblioteca com todos que criam conteúdo para a marca elimina o problema de “versão errada do logo” e “cor errada no material”.

Manual de Marca (Brand Guidelines)

Documento que define as regras de uso da identidade visual: como usar o logo (e como não usar), quais as cores oficiais com seus códigos (Pantone, CMYK, RGB, HEX), quais fontes usar, espaçamento mínimo ao redor do logo, versões permitidas.

Por que existe: sem um manual, cada pessoa que cria material para a marca vai interpretar as regras de forma diferente — e ao longo do tempo a identidade visual fica inconsistente.

O que deve ter no mínimo:

• Logo principal e suas variações (positivo, negativo, preto e branco)
• Paleta de cores com todos os códigos
• Tipografia oficial
• Exemplos de uso correto e incorreto

HEX (Código Hexadecimal de Cor)

Código de seis dígitos que identifica uma cor no sistema RGB. Exemplo: #FF5733 é um laranja avermelhado.

Onde você usa: ao especificar cores para sites, aplicativos, ou qualquer design digital. É o formato padrão para cor em código HTML e CSS.

Diferença do CMYK e Pantone: HEX é para telas. CMYK é para impressão. Pantone é para impressão com cor exata garantida.

Resolução de Tela vs Impressão

Uma imagem com 1920 × 1080 pixels é alta resolução para um monitor Full HD — vai aparecer perfeita. Mas se você tentar imprimir essa mesma imagem num papel A4 em qualidade profissional (300 DPI), ela vai parecer pequena ou borrada.

A matemática: A4 tem aproximadamente 8,3 × 11,7 polegadas. Para imprimir em 300 DPI, você precisa de 2480 × 3508 pixels. Uma imagem 1920 × 1080 é insuficiente para isso.

Solução: Use vetorial para tudo que precisar ser impresso. O vetor não tem resolução — se adapta perfeitamente a qualquer tamanho.

Checklist: O Que Você Precisa Ter em Mãos

ARQUIVOS DE MARCA (o que pedir ao designer)
[ ] Arquivo nativo editável (.afdesign, .ai ou .svg)?
[ ] PDF para impressão (com sangria, CMYK)?
[ ] PNG em alta resolução com fundo transparente?
[ ] SVG para uso em site?
[ ] Manual de marca com códigos de cor e regras?

ANTES DE ENVIAR PARA GRÁFICA
[ ] Arquivo em CMYK (não RGB)?
[ ] PDF com sangria de 3mm?
[ ] Marcas de corte incluídas?
[ ] Fontes embutidas ou texto vetorizado?
[ ] Prova de cor solicitada antes da tiragem completa?

ANTES DE USAR LOGO NO SITE
[ ] Logo em formato SVG disponível?
[ ] Arquivo otimizado (não um PNG de 5MB no lugar de um SVG de 10KB)?
[ ] Versão para fundo claro e fundo escuro?

PARA BORDADO / VINIL / LASER
[ ] Arte em formato vetorial (.svg, .eps, .ai)?
[ ] Arquivo sem gradientes (bordado não reproduz gradientes)?
[ ] Número de cores verificado com fornecedor?

Resumo (TL;DR)

Imagem vetorial = matemática, não pixels. Pode ser ampliada ou reduzida infinitamente sem perder qualidade. É o formato obrigatório para logos, ícones, embalagens, sinalização e qualquer coisa que apareça em tamanhos variados.

Imagem raster = pixels. Funciona para fotografias e imagens com muita variação de tom. Pixeliza quando ampliada além do original.

Formatos principais: SVG (web), PDF (impressão e entrega), PNG (uso cotidiano com fundo transparente), EPS (gráficas e maquinário industrial). Evite JPG para logos.

Softwares gratuitos que funcionam profissionalmente: Affinity by Canva (Windows, Mac, iPad) e Inkscape (Windows, Mac, Linux). Para interfaces digitais, Figma. O Adobe Illustrator é o padrão histórico do mercado, mas caro — e dispensável para a maioria dos usos.

Quatro termos para nunca mais confundir:

• CMYK: sistema de cor para impressão
• RGB: sistema de cor para telas
• Pantone: cor exata garantida para impressão profissional
• HEX: código de cor para web e aplicativos

Quando contratar um designer: sempre peça o arquivo nativo editável, o manual de marca e os arquivos prontos para cada uso (web, impressão, redes sociais). Esses três entregáveis garantem que você não dependerá de recriação no futuro.

A regra que simplifica tudo: se vai para a tela, SVG ou PNG. Se vai para a gráfica, PDF com sangria em CMYK. Se vai para maquinário industrial, EPS.