Termos de design que todo não designer precisa conhecer

Pode ser muito divertido trabalhar com um designer até você perceber que está falando duas línguas diferentes. Quando você não tem ideia do que a outra pessoa quer dizer, ou precisa pesquisar no Google todas as outras palavras que ela está dizendo, você sabe que é hora de aprimorar os termos de design.

Portanto, neste blog, apresentamos um detalhamento dos vários termos que os designers usam para que você saiba exatamente com o que está lidando.

Termos de design de marca

Marca de combinação

Isso é algo que reúne ou combina a logomarca e o logotipo.

Logomarca

Logomarcas também são conhecidas como marca de marca e são símbolos que representam uma marca. Eles não contêm o nome da marca e são bastante abstratos e simples.

Logotipo

Este é geralmente o nome da empresa projetada de forma única com apelo estético.

Ícone

Um ícone é um método muito simples de transmitir a ideia ao leitor. Eles também simplificam e separam o texto em qualquer web design. Eles não devem ser confundidos com uma logomarca e podem ser usados ​​em uma ampla gama de aplicações.

Termos de design relacionados à cor

CMYK

Isso significa Cyan, Magenta Yellow e Key e é um modelo de cor usado para designs de impressão. Como funciona é que pequenos pontos dessas cores são dispostos. E quando eles são usados ​​em diferentes combinações, eles mostrarão cores diferentes. Se você adicionar, por exemplo, todas as quatro cores juntas, você terminará com o preto.

Paleta de cores

Trata-se de um conjunto de cores que se complementam e reunirão os elementos em um design.

Gradiente

Um gradiente permitirá que você adicione profundidade e dimensão ao design que você cria. Também permitirá que os olhos dos espectadores fluam suavemente de uma cor para outra. O uso de cores planas pode criar uma saída final igualmente plana. O uso caótico de cores pode ser muito ocupado, mas com gradientes você pode garantir ordem e apelo estético. Existem alguns tipos de gradientes que você pode usar.

• Linear – aqui a cor fará a transição de um ponto inicial e terminará em uma linha reta.
• Radial – aqui as cores se espalharão a partir do ponto inicial central em um padrão circular.
• Ângulo – o padrão flui no sentido anti-horário. A linha que denota o início e o fim da propagação de cores é claramente vista.
• Refletida – a cor se espalha igualmente em ambos os lados do ponto de partida. Isso é fantástico para usar quando você está projetando algo com um acabamento brilhante.
• Diamante – a cor se espalha na forma de um diamante. Este ponto de partida normalmente seria um canto da forma de diamante.

Matizes, matizes, tons e tonalidades

Um matiz é basicamente qualquer cor na roda de cores e essas cores podem se unir para criar outras cores secundárias e primárias.

Agora, quando você mistura preto, branco ou ambos em um tom (cor) na roda de cores, você obtém variações. Essas variações são o que chamamos de matizes, tons e tonalidades.

Quando você mistura branco em qualquer tom, obtém matizes. É uma versão leve e dessaturada da cor que não é tão intensa. Eles também são conhecidos como pastéis e são cores mais calmas.

Quando você mistura preto e branco com um tom, obtém um tom. Essencialmente, você está adicionando cinza à tonalidade. Você pode tornar o tom mais claro ou mais escuro com base nas quantidades de preto e branco que você está adicionando.

Se você simplesmente adicionar preto a um tom, obterá um tom. Este é mais escuro e muito mais intenso do que o tom original. Adicionar preto pode ser complicado porque apenas uma pequena quantidade pode ser realmente avassaladora.

Negativo/espaço em branco

Isso se refere ao espaço que envolve os elementos visuais que você tem em seu design. Dito isto, o espaço não é negativo e também não precisa ser branco. É apenas mais espaço para respirar no design e pode ter qualquer cor, padrão e textura. O espaço em branco também é muito importante quando você projeta. Ajuda a dar ênfase aos pontos certos de foco e também a evocar um estado de espírito.

Opacidade

Este termo refere-se à transparência da sua imagem. Geralmente é mostrado como uma porcentagem. 0% significa que a imagem está oculta e 100% significa que a imagem é totalmente transparente.

Pantone

São cores que representam um tom específico. Essencialmente, você pode comunicar a cor exata que você precisa através de um código pantone. Esta é considerada a linguagem básica para cores em gráficos. A fórmula desenvolvida pela pantone é conhecida como cor spot. Isso significa que a paleta pantone é composta por 18 cores básicas e não telas ou pontos.

RGB

Este modelo de cor é usado para telas e significa vermelho, azul e verde. Quando você adiciona todas essas cores, você pode obter a cor branca.

Saturação

Este termo descreve a intensidade da cor na imagem. Uma imagem saturada terá cores excessivamente brilhantes. Se suas imagens estiverem subexpostas, por exemplo, você pode usar gráficos para aumentar a saturação da cor nelas.

Termos de design do tipo de imagem

Imagens Raster

Às vezes, também são chamadas de imagens de bitmap e são compostas de milhares de pixels que determinarão a cor e a forma das imagens. Por exemplo, as fotos são imagens rasterizadas. Redimensioná-los pode ser difícil, pois essas imagens são feitas de uma quantidade finita de pixels.

Quando, por exemplo, você dá a uma imagem raster dimensões maiores no Photoshop, o software terá que criar dados para aumentar o tamanho da imagem e isso resultará em baixa qualidade. Existem vários tipos diferentes de arquivos que você precisa conhecer nas imagens Raster.

• GIF – o Graphics Interchange Format é um arquivo raster que suporta transparência e animação. Os GIFs só têm a capacidade de mostrar até 256 cores e isso torna os tamanhos dos arquivos muito pequenos.
• JPEG – isso significa Joint Photographic Experts Group e é o formato raster mais usado quando se trata de web design. Eles carregam rápido e são arquivos compactados.
• PNG – esses arquivos não perdem a qualidade mesmo quando compactados e representam Portable Network Graphics. Eles têm um formato baseado na web. Esses arquivos foram realmente desenvolvidos para que a qualidade dos arquivos GIF possa ser aprimorada.
• PSD – quando um designer cria uma imagem de arquivo raster de trabalho não compactada no Adobe Photoshop, ela se torna um arquivo PSD. As letras significam Documento do Photoshop.
• TIFF – Tagged Image File Format é usado com bastante frequência para trocar imagens raster entre aplicativos. Tem uma qualidade um pouco superior ao JPEG ou PNG e é usado principalmente por fotógrafos e indústrias editoriais.

Imagens vetoriais

As imagens vetoriais são compostas de muitos pontos. Esses pontos têm uma coordenada X ou Y. Esses pontos irão então unir caminhos e formar formas e você poderá adicionar cor dentro dessas formas. Os vetores podem ser aumentados em tamanho sem que você precise se preocupar com a qualidade. Eles geralmente são usados ​​para logotipos e gráficos que podem ser usados ​​em várias saídas diferentes, desde folhetos até outdoors. Vejamos os diferentes tipos de imagens que se enquadram nesta categoria.

• AI – significa documento do Adobe Illustrator. Este formato de arquivo foi criado pelos sistemas Adobe e possuem desenhos vetoriais de página única.
• EPS – Encapsulated Post Script pode ser redimensionado e é amplamente utilizado para desenhos vetoriais. Tem uma qualidade muito elevada e é utilizado em muitos elementos de impressão como logótipos, brochuras e cartões de visita.
• PDF – desenvolvido pela Adobe, Portable Document Format é um tipo de arquivo que pode ser baixado e visualizado por qualquer computador. Eles são ideais para você compartilhar visualizações de trabalho, pois são universalmente visíveis.

Resolução

Existem 2 tipos aqui que você precisa estar ciente sobre qual é DPI e PPI.

• DPI é algo com o qual você deve se preocupar quando estiver trabalhando para produzir uma saída impressa. Também significa pontos por polegada. Isso se refere essencialmente ao número de pontos por polegada em uma página impressa. Quanto maior o número de pontos aqui, maior a qualidade da imagem. O padrão para uma imagem de impressão é 300DPI.
• PPI significa pixels por polegada. Se você criar uma imagem grande no Photoshop, terá que aumentar o número de pixels por polegada, onde o Photoshop comporá os dados e também perderá um pouco de qualidade.

A resolução só será aplicada a imagens raster, pois os vetores não funcionarão com pixels.

Termos de design de fonte, texto e tipografia

Ascendente

Esta é uma extensão linear de uma letra mostrada acima da linha média.

Linha de base

Esta é a linha ainda visível na qual todas as letras que você colocar em seu design ficarão.

Altura da tampa

Esta é a distância entre a linha de base e o topo das letras maiúsculas.

Descendente

Este é um extensor em uma letra que aparecerá abaixo da linha de base. As áreas em vermelho no exemplo abaixo são os descendentes para as letras fornecidas.

Kerning

Isso se refere ao ajuste do espaçamento entre os caracteres de uma determinada fonte para que haja um resultado visualmente mais agradável. Por exemplo, você pode querer ter um pouco de espaço entre o t e o i para que o braço do t não se funda com o i. Você também precisará certificar-se de que o kerning que você faz é preciso quando se trata de usar maiúsculas como T ou A em qualquer título.

Órfãos e viúvas

Quando você trabalha com composição tipográfica, as viúvas são os parágrafos que terminam com uma linha no início da próxima página ou coluna. Já os órfãos, por outro lado, são parágrafos que começam na parte inferior da página ou da coluna. Eles não parecem muito atraentes e geralmente precisam ser preenchidos com mais cópia, ou seu designer pode tentar consertá-los. Se houver alguma palavra única que caia na linha final de qualquer parágrafo, tente trabalhar nelas, pois elas parecem feias.

Sem serifa

Trata-se de um grupo de fontes que não utilizam as linhas e stubs no final dos caracteres, como no caso das serifas. Algumas das fontes populares que se enquadram neste grupo são Helvetica, Arial e Geneva. As fontes san serif são um pouco difíceis de ler. Eles geralmente são usados ​​apenas em textos curtos, como legendas e títulos.

Roteiro

Essas fontes imitam a caligrafia cursiva. Tem um toque pessoal como no caso da caligrafia. Você pode escolher entre dois tipos diferentes de fontes de script – formal e casual. O grupo formal tem muitos toques extravagantes neles. Eles também são muito fáceis de identificar porque têm cachos e floreios que saem da serifa. Agora, por outro lado, a fonte de script casual tem menos bits de ondulação. Se você quiser dar ao seu design uma sensação caseira, você pode usar esse tipo de fonte. No entanto, quando você escolhe uma fonte como scripts, deve ter cuidado, pois a legibilidade pode ser menor.

Serifa

As serifas são um tipo de fonte comumente usado. As letras neste caso têm stubs decorativos como mostrado na imagem acima, onde você pode ver os bits verdes destacados. Existem quatro tipos principais de fontes Serif.

• Estilo antigo
• Transitório
• Feito
• Serifa Slab

Rastreamento

O rastreamento refere-se a aumentar (na maioria das vezes) ou diminuir o espaço entre as letras em uma linha ou em um bloco de texto. Geralmente é aplicado horizontalmente. A liderança acontece quando o mesmo princípio é aplicado verticalmente. Isso basicamente se refere a manter o mesmo espaço entre 2 linhas. O principal objetivo aqui é garantir que seu tipo seja legível e que os descendentes não se fundam com a linha imediatamente abaixo.

Termos gerais de design

Alinhamento

O alinhamento se refere essencialmente a como os elementos em seu design, que incluem texto e imagens, são organizados em relação uns aos outros. Essas imagens podem ser alinhadas para caber na página, bem como parecerem perfeitas umas com as outras.

Proporção da tela

Esta é a relação proporcional da altura com a largura. Você o verá em um formato x:y. Por exemplo, uma imagem com as dimensões de 6 x 4 terá uma proporção de 3:2. Isso decidirá a proporção e a forma da imagem e não o tamanho dela.

Contraste

Este é um princípio no design que acontece quando dois elementos no visual são dramaticamente diferentes. Quanto maior a diferença, maior o contraste. O contraste no design ajudará você a transmitir a mensagem, guiando o olhar do espectador para os pontos focais. Também ajuda a melhorar a legibilidade. Você pode ver o contraste sendo aplicado em termos de cor, tamanho, valor ou qualquer outro aspecto de um design.

Compressão

A compactação de uma imagem é essencialmente o que acontece quando o tamanho em bytes de um arquivo gráfico é reduzido, sem que isso tenha um impacto negativo na qualidade da imagem. Quando o tamanho do arquivo é reduzido, fica mais fácil o envio desses arquivos por e-mail e também ocupa menos espaço de armazenamento. Eles também poderão ser facilmente baixados de páginas da web.

Design Plano

Um design plano é um estilo de design de interface de usuário que possui elementos muito simples e bidimensionais, além de cores brilhantes e vibrantes.

Equilíbrio

Isso está relacionado ao balanceamento dos elementos na página para que os componentes gráficos e de texto sejam dispostos de forma correta e uniforme. Existem 3 maneiras principais de conseguir isso.

• Assimétrico – Esta pintura de Van Gogh é o exemplo perfeito de design assimétrico onde diferentes objetos e cores são usados ​​para criar a peça perfeita que não é distribuída uniformemente. Em gráficos, quando há, por exemplo, uma imagem de um lado e um texto do outro, diz-se que é assimétrica.

• Simétrico – todos os elementos de design são equilibrados uniformemente em ambos os lados de uma linha central.

• Radial – neste tipo de projeto, os elementos irradiam de um ponto central, o que, por sua vez, cria equilíbrio no projeto.

Composição e layout

A composição de um design (também conhecido como forma) é o arranjo dos vários elementos de design. Se a composição for bem-sucedida, atrairá o espectador e também levará seus olhos ao longo do design completo. É composto por muitos elementos diferentes, como o equilíbrio, o alinhamento, a proximidade, o espaço em branco e o contraste.

Escala

O tamanho de um elemento de design quando comparado a outro elemento no mesmo design.

Textura

No design gráfico, quando você fala de textura, está se referindo à sensação de toque, atualização e sentimento. Essa característica elevará os outros elementos do seu design, como as cores, o conteúdo, os padrões e as ilustrações.

Aparar e sangrar

O tamanho da apara representará as dimensões finais para o desenho que você está fazendo. O sangramento é basicamente quando o design se estende além do tamanho do corte. Quando o desenho final estiver concluído, a área de sangramento será cortada na maioria das vezes. O objetivo da área de sangria é garantir que o desenho atinja todos os cantos corretamente sem ter bordas brancas que possam parecer bastante feias.

Conhecer seus termos pode ajudá-lo a carregar

Trouxemos para você muito do que sabemos que irá ajudá-lo como não-designer, mas aprender sobre design não termina aqui! Assim como as tendências de design, os termos de design também mudam. E quanto mais você tentar se manter atualizado, melhor será capaz de dar continuidade ao seu trabalho. Dessa forma, quando os membros de sua equipe ou chefe lhe disserem o que você precisa fazer e os detalhes vierem com jargão, você saberá exatamente o que eles significam.