63 Termini di Web Design Ogni Marketer dovrebbe sapere

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 / 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.

Fonte:

2) Colori analoghi

Colori che appaiono adiacenti l’uno all’altro su una ruota dei colori.

Fonte: nopira

3) Ascender

Un’estensione lineare di una lettera che appare sopra la linea mediana-vedi anche baseline, cap height, descender e extender.

Source: Max Naylor

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.

Fonte: Max Naylor

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.

Fonte: Max Naylor

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.

Fonte: Capsoul

7) Ruota colori

Un cerchio di colori che mostra le relazioni tra colori primari, secondari e terziari.

Fonte: nopira

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.

Fonte: nopira

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.

Source:

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.

Fonte: Max Naylor

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.

Fonte: Tizio

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:

Fonte: Manuel Almagro Rivas

22) Gradiente

Una tecnica di progettazione in cui un colore o una porzione di un’immagine sembra sfumare in un’altra.

Fonte: Public Domain Pictures

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:

Fonte: bmdavll

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.

Fonte: Sherbyte

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.

Fonte: Max Naylor

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.

Fonte: Public Domain Pictures

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.

Fonte: Maat

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.

Fonte:

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.

Fonte: nopira

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.

Fonte: Mike Horvath

S

44) Saturazione

Quanto è luminoso o intenso un colore.

Fonte: SharkD

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.

Fonte: GJo

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.

Fonte: nopira

48) Colori quadrati

Sulla ruota dei colori, quattro colori sono distanziati uniformemente l’uno dall’altro.

Fonte: nopira

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.

Fonte: nopira

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.

Fonte: Pexels

61) Widow

La sezione di testo alla fine di un paragrafo che si riversa nella seguente colonna o pagina.

Fonte: Maat

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.

Fonte: Max Naylor

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.

You might also like

Lascia un commento

Il tuo indirizzo email non sarà pubblicato.