63 Termos de Web Design cada comerciante deve saber

quando você é novo para o marketing, especialmente em uma pequena equipe, você pode ter que fazer um monte de coisas em um momento de aviso. E quando se trata de coisas como Blogar e redes sociais, claro, você tem isso. Mas em breve, você está sendo puxado para projetos de design. Um dia você está zombando de um infográfico; no outro, você está projetando um ebook. Sentes-te terrivelmente mal preparado … e esse vocabulário de design? Pode parecer uma língua estrangeira.Parece-te familiar?

estivemos lá — e sabemos que não somos os únicos comerciantes que, em algum momento, tiveram de se tornar fluentes neste vocabulário. Então decidimos compartilhar um glossário maior, para nos ajudar a melhorar um pouco o nosso jogo. De modo algum é esta a terminologia de todo o design, por isso sinta-se livre para adicionar suas definições nos comentários também. Eis o que temos, organizado alfabeticamente.

Final de Web Design Glossário de Termos

A / B / C / D / E / F / G / H / J / K / L / M / N / O / P / R / S / T / V / W / X / Z

Um

1) Alinhamento

O posicionamento dos elementos em seu projeto (por exemplo, texto, imagens, etc.). Estes elementos podem ser alinhados à página e uns aos outros. Por exemplo, este parágrafo do texto está alinhado à margem esquerda, enquanto as linhas representadas na imagem abaixo estão alinhadas à direita.

origem:

2) cores análogas

cores que aparecem adjacentes um ao outro em uma roda de cores.

Fonte: nopira

3) Ascendente

Uma extensão linear de uma letra que aparece acima da linha média — veja também linha de base, a altura da tampa, descendentes, e extender.

Fonte: Max Naylor

B

4) linha de Base

O mesmo, invisível linha em que todas as cartas de um tipo de letra sentar-se — veja também ascendente, a altura da tampa, descendente, extensor, e a linha média.

origem: Max Naylor

C

5) Altura Da Tampa

a distância entre a linha de base e o topo das letras maiúsculas — ver também ascender, descender, extensor e linha média.

Fonte: Max Naylor

6) Modelo de Cores CMYK

representa ciano, magenta, amarelo e preto. Este conjunto de cores é usado no design de impressão por causa da forma como o papel absorve a luz.

fonte: Capsoul

7) roda colorida

um círculo de cores que mostra relações entre cores primárias, secundárias e terciárias.

Fonte: nopira

8) Esquemas de Cores

A combinação de duas ou mais cores da roda de cores, também conhecido como harmonias de cor.

9) cores complementares

cores que são diretamente opostas uma da outra na roda de cores.

fonte: nopira

10) compressão

redução do tamanho de um ficheiro através da eliminação de dados em excesso. Particularmente útil ao enviar e-mail ou salvar grandes arquivos de imagem. Veja mais sobre compressão sem perdas e sem perdas.

11) Contraste

A acentuação das diferenças entre cores, formas, espaçamento, ou qualquer outro elemento de design.

fonte:

12) recorte

quando as partes exteriores de uma imagem são removidas para reformular o assunto, ou para redimensionar a proporção da imagem.

13) CSS

um pedaço de código que é usado para designar a aparência de um site, separado do conteúdo real de uma página web.

D

14) Descender

an extenser on a letter, appearing below the baseline — also see ascender, cap height, and midline.

Fonte: Max Naylor

15) de Pontos por Polegada (DPI)

Semelhante ao pixel para a web, os pontos são a menor unidade de medida quando imprimir imagens digitais. O número de DPIs se refere à resolução de um objeto digital impresso — quanto maior o DPI, maior a resolução.

16) Drop Shadow

a visual effect that displays a graphic as if it had a shadow behind it.

Fonte: Tizio

E

17) EPS

UM formato de arquivo usado para o vetor de imagens que contêm texto e elementos gráficos.

18) extensor

a parte de uma letra que se estende acima da altura x ou abaixo da linha de base — também ver ascender, altura da tampa, descender e linha média.

F

19) penas

uma técnica de design utilizada para suavizar as arestas de uma característica.

20) Fonte

uma fonte num estilo e tamanho específicos. Um exemplo incluiria Times New Roman Semi-Bold no tamanho 14.

G

21) GIF

Um formato de arquivo de imagem que é melhor utilizada para pequenos arquivos de imagem com poucas cores e desenhos ou imagens animadas. Abaixo está um exemplo de uma imagem GIF animada:

Fonte: Manuel Almagro Rivas

22) Gradiente

Uma técnica de projeto em que uma cor ou parte de uma imagem e aparece para desaparecer no outro.

Fonte: Domínio Público Imagens

23) Grade de

puramente hipotético mapa de linhas verticais e horizontais que ajuda a alinhar imagens e texto dentro de um documento.

H

24) código HEX

um código usado em HTML e CSS para designar uma cor específica, muitas vezes aparecendo após o sinal pound (#). Abaixo está um gráfico de HEX códigos de cores:

Fonte: bmdavll

25) HTML

A linguagem de computador usada para exibição de conteúdo, como texto, imagens e links na web.

26) Hue

What most people think of as “color” — red, orange, yellow, etc.

J

27) JPEG

um tipo de ficheiro de imagem que usa compressão com perdas ou perdas, com pouca percepção numa perda de qualidade. Este tipo de arquivo é melhor usado para fotografias e pinturas realistas, onde há transições suaves entre as cores.

K

28) Kerning

o espaço entre letras individuais.

Fonte: Sherbyte

L

29), Levando

O espaço entre as linhas de tipo.

30) Lossy

uma forma de compressão de dados onde o detalhe é eliminado à medida que o tamanho do ficheiro é diminuído. Um método usual de compressão com perdas é JPEG.

31) Lossless

as opposed to lossy compression, this format allows the image’s detail to be restored.

M

32) linha média

a distância da linha de base para o topo das letras mais minúsculas, incluindo “e”, “g”, e a curva de “H.” também sabe como a “mediana”, como representado abaixo. Veja ascender, altura da tampa, e descender.

origem: Max Naylor

N

33) Espaço negativo

o espaço vazio em torno de um desenho, seja uma página web ou uma única imagem — também ver espaço em branco.

Fonte: imagens do Domínio Público

o

34) tipos de letra abertos

o padrão actual em formatos de letra. Ele contém tanto as versões de tela e impressora em um único arquivo, e é compatível Para Windows e Mac. A extensão do arquivo é .otf.

35) Orphan

uma linha de abertura num parágrafo que aparece sozinho no fundo de uma página. Um órfão também pode ser uma palavra ou uma linha muito curta que aparece por si só no final de um parágrafo.

fonte: Maat

P

36) Pantone

um sistema de correspondência de cores desenvolvido pela Pantone company. Amplamente usado no design de impressão, e usado para combinar cores impressas com as que aparecem na tela durante a fase digital de design.

fonte:

37) PDF

a file format best used to represent documents and presentations.

38) Pixel

o menor elemento de uma imagem num computador.

39) Pixels por polegada(PPI)

outra medida de resolução da imagem, de acordo com quantos pixels estão presentes dentro de uma dada seção da imagem.

40) PNG

um formato de arquivo de imagem que é melhor usado quando a imagem tem grandes áreas de cor uniforme, ou um fundo transparente (ao contrário do JPEG).

R

41) cores retangulares (ou Tetradicas)

Quatro cores que são dois pares de cores complementares.

origem: nopira

42) resolução

uma forma de medir a nitidez e o nível de detalhe numa imagem. Uma resolução maior normalmente indica um tamanho de arquivo maior, representando a quantidade de dados — como pixels ou pontos — dentro da imagem.

43) RGB Color Model

An acronym standing for the colors red, green, and blue. O modelo de cor RGB é usado para o design web, porque os monitores transmitem luz nestas cores.

fonte: Mike Horvath

S

44) saturação

quão brilhante ou intensa é uma cor.

fonte: SharkD

45) Serif

uma pequena linha ligada ao fim de um traço em algumas fontes. “Sans serif” refere-se a fontes que não têm esta linha.

fonte: GJo

46) sombra

quanto preto é misturado com o tom.

47) cores Split-Complementary

cores que consistem de uma cor base, mais as duas cores que se encontram ao lado de sua cor complementar.

origem: nopira

48) Cores quadradas

na roda de cores, quatro cores são espaçadas uniformemente uma da outra.

fonte: nopira

49) haste

o traço vertical primário numa letra. É usado na letra ” B “e na linha diagonal de”V.”

50) traços

as linhas que compõem uma letra em um tipo de letra.

T

51) cauda

o traço descendente numa letra que é frequentemente decorativa — por exemplo, na letra “Q.”

52) Terminal

o fim de um traço que não inclui um serifete.

53) tinta

a quantidade de branco misturada com a matiz.

54) cores Triádicas

esquema de cores em que três cores localizadas a 120 graus um do outro na roda de cores são combinadas. É muitas vezes considerado o melhor esquema de cores.

Fonte: nopira

55) Tipo de letra

Uma coleção de design de caracteres, incluindo letras, números e pontuação. Exemplos incluem Times New Roman, Helvetica e Arial.

V

56) imagem vectorial

em vez de usar pixels para representar imagens, os vetores usam linhas e formas. Como eles não dependem de pixels, imagens vetoriais ampliadas ainda manter a clareza e qualidade da imagem.

57) hierarquia Visual

um princípio de design que visualmente ordena e enfatiza diferentes partes da mensagem do seu conteúdo usando cores, tamanhos e layouts.

W

58) Marca De Água

um marcador fácil de ver colocado sobre a parte superior das fotografias na web e impresso. É usado para identificar o proprietário de uma imagem e evitar o roubo de conteúdo visual.

59) Peso

em caracteres tipográficos, a espessura da largura do traço. Alguns exemplos incluem demibold, light e bold.

60) espaço em branco

o espaço em branco em torno de um objeto em projeto — também ver espaço negativo.

Fonte: Pexels

61) Viúva

A secção de texto no final de um parágrafo que transborda para a seguinte coluna ou página.

origem: Maat

X

62) X-height

In a letter, the distance between the midline and baseline — also see ascender, cap height, descender, and extenser.

fonte: Max Naylor

Z

63) ficheiro ZIP

um formato de ficheiro que comprime vários ficheiros e os combina numa única pasta. Arquivos comprimidos não perdem quaisquer dados para se tornar menor, e são facilmente restaurados por descomprimir o arquivo ZIP.

You might also like

Deixe uma resposta

O seu endereço de email não será publicado.