Quando sei nuovo al marketing, specialmente in una piccola squadra, potresti dover fare un sacco di cose in un momento di preavviso. E quando si tratta di cose come blogging e social media, certo, hai questo. Ma abbastanza presto, sei stato tirato su progetti di design. Un giorno stai prendendo in giro un’infografica; il prossimo, stai progettando un ebook. Ti senti tristemente impreparato — e quel vocabolario di design? Può sembrare una lingua straniera.
Ti suona familiare?
Siamo stati lì — e sappiamo che non siamo gli unici marketing che hanno, ad un certo punto, bisogno di diventare fluente in questo vocabolario. Così abbiamo deciso di condividere un glossario più ampio, per aiutarci tutti a intensificare il nostro gioco un po’. In nessun modo è questa la terminologia del design, quindi sentiti libero di aggiungere anche le tue definizioni nei commenti. Ecco cosa abbiamo, organizzato in ordine alfabetico.
- The Ultimate Web Design Termini Glossario
- A
- 1) Allineamento
- 2) Colori analoghi
- 3) Ascender
- B
- 4) Baseline
- C
- 5) Altezza del cappuccio
- 6) Il modello di colore CMYK
- 7) Ruota colori
- 8) Combinazioni di colori
- 9) Colori complementari
- 10) Compressione
- 11) Contrasto
- 12) Ritaglia
- 13) CSS
- D
- 14) Descender
- 15) Punti per pollice (DPI)
- 16) Ombra esterna
- E
- 17) EPS
- 18) Extender
- F
- 19) Feathering
- 20) Font
- G
- 21) GIF
- 22) Gradiente
- 23) Grid
- H
- 24) Codice esadecimale
- 25) HTML
- 26) Tonalità
- J
- 27) JPEG
- K
- 28) Crenatura
- L
- 29) Che porta
- 30) Lossy
- 31) Lossless
- M
- 32) Linea mediana
- N
- 33) Spazio negativo
- O
- 34) Open Type Fonts
- 35) Orfano
- P
- 36) Pantone
- 37) PDF
- 38) Pixel
- 39) Pixel per pollice (PPI)
- 40) PNG
- R
- 41) Colori rettangolari (o tetradici)
- 42) Risoluzione
- 43) Modello di colore RGB
- S
- 44) Saturazione
- 45) Serif
- 46) Ombra
- 47) Split-Colori complementari
- 48) Colori quadrati
- 49) Stem
- 50) Tratti
- T
- 51) Tail
- 52) Terminal
- 53) Tinta
- 54) Colori triadici
- 55) Carattere tipografico
- V
- 56) Immagine vettoriale
- 57) Gerarchia visiva
- W
- 58) Filigrana
- 59) Peso
- 60) Spazio bianco
- 61) Widow
- X
- 62) X-height
- Z
- 63) File ZIP
The Ultimate Web Design Termini Glossario
A / B / C / D / E / F / G / H / J / K / L / M / N / O / P / R / S / T / V / W / X / Z
A
1) Allineamento
Il posizionamento degli elementi nel vostro disegno (ad esempio testo, immagini, ecc.). Questi elementi possono essere allineati sia alla pagina che tra loro. Ad esempio, questo paragrafo di testo è allineato al margine sinistro, mentre le linee raffigurate nell’immagine sottostante sono allineate a destra.
2) Colori analoghi
Colori che appaiono adiacenti l’uno all’altro su una ruota dei colori.
3) Ascender
Un’estensione lineare di una lettera che appare sopra la linea mediana-vedi anche baseline, cap height, descender e extender.
B
4) Baseline
La linea uniforme e invisibile su cui si trovano tutte le lettere di un carattere tipografico-vedi anche ascender, cap height, descender, extender e midline.
C
5) Altezza del cappuccio
La distanza tra la linea di base e la parte superiore delle lettere maiuscole-vedi anche ascender, descender, extender e midline.
6) Il modello di colore CMYK
Sta per ciano, magenta, giallo e nero. Questo set di colori viene utilizzato nella progettazione di stampa a causa del modo in cui la carta assorbe la luce.
7) Ruota colori
Un cerchio di colori che mostra le relazioni tra colori primari, secondari e terziari.
8) Combinazioni di colori
La combinazione di due o più colori dalla ruota dei colori-noto anche come armonie di colore.
9) Colori complementari
Colori che sono direttamente opposti l’uno all’altro sulla ruota dei colori.
10) Compressione
Riduzione delle dimensioni di un file eliminando i dati in eccesso. Particolarmente utile durante l’invio di e-mail o il salvataggio di file di immagini di grandi dimensioni. Scopri di più sulla compressione lossy e lossless.
11) Contrasto
L’accentuazione delle differenze tra colori, forme, spaziatura o qualsiasi altro elemento di design.
12) Ritaglia
Quando le parti esterne di un’immagine vengono rimosse per riformulare l’oggetto o per ridimensionare le proporzioni dell’immagine.
13) CSS
Un pezzo di codice che viene utilizzato per designare l’aspetto di un sito web, separato dal contenuto effettivo di una pagina web.
D
14) Descender
Un extender su una lettera, che appare sotto la linea di base see vedi anche ascender, cap height e midline.
15) Punti per pollice (DPI)
Simile al pixel per il web, i punti sono la più piccola unità di misura quando si stampano immagini digitali. Il numero di DPI si riferisce alla risoluzione di un oggetto digitale stampato-maggiore è il DPI, maggiore è la risoluzione.
16) Ombra esterna
Un effetto visivo che visualizza un grafico come se avesse un’ombra dietro di esso.
E
17) EPS
Un formato di file utilizzato per immagini vettoriali che contengono sia testo che grafica.
18) Extender
La parte di una lettera che si estende sopra l’altezza x o sotto la linea di base-vedi anche ascender, cap height, descender e midline.
F
19) Feathering
Una tecnica di progettazione utilizzata per appianare i bordi di una caratteristica.
20) Font
Un carattere tipografico con uno stile e una dimensione specifici. Un esempio potrebbe includere Times New Roman Semi Grassetto in formato 14.
G
21) GIF
Un formato di file immagine che è meglio utilizzato per piccoli file di immagine con pochi colori e disegni, o immagini animate. Di seguito è riportato un esempio di un’immagine GIF animata:
22) Gradiente
Una tecnica di progettazione in cui un colore o una porzione di un’immagine sembra sfumare in un’altra.
23) Grid
Una mappa puramente ipotetica di linee verticali e orizzontali che aiuta ad allineare immagini e testo all’interno di un documento.
H
24) Codice esadecimale
Un codice utilizzato in HTML e CSS per designare un colore specifico, che spesso appare dopo il simbolo della sterlina (#). Di seguito è riportato un grafico di codici colore esadecimali:
25) HTML
Il linguaggio informatico utilizzato per visualizzare contenuti come testo, immagini e link sul web.
26) Tonalità
Ciò che la maggior parte delle persone pensa come “colore” – rosso, arancione, giallo, ecc.
J
27) JPEG
Un tipo di file immagine che utilizza la compressione lossy o lossless, con poca percezione in una perdita di qualità. Questo tipo di file è meglio utilizzato per fotografie e dipinti realistici dove ci sono transizioni fluide tra i colori.
K
28) Crenatura
Lo spazio tra le singole lettere.
L
29) Che porta
Lo spazio tra le righe di tipo.
30) Lossy
Una forma di compressione dei dati in cui il dettaglio viene eliminato quando la dimensione del file viene ridotta. Un solito metodo di compressione con perdita è JPEG.
31) Lossless
Al contrario della compressione con perdita, questo formato consente di ripristinare i dettagli dell’immagine.
M
32) Linea mediana
La distanza dalla linea di base alla parte superiore della maggior parte delle lettere minuscole, tra cui “e”, “g” e la curva di “h”. Nota anche come “mediana”, come illustrato di seguito. Vedere ascendente, altezza del cappuccio e discensore.
N
33) Spazio negativo
Lo spazio vuoto che circonda un disegno, sia esso una pagina web o una singola immagine see vedi anche spazio bianco.
O
34) Open Type Fonts
Lo standard corrente nei formati dei font. Esso contiene sia lo schermo e le versioni della stampante in un unico file, ed è compatibile sia per Windows e Mac. L’estensione del file è .otf.
35) Orfano
Una riga di apertura in un paragrafo che appare solo in fondo a una pagina. Un orfano può anche essere una parola o una linea molto breve che appare da sola alla fine di un paragrafo.
P
36) Pantone
Un sistema di corrispondenza dei colori sviluppato dalla società Pantone. In gran parte utilizzato nella progettazione di stampa, e utilizzato per abbinare i colori stampati a quelli che appaiono sullo schermo durante la fase di progettazione digitale.
37) PDF
Un formato di file utilizzato al meglio per rappresentare documenti e presentazioni.
38) Pixel
L’elemento più piccolo di un’immagine su un computer.
39) Pixel per pollice (PPI)
Un’altra misura della risoluzione dell’immagine, in base al numero di pixel presenti all’interno di una determinata sezione dell’immagine.
40) PNG
Un formato di file immagine che è meglio utilizzato quando l’immagine ha grandi aree di colore uniforme o uno sfondo trasparente (a differenza di JPEG).
R
41) Colori rettangolari (o tetradici)
Quattro colori che sono due coppie di colori complementari.
42) Risoluzione
Un modo per misurare la nitidezza e il livello di dettaglio di un’immagine. Una risoluzione più alta di solito indica una dimensione del file più grande, che rappresenta la quantità di dati-come pixel o punti-all’interno dell’immagine.
43) Modello di colore RGB
Un acronimo che sta per i colori rosso, verde e blu. Il modello di colore RGB viene utilizzato per il web design, perché i monitor trasmettono la luce in questi colori.
S
44) Saturazione
Quanto è luminoso o intenso un colore.
45) Serif
Una piccola riga collegata alla fine di un tratto in alcuni font. “Sans serif” si riferisce ai font che non hanno questa riga.
46) Ombra
Quanto nero è mescolato con la tonalità.
47) Split-Colori complementari
Colori che consistono in un colore di base, più i due colori che si trovano accanto al suo colore complementare.
48) Colori quadrati
Sulla ruota dei colori, quattro colori sono distanziati uniformemente l’uno dall’altro.
49) Stem
Il tratto verticale primario in una lettera. Viene utilizzato nella lettera ” B “e nella linea diagonale di”V.”
50) Tratti
Le linee che compongono una lettera in un carattere tipografico.
T
51) Tail
Il tratto discendente in una lettera spesso decorativa, ad esempio nella lettera “Q.”
52) Terminal
La fine di un tratto che non include un serif.
53) Tinta
Quanto bianco è mescolato con la tonalità.
54) Colori triadici
Combinazione di colori in cui vengono combinati tre colori situati a 120 gradi l’uno dall’altro sulla ruota dei colori. È spesso considerato il miglior schema di colori.
55) Carattere tipografico
Una collezione di design di caratteri, tra cui lettere, numeri e punteggiature. Gli esempi includono Times New Roman, Helvetica, e Arial.
V
56) Immagine vettoriale
Invece di usare i pixel per rappresentare le immagini, i vettori usano linee e forme. Poiché non si basano sui pixel, le immagini vettoriali ingrandite mantengono ancora la chiarezza e la qualità dell’immagine.
57) Gerarchia visiva
Un principio di progettazione che ordina visivamente e sottolinea diverse parti del messaggio del contenuto utilizzando colori, dimensioni e layout.
W
58) Filigrana
Un marcatore facile da vedere posizionato sopra la parte superiore delle foto sul web e in stampa. Viene utilizzato per identificare il proprietario di un’immagine e prevenire il furto di contenuti visivi.
59) Peso
Nei caratteri tipografici, lo spessore della larghezza del tratto. Alcuni esempi includono demibold, light e bold.
60) Spazio bianco
Lo spazio vuoto che circonda un oggetto nella progettazione see vedi anche spazio negativo.
61) Widow
La sezione di testo alla fine di un paragrafo che si riversa nella seguente colonna o pagina.
X
62) X-height
In una lettera, la distanza tra la linea mediana e la linea di base see vedi anche ascender, cap height, descender, and extender.
Z
63) File ZIP
Un formato di file che comprime diversi file e li combina in un’unica cartella. I file compressi non perdono alcun dato per diventare più piccoli e vengono facilmente ripristinati decomprimendo il file ZIP.