Godo di decodifica grafica parte 2


Bentornati alla serie che analizza la terminologia confusa utilizzata dai designer professionisti. 

Sei mai emerso da una riunione di design sentendoti più sconcertato che motivato? Non sei solo, i grafici hanno un insieme di parole distinte e diverse per descrivere tutti i tipi di processi tecnici e di progettazione, e spesso possono sembrare una lingua completamente straniera.

Ma l'aiuto è a portata di mano! Continua a leggere per scoprire come tradurre alcuni dei bit più confusi del linguaggio utilizzato dai designer professionisti.

In questo, la seconda puntata di Decodifica gergo grafico (vedi qui per la Parte 1), approfondiamo alcuni dei termini più tecnici usati dai designer per comunicare istruzioni specifiche per la modifica di tipografia, layout, colore e stile. Considera il tuo corso di lingua di progettazione in sessione.

Per prima cosa, un paio di pepite confuse di tipografia-gergo correlato:

1. "Sbarazzati di quell'orfano / vedova"

Questo può sembrare un po 'poco caritatevole, ma non è niente di personale. Gli orfani e le vedove sono errori tipografici minori che fanno apparire il testo un po 'meno in ordine. Tieni gli occhi aperti per loro e rimarrai affascinato da ogni designer in ufficio.

UN vedova è una singola parola che si trova alla fine di un paragrafo sulla propria riga. Considerato indesiderabile dai tipografi, una vedova rompe la porzione quadrata del testo e lascia troppo spazio bianco accanto ad essa - questo blocca l'occhio del lettore e rende l'intero paragrafo un po 'squilibrato. 

Un orfano è simile - una singola parola, o anche una breve linea - tranne che appare nella parte superiore di una colonna di testo o nella parte superiore di una pagina. Questi tendono ad essere più comuni quando si scrivono frammenti di testo più lunghi, ad esempio in un libro o in una rivista.

La soluzione per le vedove e gli orfani? Sii con gli occhi d'aquila, individuali e liberati di loro! Può essere semplice come ridurre leggermente il puntamento (lo spazio tra tutte le lettere) sull'ultima riga del paragrafo o sull'intero paragrafo se questo sembra migliore. Aggiunta Sillabazione può anche aiutare in modo significativo (un trucco comune nella progettazione di giornali e riviste), così come può modificare sottilmente la larghezza della cornice di testo.

Un carattere grazioso aiuta sempre i tuoi paragrafi a sembrare un po 'più lucidi e professionali. Traccia il font perfetto sul mercato Envato.

2. "Quel paragrafo sembra stracciato"

'Ragged' sembra proprio come sembra - un po 'disordinato, trasandato e spettinato. Mentre alcuni paragrafi appaiono nitidi e squadrati, un paragrafo irregolare avrà linee che terminano in punti verticali diversi, creando un effetto simile a un gradino che appare irregolare e asimmetrico. 

C'è un'arte per bandire i paragrafi eccessivamente laceri. Una soluzione è Giustificare il tuo paragrafo, tirando tutte le righe di testo sull'intera cornice di testo per riempire lo spazio. In alcuni contesti questo può sembrare bello, ma se la tua colonna è particolarmente stretta, le parole lunghe verranno allungate per riempire una singola riga che, al di fuori della composizione dei giornali, può sembrare un po 'strana.

L'altra soluzione, più moderata, è mantenere il testo arrossato sul margine destro o sinistro, ma mirare a ridurre l'irregolarità del paragrafo limitando la misura in cui le linee vanno dentro e fuori. È possibile farlo inserendo interruzioni di riga manuali o riducendo il puntamento di tutti, o singoli elementi, di testo.

Questo tutorial ti guiderà attraverso il processo di rimedio del testo frammentato in Adobe InDesign, passo dopo passo:

Con questa pratica guida dalla A alla Z puoi scoprire i significati dietro una vasta gamma di termini tipografici. Assicurati di rispolverare prima della prossima riunione e preparati a fare colpo!

Il gergo del design non si limita solo alla tipografia: sentirai alcuni termini confusi con cui farlo colore pure…

3. 'Voglio che sia monocromatico'

Potresti aver passato anni a credere che "monocromatico" si riferisca a composizioni e fotografie in bianco e nero, ma nel mondo del graphic design il termine non è limitato solo alle sfumature in bianco e nero.

Monocromatico può riferirsi a qualsiasi singolo colore, purché quel colore sia usato in isolamento, accanto a tinte di quel colore. Pertanto, un design monocromatico di un poster potrebbe presentare solo una sfumatura di blu e il designer potrebbe utilizzare tinte bianche e più chiare o più scure del campione blu per contrastarlo. 

Questa può essere una tecnica davvero efficace quando si crea una serie di disegni, come una serie di poster o copertine di libri: un colore può essere presente su ciascun disegno. 

Cerchi un knowhow più pratico sull'applicazione di palette monocromatiche ai tuoi progetti? In questo corso, Kirk Nelson ti mostra come lavorare con il colore in Adobe Photoshop:

4. "Rendi i colori complementari / analoghi"

Oh caro, queste sono due grandi parole che hanno il potere di confondere anche i più esperti grafici. 

UN complementare la combinazione di colori si basa su due colori che si trovano l'uno di fronte all'altro su una ruota dei colori: questi saranno diversi l'uno dall'altro, ma si possono sedere molto bene insieme se abbinati. Scava un po 'di libri di campioni di colore per rintracciare gli abbinamenti complementari per adattarli all'umore e al tema del tuo design.

Un analogo la combinazione di colori utilizza un gruppo di tre colori che si siedono uno accanto all'altro su una ruota dei colori. 

Stanno bene insieme perché sono imparentati l'uno con l'altro - pensano al giallo, all'arancio e al rosso. Il che ci porta bene al prossimo gergo da decodificare ...

5. "Rendi più caldo / più freddo"

A meno che non stiate servendo una tazza di tè al vostro capo, un riferimento al più caldo / più freddo quando si guarda a un design è tutto a che fare con il colore. 

Probabilmente hai già la sensazione che un design si senta più caldo o più fresco solo guardandolo. Schemi di colori caldi si sentono più accoglienti e più terrene, potrebbero essere adatte a modelli o marchi che vogliono far sentire le persone a proprio agio e confortate. Rossi, arance e gialli cadono tutti nel gruppo di colori caldi. 

Fantastici schemi di colori sentirsi più sobrio e rilassante. L'aggiunta di più toni blu, viola e verdi ai tuoi progetti ha un effetto calmante istantaneo sul visualizzatore. Fanno un grande partner per il design minimale.

Il colore occupa una vasta nicchia nel campo della grafica e questi termini iniziano solo a scalfire la superficie. Puoi scoprire di più sulle basi della teoria dei colori con la rapida introduzione di Adi Purdila a tinte, toni e sfumature:

Oppure approfondisci la teoria dei colori un po 'più in profondità con l'articolo di James Thomas sulla comprensione della gestione del colore:

Forse sei stato incaricato di creare un'identità di marchio, che abbiamo visto nella prima parte di Decode Designer Jargon. Sarai disturbato / indignato nel constatare che "identità" non è l'unico gergo con cui dovrai familiarizzare il branding progetto…

6. "Design Me a Brandmark"

Argh! Loghi, identità di marca ... e ora un "marchio"?

UN brandmark (a volte scritto come "marchio") è, sotto molti aspetti, il Santo Graal per i designer di marchi. I marchi di fabbrica sono loghi simbolici, che forniscono un riconoscimento visivo, piuttosto che basato su testo, per una marca o un prodotto. Il Mela il logo è un esempio famoso, insieme al Nike swoosh, e Conchigliala conchiglia gialla e rossa immediatamente riconoscibile.

Molte aziende più piccole rifuggiranno dai marchi e, giustamente, funzionano solo quando il marchio è abbastanza conosciuto per essere riconoscibile da un solo simbolo visivo senza il prompt di un nome di testo. Quindi, se il tuo cliente apre un coffee shop locale, un marchio potrebbe non essere la scelta migliore (e il cliente avrà bisogno di dirlo!), Ma un grande cliente con grandi ambizioni potrebbe trarre beneficio da un logo simbolico progettato in modo intelligente.

7. "In realtà, No, voglio un logotipo"

OK, respira, possiamo decifrarlo, nessun problema.

UN logotipo è dove il logo è disegnato attorno ad una versione tipizzata del nome del marchio. Più che un semplice nome tipizzato posto sotto un'immagine, i logotipi tendono ad integrare gli elementi centrali del progetto nella tipografia stessa. Google, Cadbury, NASA, Skype e Nestlé sono esempi di marchi che hanno optato per i logotipi.

Noterai che la maggior parte delle marche alimentari usa un logotipo piuttosto che un marchio. Questo perché il riconoscimento del nome del marchio è particolarmente importante in un supermercato competitivo. 

Prodotti di stile di vita aspiranti, come quelli venduti da Mela, potrebbe scoprire che un marchio aumenta effettivamente il desiderio del prodotto e rende il marchio più esclusivo, elegante o speciale.

Scopri di più sulla creazione di loghi e identità di marca da zero con il nostro Progettare e costruire un marchio Ovviamente, o vediamo come abbiamo creato un'identità di marchio completa per il nostro team di Design & Illustration residente:

I grafici hanno anche termini specifici per parlare di progettazione layout. Potresti imbatterti in alcune di queste parole e frasi in riunioni presso agenzie o clienti, quando i progettisti vogliono discutere come gli elementi possono essere organizzati meglio su una pagina ...

8. "Cambiamo la gerarchia"

Quando un designer inizia a parlare di gerarchia, in realtà si riferisce a una gamma di diverse opzioni e tecniche che consentiranno di visualizzare più chiaramente il contenuto della pagina. Se stai progettando un layout con più elementi, come immagini, testo e grafica, imponendo a gerarchia visiva su questi (ad esempio, l'elemento A per essere più grande dell'elemento B, l'elemento A per sedersi sopra l'elemento B, ecc.) fornirà la struttura della pagina, consentendo al contenuto di essere facilmente digerito dal visualizzatore o dal lettore.

C'è una vasta gamma di opzioni per creare una gerarchia visiva su un layout. Se un designer o un cliente desidera modificare la gerarchia esistente, suggeriscono che vogliono adottare un diverso modo di organizzare gli elementi sulla pagina. Ecco alcuni principi per creare una gerarchia visiva sulla tua pagina:

  • Inizia dalle basi-crea una griglia (vedi Parte 1 per una traduzione di 'grid'), e assicurarsi che il contenuto sia letto da sinistra a destra (per la maggior parte delle lingue), e che il contenuto da leggere prima sia nella parte superiore della pagina, procedendo verso il basso. Questo stile di layout è noto come 'F-modello' o 'E-modello' a causa della forma ruvida che rende sulla pagina.
  • Optare per un "modello Z"-ciò ti invita a posizionare il primo elemento di contenuto da leggere o guardare nell'angolo in alto a sinistra della "Z", passando dalla "Z" fino all'ultimo punto in basso a destra, che è il posto migliore per una chiamata -to-azione o testo / immagine conclusivi.
  • Usa le tecniche di progettazione per attirare l'attenzione sugli elementi vuoi arrivare in cima alla gerarchia: applicare la tipografia in grassetto, giocare con le dimensioni degli elementi o tirare fuori certi elementi in un colore che attira l'attenzione aiuterà a creare un forte senso di gerarchia sul tuo layout.
Tutorial colorato
  • Sii un po '"là fuori" e rompere la griglia-struttura delle griglie layout secondo principi lineari, elementi di boxe e testo che consente di sedersi lungo linee rette. Se rompi la griglia, introducendo un elemento con un'angolazione spigolosa o curva, questo contrasta con gli elementi allineati alla griglia e consente a quell'elemento di essere al centro della scena.

9. "Devi usare la regola dei terzi"

Eek, sembra spaventoso. Ma non fatevi prendere dal panico: la regola dei terzi è uno dei principi progettuali più semplici e più efficaci di cui essere consapevoli. 

Il Regole di terzi si basa sull'idea di dividere un layout in nove parti uguali creando una griglia attraverso la pagina di due linee trasversali e due linee in basso. 

Posizionare gli elementi attraverso le intersezioni di questa griglia ha il potere magico di rendere i layout immediatamente più attraenti. Questo perché sebbene troviamo la simmetria attraente, siamo così abituati a vederlo che può passare inosservato all'occhio umano. The Rule of Thirds incoraggia l'asimmetria gentile, che grida allo spettatore che è un po 'insolito, che a sua volta mantiene impegnato lo spettatore. 

I "punti caldi" nella griglia della regola dei terzi sono evidenziati di seguito. Posizionare la parte del contenuto su cui si vuole attirare l'attenzione (o che è la più impegnativa) attraverso uno di questi punti caldi renderà il layout un po 'più bello. 

Provalo e vedi se riesci a trasformare i tuoi layout in meglio!

10. "OK, Fammi un manichino"

Dopo aver finalizzato i tuoi layout, alla fine del processo di progettazione, ma prima di andare a stampare, un designer o un cliente potrebbero chiederti di mettere insieme un 'manichino'

Questo è un mock-up dell'articolo che hai progettato, sia che si tratti di un documento a pagina singola come un poster o un volantino, o di un articolo multipagina o più complesso come un libro o un design di packaging.

Tutorial sul packaging

Puoi crearlo usando la tua stampante da ufficio o da casa e poi unire le pagine nel giusto ordine. Il manichino non ha bisogno di apparire lucido o carino, ma deve mostrare le informazioni tecniche necessarie per stampare e piegare correttamente l'oggetto. Numeri di pagina, indicazioni per pieghe e tagli e note tecniche saranno tutti utili.

Una volta che hai messo insieme il manichino, il progettista potrebbe voler controllare e firmare prima di accettare di inviarlo alla stampa*. Dopodiché, potrebbe esserci una seconda fase di pre-stampa opzionale, in base alla quale la stampante fornisce un prova del documento finale. Questa è una versione stampata professionalmente che mostra i colori e la disposizione del documento in quanto apparirà come un prodotto finito. Solo dopo che questo è stato visto e approvato dal progettista, la stampante otterrà il via libera per eseguire l'intera tiratura.

* Per documenti più complicati, come opuscoli multipagina o progetti di packaging, è sempre una buona idea condividere il tuo manichino con la stampante, in modo che possano vedere esattamente come deve essere assemblato l'elemento finale.

Hai bisogno di aiuto per progettare la confezione? Scopri l'ampia gamma di modelli di packaging, dalle semplici etichette alle scatole più complesse, oltre a Envato Market.

Molto bene! Ora sei fluente in "Designer"

Non c'è bisogno di sentirsi persi nella traduzione quando si è seduti nella prossima riunione di progettazione. Il gergo del designer può sembrare un po 'sconcertante, ma spesso i significati dietro le parole sono relativamente semplici da capire. In questo articolo abbiamo trattato alcuni dei gergo tecnici più comuni che potrebbero apparire durante il processo di progettazione. 

Per parlare di tipografia:

  • 'Sbarazzati di quell'orfano / vedova'-traduzione: "Elimina parole o frasi vaganti nella parte superiore o inferiore di una colonna di testo"
  • 'Quel paragrafo sembra irregolare'-traduzione: riordina l'allineamento dei margini del tuo testo giustificando o consentendo un effetto graduale più moderato

Per parlare di colore:

  • 'Voglio che sia monocromatico'-traduzione: "Usa sfumature di un solo colore in questo design"
  • 'Rendi i colori complementari / analoghi'-traduzione: "Usa una ruota dei colori per scegliere uno schema di colori che fornisce o il contrasto (dai lati opposti della ruota) o una relazione l'uno con l'altro (i colori siedono fianco a fianco sulla ruota)"
  • 'Rendilo più caldo / più freddo'-traduzione: 'Usa una serie di colori associati all'estremità calda dello spettro dei colori (rossi, arancioni, gialli) o all'estremità fredda (blu, verdi, viola)'

Per parlare di design del marchio:

  • 'Progettami un marchio'-traduzione: "Progetta un logo usando solo un simbolo visivo"
  • 'In realtà, no, voglio un logotipo'-traduzione: "Progetta un logo usando una versione testuale del nome del marchio"

Per parlare di layout:

  • 'Cambiamo la gerarchia'-traduzione: "Cambiamo la disposizione degli elementi nella pagina"
  • 'Devi usare la regola dei terzi'-traduzione: "Usa una griglia di 9 quadrati per disporre gli elementi in modo asimmetrico sulla pagina"
  • 'OK, fammi un manichino'-traduzione: 'Metti insieme un prototipo o un prototipo approssimativo del progetto finale'

Hai incontrato qualche sconcertante gergo grafico di recente? Condividi le tue storie nei commenti qui sotto!