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
- Um
- 1) Alinhamento
- 2) cores análogas
- 3) Ascendente
- B
- 4) linha de Base
- C
- 5) Altura Da Tampa
- 6) Modelo de Cores CMYK
- 7) roda colorida
- 8) Esquemas de Cores
- 9) cores complementares
- 10) compressão
- 11) Contraste
- 12) recorte
- 13) CSS
- D
- 14) Descender
- 15) de Pontos por Polegada (DPI)
- 16) Drop Shadow
- E
- 17) EPS
- 18) extensor
- F
- 19) penas
- 20) Fonte
- G
- 21) GIF
- 22) Gradiente
- 23) Grade de
- H
- 24) código HEX
- 25) HTML
- 26) Hue
- J
- 27) JPEG
- K
- 28) Kerning
- L
- 29), Levando
- 30) Lossy
- 31) Lossless
- M
- 32) linha média
- N
- 33) Espaço negativo
- o
- 34) tipos de letra abertos
- 35) Orphan
- P
- 36) Pantone
- 37) PDF
- 38) Pixel
- 39) Pixels por polegada(PPI)
- 40) PNG
- R
- 41) cores retangulares (ou Tetradicas)
- 42) resolução
- 43) RGB Color Model
- S
- 44) saturação
- 45) Serif
- 46) sombra
- 47) cores Split-Complementary
- 48) Cores quadradas
- 49) haste
- 50) traços
- T
- 51) cauda
- 52) Terminal
- 53) tinta
- 54) cores Triádicas
- 55) Tipo de letra
- V
- 56) imagem vectorial
- 57) hierarquia Visual
- W
- 58) Marca De Água
- 59) Peso
- 60) espaço em branco
- 61) Viúva
- X
- 62) X-height
- Z
- 63) ficheiro ZIP
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.
2) cores análogas
cores que aparecem adjacentes um ao outro em uma roda de cores.
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.
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.
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.
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.
7) roda colorida
um círculo de cores que mostra relações entre cores primárias, secundárias e terciárias.
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.
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.
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.
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.
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:
22) Gradiente
Uma técnica de projeto em que uma cor ou parte de uma imagem e aparece para desaparecer no outro.
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:
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.
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.
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.
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.
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.
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.
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.
S
44) saturação
quão brilhante ou intensa é uma cor.
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.
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.
48) Cores quadradas
na roda de cores, quatro cores são espaçadas uniformemente uma da outra.
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.
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.
61) Viúva
A secção de texto no final de um parágrafo que transborda para a seguinte coluna ou página.
X
62) X-height
In a letter, the distance between the midline and baseline — also see ascender, cap height, descender, and extenser.
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.