Biblioteca

Perché ogni marketer nel 2018 deve essere un designer (part-time): 52 termini di progettazione e suggerimenti per salire di livello

Quando ho iniziato nel marketing, non avevo previsto che sarei stato anche un designer part-time.

Ora, nel 201, il contenuto visivo è più di 40 volte più probabilità di essere condivisi sui social media rispetto ad altri tipi di contenuti ed è diventato ovvio e persino necessario per tutti noi professionisti del marketing avere almeno una conoscenza di base dei termini chiave del design.



Per fortuna, viviamo in un mondo meraviglioso in cui chiunque può fare il salto da principiante a intermedio e creare immagini ben progettate per i social media. Ci sono strumenti come Pablo e Canva che rendono questo lavoro di progettazione realizzabile (e bello).



Tuttavia, strumenti a parte, se vuoi portare le tue capacità di marketing a un livello superiore, migliorare la tua comprensione del design è essenziale.

Ti sei mai chiesto cosa potrebbe essere possibile con solo un po 'di conoscenza del design in più nella tasca posteriore dei pantaloni?



Si scopre che trasformare le tue immagini sui social media da buone a fantastiche è un salto ragionevole. E tutto inizia con una buona base e comprensione di alcuni termini e principi di progettazione chiave.

Se stai cercando di prendere il tuo immagini dei social media al livello successivo e diventa un marketer migliore, dai un'occhiata a questo dizionario di design per un corso accelerato su come comprendere meglio il design.

-



52 termini di progettazione spiegati per i professionisti del marketing

1. Sezione aurea

La sezione aurea si verifica con due oggetti che, una volta diviso il più grande per il più piccolo, risultano nel numero 1,6180 (o giù di lì). Il rapporto aureo più famoso è il rettangolo aureo, che può essere diviso in un quadrato perfetto e un rettangolo con le stesse proporzioni del rettangolo originale. Potresti vederlo nella composizione dell'immagine o nel design del sito web e nel layout della griglia.

rapporto aureo

( attraverso )

Utilizzando la sezione aurea puoi assicurarti che le tue immagini siano accattivanti e ben formattate. Ecco un esempio della sezione aurea utilizzata per dividere lo spazio tra il corpo di un sito web e la barra laterale:

sezione aurea-web-design

Sotto è un altro esempio dove gli elementi chiave del design rientrano tutti in una sezione diversa della sezione aurea:

132-1324x1649

2. Regola dei terzi

Puoi applicare la regola dei terzi immaginando una griglia 3 × 3 che si trova sopra la tua immagine e quindi allineando il soggetto dell'immagine con le linee guida e i loro punti di intersezione (ad esempio posizionando l'orizzonte sulla linea superiore o inferiore) o consentendo gli elementi dell'immagine fluiscono facilmente da una sezione all'altra.

regole di terzi

( attraverso )

Una volta posizionata la griglia, i punti dove le linee si intersecano a vicenda indicano le principali aree focali all'interno del tuo progetto:

punti focali

Tipografia, testo e termini dei caratteri

3. Tipografia

'La tipografia è la componente visiva della parola scritta', La tipografia pratica spiega magnificamente . Tutto il testo visualizzato visivamente, sia su carta, schermo o tabellone per le affissioni, coinvolge la tipografia.

4. Serif

Un serif è il piccolo tratto o le curve in più, all'estremità delle lettere.

5. Sans-serif

'Sans' significa letteralmente 'senza' e un carattere sans serif non include alcun tratto aggiuntivo alle estremità delle lettere.

serif

Sebbene non ci siano regole fisse per quando utilizzare un carattere serif o sans serif, è suggerito che I caratteri sans serif dovrebbero essere usati per il corpo del testo in linea e i caratteri serif per i titoli e la stampa.

6. Script

I caratteri tipografici sono caratteri o caratteri basati su stili di scrittura storici o moderni e sono più fluidi dei caratteri tipografici tradizionali.

Un paio di caratteri di script di esempio includono:

Alex Brush

alex-brush-font

E, Grand Hotel :

grand-hotel-font

7. Slab serif

I caratteri Slab Serif presentano una sensazione geometrica rispetto ai tradizionali caratteri Serif e presentano serif che sono quadrati e più grandi, più audaci.

Un eccellente esempio di font slab serif è Museo delle lastre :

lastra da museo

8. Minivan

Un carattere a spaziatura fissa, (noto anche come carattere a passo fisso, a larghezza fissa o non proporzionale) è un font le cui lettere e caratteri occupano ciascuno la stessa quantità di spazio orizzontale.

9. Gerarchia

La gerarchia tipografica è una parte essenziale di qualsiasi design o layout e anche se non hai familiarità con il termine, sarai sicuro di aver visto la gerarchia in azione su qualsiasi sito web, giornale o rivista.

tuts + spiegare :

La gerarchia tipografica è un sistema di organizzazione del tipo che stabilisce un ordine di importanza all'interno dei dati, consentendo al lettore di trovare facilmente ciò che sta cercando e di navigare nel contenuto. Aiuta a guidare l'occhio del lettore dove inizia e finisce una sezione, consentendo al contempo all'utente di isolare determinate informazioni in base all'uso coerente dello stile in tutto il corpo del testo.

Ecco un esempio per illustrare l'importanza della gerarchia:

gerarchia 2

10. Crenatura

La crenatura si riferisce allo spazio tra due lettere specifiche (o altri caratteri: numeri, punteggiatura, ecc.) E il processo di regolazione di tale spazio migliora la leggibilità.

kerning-gif

11. Leader

L'interlinea determina il modo in cui il testo viene spaziato verticalmente in righe. L'interlinea viene utilizzata quando il contenuto che ha più righe di testo leggibile e garantisce che la distanza dalla fine delle parole sopra alla parte superiore delle parole sottostanti abbia una spaziatura adeguata per renderle leggibili.

leader

12. Monitoraggio

Il tracciamento è simile alla crenatura in quanto si riferisce alla spaziatura tra lettere o caratteri. Tuttavia, invece di concentrarsi sulla spaziatura tra le singole lettere (crenatura), il tracciamento misura lo spazio tra i gruppi di lettere.

13. Altezza X.

L'altezza x si riferisce alla distanza tra la linea di base e la linea media delle lettere minuscole in un carattere tipografico.

x-altezza

14. Salita / Discesa

L'ascendente è la parte di una lettera minuscola che si estende sopra la linea media di un carattere (l'altezza della x) . D'altra parte, il discendente è la porzione di una lettera che si estende al di sotto della linea di base di un carattere.

Ascendere

15. Orfani / vedove

Le vedove e gli orfani sono righe di testo che appaiono all'inizio o alla fine di un paragrafo, che vengono lasciate sole all'inizio o alla fine di una riga. C'è qualche dibattito sulle definizioni esatte di questi termini, ma come regola generale:

  • Orfano: A è una parola singola o una riga molto corta, che appare alla fine di un paragrafo o all'inizio di una colonna o di una pagina, separata dal resto del testo.
  • Vedova: Una riga di fine paragrafo che cade all'inizio della pagina o della colonna successiva, quindi separata dal resto del testo. O l'inizio di un nuovo paragrafo che inizia nella parte inferiore di una colonna o di una pagina.
vedova

16. Molto guinzaglio

Lorem Ipsum è semplicemente un testo fittizio utilizzato dall'industria del design. Viene utilizzato come testo segnaposto e ha una distribuzione più o meno media di lettere, che lo fa sembrare un inglese leggibile, invece di utilizzare 'Aggiungi contenuto qui, aggiungi contenuto qui' all'interno dei design quando la copia non è ancora pronta.

sezione di linea

Colori

17. RGB

Il colore RGB è un modello in cui la luce rossa, verde e blu vengono sommate in vari modi per riprodurre un'ampia gamma di colori. RGB tende ad essere utilizzato per scopi sullo schermo.

rgb-color

18. Hex

Un esadecimale è un numero di sei cifre utilizzato in HTML, CSS e applicazioni software di progettazione per rappresentare i colori.

esadecimale

19. Tavolozza

Una tavolozza di colori comprende colori che possono essere utilizzati per qualsiasi illustrazione o lavoro di progettazione che rappresenta il tuo marchio. I colori scelti dovrebbero essere progettati per funzionare armoniosamente tra loro.

pallette

20. Monocromatico

Monocromatico viene utilizzato per descrivere il design o le fotografie in un colore o in diverse tonalità del singolo colore.

monocromo

21. Analogo

Schemi di colori analoghi utilizzano colori che sono uno accanto all'altro sulla ruota dei colori. Di solito si abbinano bene e creano design sereni e confortevoli.

Analogo

22. Complementare

I colori che sono uno di fronte all'altro sulla ruota dei colori sono considerati colori complementari (esempio: rosso e verde).

Gratuito

23. Triadico

Una combinazione di colori triadica utilizza colori distribuiti uniformemente attorno alla ruota dei colori.

Triadico

24. CMYK

CMYK è un modello di colore utilizzato per scopi di stampa. I colori CMYK iniziano come bianchi e poi diventano più scuri man mano che vengono combinati più colori.

Colori CMYK

momento migliore per pubblicare su Instagram

( attraverso )

25. Pantone

Il Pantone Matching System (PMS) è un sistema di riproduzione del colore standardizzato. A ogni tonalità viene assegnato un numero, in modo che le persone possano facilmente fare riferimento e riprodurre gli stessi colori.

pantone

26. Colori caldi

I colori caldi sono realizzati con rosso, giallo arancio e varie combinazioni di questi colori. Danno un'atmosfera amichevole, felice e accogliente.

27. Colori freddi

I colori freddi come il blu, il verde e il viola chiaro hanno la capacità di calmare e lenire.

fresco caldo

28. Teoria del colore

Le teorie del colore creano una struttura logica per il colore. Ci sono tre categorie di base della teoria del colore : La ruota dei colori, l'armonia dei colori e il contesto di come vengono utilizzati i colori. Capire come utilizzare colori diversi per trasmettere il significato è una parte importante sia del design che del marketing. Ecco una guida rapida su come i colori influenzano il nostro cervello:

Vuoi saperne di più sulla teoria del colore? Check-out: Perché Facebook è blu? La scienza dei colori nel marketing .

29. Gradiente

Una sfumatura è un cambiamento graduale dei colori (come il verde che si trasforma gradualmente in blu) o un colore che sfuma in trasparenza. Esistono due tipi comuni di sfumature: radiali e lineari.

30. Opacità

L'opacità ci consente di rendere trasparente un elemento di un design. Più bassa è l'opacità, più trasparente è un elemento. Ad esempio, il 100% di opacità significa che un oggetto è solido.

opacità

31. Hue

In sostanza, una tonalità è un modo per descrivere un colore. E una tonalità può essere qualsiasi colore sulla ruota dei colori. Ad esempio, rosso, blu e giallo sono tutte tonalità.

32. Tinta

Una tinta è una varietà di un colore. Craftsy lo spiega Tinte vengono creati quando aggiungi bianca a qualsiasi tonalità sulla ruota dei colori. Questo alleggerisce e desatura la tonalità, rendendola meno intensa.

tonalità-tinta

Marchio e loghi

33. Logotipo

Un logotipo è il nome di un'azienda progettata in modo visivamente unico per l'utilizzo da parte di tale azienda. Il più delle volte quando le persone si riferiscono a un logo, si riferiscono al logotipo del marchio.

34. Logo / Marchio

Un marchio logo generalmente non contiene il nome della società e invece rappresenta in modo più astratto quella società utilizzando un simbolo o un marchio.

logo

35. Icona

Le icone sono immagini utilizzate per rappresentare un'azione o un oggetto. Ad esempio, l'icona di una penna potrebbe rappresentare qualcuno che scrive (azione) o semplicemente una penna (oggetto). Durante l'utilizzo, le icone riflettono attentamente su ciò che vuoi significare e su quanto sia chiaro per il tuo pubblico.

36. Guida allo stile

Una guida di stile è un insieme di standard per la progettazione di qualsiasi cosa correlata al tuo marchio, che si tratti di una pagina di destinazione del sito web, di un biglietto da visita o di un documento stampato. Il motivo per avere una guida di stile è garantire la completa uniformità nello stile e nella formattazione ovunque venga utilizzato il marchio per garantire nessuna diluizione di quel marchio.

Ad esempio, puoi controllare il nostro Guida allo stile del buffer qui .

37. Grid

Una griglia è composta da colonne e righe divise in modo uniforme. Lo scopo di una griglia è aiutare i progettisti a disporre gli elementi in modo coerente. Ecco un esempio della griglia che utilizziamo in Buffer:

griglia

Utilizzando la griglia di progettazione Buffer, una pagina può essere divisa in quinte, quarti, terze e metà - e qualsiasi combinazione di questi. Ogni riga della griglia deve contenere parti che si sommano fino a un intero. Ad esempio, un quarto + metà + un quarto.

sezione di linea

Termini e tecniche di progettazione

38. Scala

Nella progettazione, la scala si riferisce alla dimensione di un oggetto in relazione a un altro oggetto. Due elementi della stessa dimensione possono essere visti come uguali. Mentre gli elementi con una chiara variazione di dimensioni tendono a essere visti come diversi.

Quando metti insieme un progetto, pensa a come puoi utilizzare la scala per aiutarti a illustrare il significato dietro la tua immagine. Prendiamo l'esempio seguente, il cerchio più grande sembra essere più influente e importante di quello più piccolo. Potresti anche dire che il cerchio più piccolo potrebbe essere un po 'timido o timido.

scala

39. Proporzioni

Un rapporto di aspetto è la relazione proporzionale tra la larghezza e l'altezza di un rettangolo (viene utilizzato un rettangolo perché la stragrande maggioranza degli schermi è più larga che alta). Un rapporto di aspetto è definito tramite un rapporto matematico, con due numeri separati da due punti.

  • larghezza altezza
  • Ciò significa che 4 pollici di larghezza per 3 pollici di altezza sarebbero un rapporto di 4: 3

40. Texture

Una texture è definita come le caratteristiche della superficie della tua immagine. Nel design, puoi utilizzare trame come stoffa e mattoni per rispecchiare l'aspetto visivo della trama reale.

41. Knolling

Knolling è l'atto di disporre diversi oggetti in modo che siano ad angoli di 90 gradi l'uno dall'altro, quindi fotografarli dall'alto. Questa tecnica crea un aspetto molto simmetrico che risulta piacevole alla vista. Le immagini che presentano le pendenze tendono ad essere impostate su uno sfondo solido contrastante.

poggio

( attraverso )

42. Spazio bianco

Lo spazio bianco, spesso noto come spazio negativo, si riferisce all'area di un disegno lasciata vuota. È lo spazio tra elementi grafici, immagini, testo e qualsiasi altra cosa sulla pagina. Anche se è noto come spazio bianco, può essere di qualsiasi colore.

Un eccellente esempio di spazio bianco è la home page di Google. È quasi pieno di spazi bianchi per incoraggiare gli utenti a concentrarsi sulla barra di ricerca:

Google

43. Risoluzione

La risoluzione di un'immagine determina la qualità. Come regola generale, maggiore è la risoluzione, maggiore è la qualità. Un'immagine ad alta risoluzione sarà chiara e nitida mentre un'immagine a bassa risoluzione sembrerà un po 'pixelata e sfocata.

alta risoluzione

44. Contrasto

Il contrasto si verifica quando due elementi su una pagina sono diversi. Ad esempio, potrebbero essere diversi colori tra il testo e il colore di sfondo o colori scuri rispetto a quelli chiari.

contrasto

Uno dei motivi principali per utilizzare il contrasto nei tuoi progetti è attirare l'attenzione. Ad esempio, le famigerate pubblicità della silhouette dell'iPod erano così memorabili perché c'è un enorme contrasto tra l'iPod bianco e gli auricolari e lo sfondo luminoso e la silhouette.

ipod2

45. Saturazione

La saturazione si riferisce all'intensità o alla purezza di un colore. Più un colore è saturo, più appare vivido o luminoso. Mentre i colori desaturati, appaiono un po 'più spenti.

saturazione

Le immagini altamente sature tendono a risaltare e attirare l'attenzione, dando quindi l'impressione di trasportare più peso rispetto alle immagini meno sature. Se stai aggiungendo un livello di testo su un'immagine e desideri che risaltasse, utilizzare uno sfondo meno saturo può essere un ottimo modo per farlo.

46. ​​Blur

La sfocatura rende le immagini più poco chiare o meno distinte. Usare una sfocatura può essere un ottimo modo per far risaltare il testo quando viene sovrapposto a un'immagine. Quando metti del testo su un'immagine, i due elementi possono formare una relazione piuttosto competitiva (esempio a sinistra sotto) , un po 'di sfocatura può far risaltare di più il testo e apparire molto più leggibile (a destra sotto) .

sfocatura del testo

47. Ritaglia

Quando ritagli un'immagine, stai tagliando e scartando le parti non necessarie dell'immagine. Il ritaglio consente di modificare l'enfasi o la direzione di un'immagine.

Ritaglia

48. Pixel

Un pixel è un'area minuscola di uno schermo (la parola deriva da 'elemento immagine'). I pixel sono la più piccola unità di base del colore programmabile su un computer e le immagini sono costituite da molti singoli pixel.

49. Sckeumorphism

Lo skeuomorfismo è quando un elemento digitale è progettato per sembrare una replica del lavoro fisico. Ad esempio, pensa alla calcolatrice dell'iPhone o all'edicola di Apple dove la libreria e le riviste hanno l'aspetto e la sensazione che hanno nella vita reale.

Skeuomorfismo

50. Piatto

Il design piatto è un approccio minimalista che si concentra sulla semplicità e l'usabilità (quasi l'opposto di Skeuomorphism) . Tende a presentare molto spazio aperto, bordi nitidi, colori vivaci e illustrazioni bidimensionali.

piatto

( attraverso )

51. Raster

Le immagini raster sono costituite da una griglia di pixel impostata. Ciò significa che quando si modifica la dimensione dell'estensione di un'immagine raster, questa può diventare un po 'sfocata e perdere un po' di chiarezza.

52. Vettore

Immagini vettoriali costituite da punti, linee e curve. Tutte le forme all'interno di un vettore vengono calcolate utilizzando un'equazione matematica, il che significa che l'immagine può ridimensionarsi senza perdere qualità. A differenza dei raster, i vettori non diventano sfocati quando vengono ridimensionati. Puoi trovare alcune fantastiche immagini vettoriali da utilizzare nei tuoi progetti su siti come Vecteezy .

fine riga

A voi

Spero che tu abbia trovato utile questa immersione nei termini e nelle definizioni di progettazione. È incredibile la velocità con cui i professionisti del marketing possono utilizzare strumenti come Canva e Pablo per creare bellissime immagini.

Sono curioso di sapere se ci sono altri termini di progettazione che senti regolarmente e vorresti qualche chiarimento in merito? Sentiti libero di condividere qualsiasi domanda o pensiero nei commenti qui sotto.

Ulteriore lettura:



^