Termini di progettazione che ogni non designer deve conoscere

Può essere molto divertente lavorare con un designer finché non ti rendi conto che stai parlando due lingue diverse. Quando non hai idea di cosa significhi l'altra persona, o devi cercare su Google ogni altra parola che sta dicendo, sai che è tempo di rispolverare i termini del design.

Quindi, in questo blog, ti forniremo un'analisi dei vari termini utilizzati dai designer in modo che tu sappia esattamente con cosa hai a che fare.

Termini di progettazione del marchio

Segno di combinazione

Questo è qualcosa che unisce o combina il logomark e il logotype.

Marchio

I loghi sono noti anche come marchi e sono simboli che rappresentano un marchio. Non contengono il nome del marchio e sono piuttosto astratti e semplici.

Logotipo

Questo è solitamente il nome dell'azienda progettata in un modo unico con un appeal estetico.

Icona

Un'icona è un metodo molto semplice per trasmettere l'idea al lettore. Inoltre, semplificano e separano il testo in qualsiasi web design. Non devono essere confusi con un logomark e possono essere utilizzati in un'ampia gamma di applicazioni.

Termini di design relativi al colore

CMYK

Questo sta per Cyan, Magenta Yellow e Key ed è un modello di colore utilizzato per i disegni di stampa. Come funziona è che sono disposti piccoli punti di questi colori. E quando vengono utilizzati in diverse combinazioni, mostreranno colori diversi. Se aggiungi, ad esempio, tutti e quattro i colori insieme, otterrai il nero.

Palette dei colori

Questo è un insieme di colori che si completano a vicenda e riuniranno gli elementi in un design.

Pendenza

Un gradiente ti consentirà di aggiungere profondità e dimensione al design che crei. Consentirà inoltre agli occhi degli spettatori di fluire senza intoppi da un colore all'altro. L'uso di colori piatti può creare un output finale altrettanto piatto. L'uso caotico dei colori può essere troppo impegnativo, ma con le sfumature puoi garantire ordine e appeal estetico. Ci sono alcuni tipi di gradienti che puoi usare.

• Lineare: qui il colore passerà da un punto iniziale e finirà in linea retta.
• Radiale: qui i colori si diffonderanno dal punto di partenza centrale in uno schema circolare.
• Angolo: il modello scorre in senso antiorario. La linea che denota l'inizio e la fine della diffusione del colore è chiaramente visibile.
• Riflesso: il colore si diffonde equamente su entrambi i lati del punto di partenza. Questo è fantastico da usare quando stai progettando qualcosa con una finitura lucida.
• Diamante: il colore si diffonde a forma di diamante. Questo punto di partenza sarebbe solitamente un angolo della forma del diamante.

Sfumature, tinte, toni e sfumature

Una tonalità è fondamentalmente qualsiasi colore sulla ruota dei colori e questi colori possono unirsi per creare altri colori secondari e primari.

Ora, quando mescoli nero, bianco o entrambi in una tonalità (colore) sulla ruota dei colori, ottieni variazioni. Queste variazioni sono ciò che chiamiamo tinte, toni e sfumature.

Quando mescoli il bianco in qualsiasi tonalità ottieni delle tinte. È una versione leggera e desaturata del colore che non è così intenso. Sono anche conosciuti come pastelli e sono colori più calmi.

Quando mescoli il bianco e il nero con una tonalità ottieni un tono. In sostanza stai aggiungendo il grigio alla tonalità. Puoi rendere il tono più chiaro o più scuro in base alla quantità di bianco e nero che stai aggiungendo.

Se aggiungi semplicemente il nero a una tonalità, ottieni una sfumatura. Questo è più scuro e molto più intenso della tonalità originale. Aggiungere il nero può essere complicato perché solo una piccola quantità può essere davvero opprimente.

Negativo/spazio bianco

Questo si riferisce allo spazio che circonda gli elementi visivi che hai nel tuo progetto. Detto questo, lo spazio non è negativo e non deve nemmeno essere bianco. È solo più spazio per respirare nel design e può avere qualsiasi colore, motivo e trama. Lo spazio bianco è anche abbastanza importante quando si progetta. Aiuta a creare enfasi sui giusti punti di messa a fuoco e anche a evocare uno stato d'animo.

Opacità

Questo termine si riferisce a quanto è trasparente la tua immagine. In genere viene visualizzato come percentuale. 0% significa che l'immagine è nascosta e 100% significa che l'immagine è completamente trasparente.

Pantone

Questi sono colori che rappresentano una tonalità specifica. In sostanza puoi comunicare il colore esatto di cui hai bisogno attraverso un codice pantone. Questo è considerato il linguaggio di base per i colori nella grafica. La formula che è stata sviluppata da Pantone è nota come colore spot. Ciò significa che la tavolozza pantone è composta da 18 colori di base e non da schermi o punti.

RGB

Questo modello di colore viene utilizzato per gli schermi e sta per rosso, blu e verde. Quando aggiungi tutti questi colori, puoi ottenere il colore bianco.

Saturazione

Questo termine descrive l'intensità del colore nell'immagine. Un'immagine satura avrà colori eccessivamente luminosi. Se le tue immagini sono sottoesposte, ad esempio, puoi utilizzare la grafica per aumentare la saturazione del colore in esse.

Termini di progettazione del tipo di immagine

Immagini raster

Queste sono talvolta chiamate anche immagini bitmap e sono composte da migliaia di pixel che andranno poi a determinare il colore e la forma delle immagini. Ad esempio, le foto sono immagini raster. Ridimensionarli può essere difficile poiché queste immagini sono composte da una quantità finita di pixel.

Quando, ad esempio, si danno a un'immagine raster dimensioni maggiori in Photoshop, il software dovrà creare dati per aumentare le dimensioni dell'immagine e ciò risulterà in una scarsa qualità. Ci sono diversi tipi di file che devi conoscere all'interno delle immagini raster.

• GIF: il Graphics Interchange Format è un file raster che supporterà trasparenza e animazione. Le GIF hanno solo la possibilità di mostrare fino a 256 colori e ciò rende le dimensioni dei file molto ridotte.
• JPEG: sta per Joint Photographic Experts Group ed è il formato raster più utilizzato quando si tratta di web design. Questi si caricano velocemente e sono file compressi.
• PNG: questi file non perdono la loro qualità anche quando sono compressi e stanno per Portable Network Graphics. Hanno un formato basato sul web. Questi file sono stati effettivamente sviluppati in modo da poter migliorare la qualità dei file GIF.
• PSD: quando un designer crea un'immagine di file raster funzionante non compressa in Adobe Photoshop, diventa un file PSD. Le lettere stanno per Documento Photoshop.
• TIFF: il formato file immagine con tag viene utilizzato piuttosto comunemente per lo scambio di immagini raster tra le applicazioni. Ha una qualità leggermente superiore a JPEG o PNG ed è utilizzato principalmente da fotografi e industrie editoriali.

Immagini vettoriali

Le immagini vettoriali sono composte da molti punti. Questi punti hanno una coordinata X o Y. Questi punti uniranno quindi percorsi e formeranno forme e potrai quindi aggiungere colore all'interno di queste forme. È possibile aumentare le dimensioni dei vettori senza doversi preoccupare della qualità. Di solito vengono utilizzati per loghi e grafica che possono essere utilizzati come molti output diversi da volantini persino cartelloni pubblicitari. Diamo un'occhiata ai diversi tipi di immagini che rientrano in questa categoria.

• AI: sta per documento Adobe Illustrator. Questo formato di file è stato creato dai sistemi Adobe e hanno disegni vettoriali a pagina singola.
• EPS – Encapsulated Post Script può essere ridimensionato ed è ampiamente utilizzato per i disegni vettoriali. Ha una qualità molto elevata e viene utilizzato in molti elementi di stampa come loghi, brochure e biglietti da visita.
• PDF – sviluppato da Adobe, Portable Document Format è un tipo di file che può essere scaricato e visualizzato da qualsiasi computer. Sono ideali per condividere anteprime di lavoro in quanto sono universalmente visualizzabili.

Risoluzione

Ci sono 2 tipi qui di cui devi essere a conoscenza, quali sono DPI e PPI.

• DPI è qualcosa di cui devi preoccuparti quando lavori per produrre un output stampato. Sta anche per punti per pollice. Ciò si riferisce essenzialmente al numero di punti per pollice su una pagina stampata. Maggiore è il numero di punti qui, maggiore è la qualità dell'immagine. Lo standard per un'immagine di stampa è 300 DPI.
• PPI sta per pixel per pollice. Se crei un'immagine grande in Photoshop, dovrai aumentare il numero di pixel per pollice, dove Photoshop comporrà i dati e perderai anche un po' di qualità.

La risoluzione si applicherà solo alle immagini raster poiché i vettori non funzioneranno con i pixel.

Termini di progettazione di caratteri, testo e tipografia

ascendente

Questa è un'estensione lineare di una lettera mostrata sopra la linea mediana.

Linea di base

Questa è la linea uniforme su cui si posizioneranno tutte le lettere che hai inserito nel tuo disegno.

Altezza del cappuccio

Questa è la distanza tra la linea di base e la parte superiore delle lettere maiuscole.

discendente

Questo è un extender su una lettera che apparirà sotto la linea di base. Le aree in rosso nell'esempio seguente sono i discendenti per le lettere date.

crenatura

Questo si riferisce alla regolazione della spaziatura tra i caratteri di un particolare font in modo che ci sia un risultato visivamente più gradevole. Ad esempio, potresti voler avere un po' di spazio tra la t e la i in modo che il braccio della t non si fonda con la i. Dovrai anche assicurarti che la crenatura che esegui sia accurata quando si tratta di utilizzare maiuscole come T o A in qualsiasi titolo.

Orfani e vedove

Quando si lavora con la composizione, le vedove sono i paragrafi che terminano con una riga all'inizio della pagina successiva o della colonna. Ora gli orfani, invece, sono paragrafi che iniziano in fondo alla pagina o alla colonna. Non sembrano troppo attraenti e di solito devono essere riempiti con più copia, oppure il tuo designer può provare a risolverli. Se ci sono singole parole che cadono all'ultima riga di un paragrafo, prova a lavorarci sopra poiché sembrano sgradevoli.

Sans Serif

Questi sono un gruppo di caratteri che non utilizzano le righe e gli stub alla fine dei caratteri come nel caso dei serif. Alcuni dei font popolari che rientrano in questo gruppo sono Helvetica, Arial e Geneva. I caratteri san serif sono un po' difficili da leggere. Sono spesso usati solo in testi brevi come didascalie e titoli.

copione

Questi caratteri imitano la scrittura a mano corsiva. Ha un tocco personale come nel caso della calligrafia. Puoi scegliere tra due diversi tipi di caratteri di script: formale e casual. Il gruppo formale ha molti tocchi stravaganti. Sono anche molto facili da identificare perché hanno riccioli e svolazzi che escono dal serif. Ora, d'altra parte, il carattere dello script casual ha meno bit di curling. Se vuoi dare al tuo design un aspetto familiare, puoi utilizzare questo tipo di carattere. Tuttavia, quando scegli un carattere come gli script, devi stare attento poiché la leggibilità può essere inferiore.

Serif

I serif sono un tipo di carattere comunemente usato. Le lettere in questo caso hanno mozziconi decorativi come mostrato nell'immagine sopra, dove puoi vedere i bit verdi evidenziati. Esistono quattro tipi principali di caratteri Serif.

• Vecchio stile
• di transizione
• Didone
• Lastra Serif

Tracciamento

Il monitoraggio si riferisce all'aumento (per la maggior parte) o alla diminuzione dello spazio tra le lettere in una riga o in un blocco di testo. Di solito viene applicato orizzontalmente. La guida avviene quando lo stesso principio viene applicato verticalmente. Questo si riferisce fondamentalmente al mantenimento dello stesso spazio tra 2 linee. L'obiettivo principale qui è assicurarsi che il tuo tipo sia leggibile e che i discensori non si uniscano alla linea immediatamente sottostante.

Termini generali di progettazione

Allineamento

L'allineamento si riferisce essenzialmente al modo in cui gli elementi del progetto, che includono testo e immagini, sono disposti l'uno rispetto all'altro. Queste immagini possono essere allineate per adattarsi alla pagina e apparire perfettamente l'una con l'altra.

Proporzioni

Questo sembra essere il rapporto proporzionale tra l'altezza e la larghezza. Lo vedrai in un formato x:y. Ad esempio, un'immagine che ha le dimensioni di 6 x 4 avrà una proporzione di 3:2. Questo deciderà il rapporto e la forma dell'immagine e non la sua dimensione.

Contrasto

Questo è un principio nel design che si verifica quando due elementi nella visuale sono piuttosto drammaticamente diversi. Maggiore è la differenza, maggiore è il contrasto. Il contrasto nel design ti aiuterà a trasmettere il messaggio guidando l'occhio dello spettatore verso i punti focali. Aiuta anche a migliorare la leggibilità. Puoi vedere il contrasto applicato in termini di colore, dimensione, valore o qualsiasi altro aspetto di un disegno.

Compressione

La compressione di un'immagine è essenzialmente ciò che accade quando si riduce la dimensione in byte di un file grafico, senza che ciò abbia un impatto negativo sulla qualità dell'immagine. Quando la dimensione del file viene ridotta, è più facile inviare questi file tramite e-mail e occuperà solo meno spazio di archiviazione. Saranno poi anche facilmente scaricabili dalle pagine web.

Design piatto

Un design piatto è uno stile di progettazione dell'interfaccia utente che ha elementi molto semplici e bidimensionali insieme a colori brillanti e vivaci.

Equilibrio

Ciò riguarda il bilanciamento degli elementi nella pagina in modo che i componenti grafici e testuali siano disposti correttamente e uniformemente. Ci sono 3 modi principali per raggiungere questo obiettivo.

• Asimmetrico - Questo dipinto di Van Gogh è l'esempio perfetto di design asimmetrico in cui vengono utilizzati oggetti e colori diversi per creare il pezzo perfetto che non è distribuito uniformemente. Nella grafica, quando ad esempio c'è un'immagine su un lato e un testo sull'altro, si dice che sia asimmetrico.

• Simmetrico: tutti gli elementi di design sono bilanciati in modo uniforme su entrambi i lati di una linea centrale.

• Radiale: in questo tipo di design, gli elementi si irradieranno da un punto centrale, il che a sua volta creerà equilibrio nel design.

Composizione e disposizione

La composizione di un disegno (ovvero la forma) è la disposizione dei vari elementi di disegno. Se la composizione ha successo, attirerà lo spettatore e porterà anche i suoi occhi attraverso il design completo. È composto da molti elementi diversi come l'equilibrio, l'allineamento, la prossimità, lo spazio bianco e il contrasto.

Scala

La dimensione di un elemento di design rispetto a un altro elemento nello stesso design.

Struttura

Nella progettazione grafica, quando parli di texture, ti riferisci al senso del tatto, dell'attualizzazione e del sentimento. Questa caratteristica eleverà gli altri elementi del tuo design come i colori, il contenuto, i motivi e le illustrazioni.

Taglia e sanguina

La dimensione del taglio rappresenterà le dimensioni finali per il disegno che stai facendo. L'emorragia è fondamentalmente quando il disegno si estende oltre la dimensione del rivestimento. Al termine del disegno finale, l'area al vivo verrà tagliata per la maggior parte del tempo. Lo scopo dell'area al vivo è assicurarsi che il disegno raggiunga correttamente tutti gli angoli senza avere bordi bianchi che potrebbero sembrare piuttosto sgradevoli.

Conoscere i tuoi termini può aiutarti a caricare

Ti abbiamo portato molto di ciò che sappiamo ti aiuterà come non designer, ma l'apprendimento del design non finisce qui! Proprio come le tendenze nel design, anche i termini del design cambiano. E più provi a rimanere aggiornato, meglio sarai in grado di portare a termine il tuo lavoro. In questo modo, quando i membri del tuo team o il tuo capo ti diranno cosa devi fare e i dettagli arriveranno con il gergo, saprai esattamente cosa significano.