Cosa viene prima? la copia o il carattere?

Oggi abbiamo una specie di dilemma di uova e galline: cosa viene prima? La copia o il carattere? C'è una linea sottile tra la progettazione con o senza le parole.

La tipografia e il design possono modificare ciò che pensi quando leggi le parole. Ripensa al processo. Prendi prima un carattere tipografico o attendi la copia? (Senza dare troppo lontano, il segreto è la collaborazione: se non lavori insieme, ti ritroverai con una tela bianca.) Ecco alcuni scenari e suggerimenti diversi.

Il dilemma

La scadenza del progetto è imminente. Tu e il copywriter lavorate in modo indipendente. Ma se non inizi a lavorare sul design, non c'è modo di rispettare la scadenza.

Quindi inizi a disegnare. Il brief di progettazione è stato abbastanza buono, quindi hai un'idea decente per quanto riguarda la sensazione del progetto, i requisiti di branding e la tavolozza dei colori. Ma quando si tratta della tipografia, sei da solo.

È probabile che questo dilemma sarà all'origine di qualche grave stress ad un certo punto. È possibile ottenere la progettazione e le opzioni di tipo - avviate e ben avviate e forzare la copia su di esse o finire per ripensare a tutti i tipi quando arriva la copia. Né sono opzioni molto buone. Allora cosa fai?

Notizie

La copia più grande e più audace del design deve adattarsi al tono e all'atmosfera del progetto. Deve anche essere leggibile.

Purtroppo, come designer, questo spesso significa che hai davvero bisogno delle parole prima. Il titolo sarà di 10 caratteri o 100? Questo semplice fattore può fare un'enorme differenza nello stile del carattere tipografico - ampio o condensato - e se il titolo è una singola riga o righe di testo impilato.

Il titolo è usato come una parte importante del display? Se è così, questo rende ancora più importante avere la copia prima di prendere una decisione definitiva sulla tipografia. Come funzioneranno le lettere insieme? Si impilano bene in base a altezze, ascendenti e discendenti?

E infine le lettere sono davvero belle con le parole che verranno usate? (A volte certi caratteri tipografici e lettere specifiche non funzionano insieme e questo può davvero entrare in gioco con caratteri più grandi.)

Bit più piccoli

Oltre al titolo ci sarà un sacco di piccoli pezzi di copia in tutto il design. Elementi come etichette di navigazione, callout, testo del pulsante e informazioni di contenuto o piè di pagina sono inclusi nella maggior parte dei tipi di progetto.

Puoi quasi riempire tutto il testo nella fase iniziale del progetto ed è probabile che non cambierà molto. (Alcune cifre del numero di telefono o del nome del punto di contatto potrebbero cambiare, ma nulla di troppo drastico).

Quindi vai avanti e seleziona un carattere tipografico per queste informazioni. Il fattore importante qui è quello di avere un'idea di dove si sta andando con la tipografia generale quando si effettua questa selezione in modo che si accoppiano bene con coppie di altri tipi lungo il contorno della pagina. Usando un? Neutrale? carattere tipografico qui, è possibile aumentare le possibilità che funzioni una volta che altri caratteri tipografici sono stati abbinati.

Copia del corpo

La quantità e lo stile della copia del corpo nel tuo progetto determineranno quanto presto nel processo si possa scegliere un carattere tipografico.

Per i progetti di blog o di contenuti, vai avanti e fai una selezione in anticipo. Come per i bit di copia più piccoli, scegliere un carattere tipografico neutro che sia altamente leggibile. (Potresti anche usare lo stesso carattere tipografico qui in diverse dimensioni.) Concentrati sulla creazione di una struttura per blocchi di testo di grandi dimensioni che sia digeribile e facile per i lettori. (Usa il testo segnaposto nel disegno per darti un'idea del look. A differenza di elementi di testo più grandi, qui puoi usare lorem ipsum a tuo vantaggio.) Determina come accentuare il tipo all'interno di grandi blocchi con elementi come il grassetto o il colore.

Per i progetti in cui vi è una quantità più limitata di testo del corpo principale, come i siti web promozionali, è meglio evitare di scegliere un carattere del corpo fino a quando non si sa quali altri tipi di caratteri faranno parte del progetto, e fino a quando non si conoscono che cos'è la copia. Mentre questo può essere frustrante a volte, quando c'è una copia limitata del corpo, trattalo come titoli.

Font di icone

Questo è facile. Se stai usando font icon, fallo subito.

La cosa bella di questi? Font? è che non stanno scrivendo per niente e sono dei divot di design che possono essere usati per tutto il progetto. Fai una scelta che si adatta all'umore e al tono del design e vai avanti. Un piccolo consiglio: Semplificare è di solito migliore quando si tratta di font di icone.

Tipografia e suggerimenti di design

Ora che stai pensando ai diversi elementi di testo e quando potrebbero arrivare, potrebbe esserci un elemento di panico che si avvicina di nuovo quando si arriva a quella scadenza. Ma ci sono alcune altre cose che puoi fare per aiutare a mantenere il progetto in movimento - e, si spera, sistemare su una tavolozza di tipi.

  • Fai amicizia con il copywriter: Conosci la persona che scrive la copia e chiedi un piccolo aiuto. Scopri cosa sta pensando.
  • Diventa un editore: Un buon editor può modellare e plasmare le parole del team di copywriting in altri modi che aiutano a adattare il messaggio al design.
  • Contare il tipo e utilizzare conteggi simili: Progettare pensando al tipo. Sapendo quanto spazio occuperà uno specifico tipo di carattere, usa un conteggio delle lettere per iniziare. (Probabilmente sai se la squadra tende a essere concisa o prolissa, usa la migliore ipotesi per iniziare.) Quindi se modifichi il carattere, scegli un conteggio simile e tutto andrà bene.
  • Progetta con gli stili per rendere più facili gli scambi: Assicurati che tutti i blocchi di copia siano progettati usando gli stili, quindi se hai bisogno di cambiare tipo di carattere non devi farlo lettera per lettera. Questo richiede un po 'più di tempo per iniziare, ma sarà un vero toccasana se (quando) i cambiamenti devono essere fatti.
  • Richiedi un'anteprima: Prendi una bozza del testo. Ricorda solo che è ruvido e cambierà.
  • Scrivi la tua copia: Se ne sai abbastanza del progetto, scrivi tu stesso la copia.
  • Scegli una forma e un'inclinazione - rotonda o ovale: Stabilisci in anticipo lo stile delle lettere in modo da poter abbinare i caratteri più facilmente. Probabilmente vorrete determinare che i tipi di carattere wither saranno più rotondi o ovali e quali lettere di direzione saranno inclinate (se non del tutto). Puoi anche fare delle scelte su come le lettere alte sono con alcune opzioni di altezze x simili e se stai lavorando con lettere maiuscole o minuscole o maiuscole o qualcosa di un po 'più funky.
  • Rimani con caratteri tipografici di altri marchi: In caso di dubbi, utilizza la tavolozza tipografica standard dei marchi.
  • Sventa tutto su Helvetica: Questo? Universale? il font ottiene quella reputazione per un motivo. Sgrossare tutto in un singolo carattere tipografico è abbastanza nella media e gli swap non saranno così difficili.
  • Vai con quello che ti piace e vendilo: Progetta il tutto e vendilo se puoi. Questo dipende dal livello di comfort e coinvolgimento con il progetto e il team. (Fallo male e rischi di non voler più lavorare con te, fallo bene e sei una star.)

Conclusione

E torniamo alla domanda iniziale: cosa viene prima? La copia o il carattere?

Sfortunatamente, non esiste una soluzione magica. Speriamo di essere riusciti a illustrare alcune idee per rendere il processo un po 'più semplice e suggerimenti per aiutarti a rispettare meglio le scadenze. Ma lavorare con la copia e il tipo su una squadra può essere difficile. La chiave è assicurarsi che tutti lavorino insieme verso un obiettivo comune. (E avere anche alcuni caratteri utili nel tuo toolkit non fa male a nessuno).

Foto d'archivio per gentile concessione di Death to the Stock Photo.