Torna al blog
GuidaDesignerOperatori di grafica

Progettare materiale grafico che si adatta ai testi reali e ai dettagli del prodotto

Lasciate spazio per nomi più lunghi, lingue aggiuntive ed elenchi in evoluzione. Pianificate come il vostro layout in Illustrator dovrà adattarsi prima che arrivino i contenuti finali.

5 minuti di lettura

Il nome reale del prodotto è più lungo del campione

Completi un’etichetta con un nome breve del prodotto. Il cliente la approva. Poi arriva il testo definitivo: il nome occupa tre righe, gli ingredienti l’elenco è lungo il doppio e sul retro deve trovare posto un’altra lingua.

Puoi spostare manualmente ogni casella di testo. Ma se ci sono venti etichette simili, dovrai apportare le stesse modifiche venti volte.

Un layout adattivo è un progetto dotato di regole per modifiche come queste. Ad esempio, quando il titolo diventa più alto, i dettagli sottostanti si spostano verso il basso. La distanza tra loro rimane invariata.

In Paqira, queste regole possono essere scritte in un Design Script: istruzioni che indicano ad Adobe Illustrator come creare o aggiornare la grafica. Qualcuno deve preparare e testare queste istruzioni. Quando sono pronte, il team può riutilizzarle con diversi dettagli di prodotto.

Il designer decide ancora cosa ha un aspetto corretto. Le regole replicano quelle decisioni per il prodotto successivo.

Raccogli prima alcuni esempi difficili

Prima di impostare un layout, chiedete a chi fornisce il testo più di un esempio. Dovete sapere cosa potrebbe arrivare in seguito.

Per un’etichetta, raccogliete:

  • un nome breve del prodotto e uno molto più lungo,
  • un elenco breve degli ingredienti e uno lungo,
  • esempi in ciascuna lingua richiesta,
  • un prodotto con un badge e uno senza,
  • immagini con forme o dimensioni diverse.

Per una guida al prodotto, provate una serie breve di istruzioni e una molto più lunga. Per un certificato, provate nomi di diverse lunghezze.

Se il testo definitivo non è ancora pronto, inventate esempi di lunghezza simile. Contrassegnateli chiaramente come campioni. Un layout che funziona solo con il Il testo più breve non è ancora stato sottoposto a un test utile.

Decidi cosa può muoversi

Alcune parti della grafica devono rimanere in posizione. Altre possono muoversi quando i contenuti intorno a loro aumentano.

Ad esempio, il logo può rimanere nella parte superiore di un’etichetta. Il titolo del prodotto si trova sotto di esso. Il riquadro degli ingredienti inizia sotto il titolo, con un spazio libero. Se il titolo guadagna una riga, il riquadro degli ingredienti può spostarsi verso il basso.

Spiega questo alla persona che prepara lo script con parole semplici:

Mantenere il logo nella stessa posizione. Lasciare lo stesso spazio sotto il titolo, anche quando il titolo occupa un’altra riga.

Paqira Design Script può utilizzare le dimensioni e la posizione degli elementi di Illustrator per calcolare dove dovrebbero andare gli altri elementi. Può anche aiutare Stimare lo spazio necessario per il testo. È comunque necessario verificare il risultato finale con i font e il testo utilizzati nel progetto.

Inizia dalle parti che richiedono regolazioni ripetute. Non serve una regola per ogni forma.

Mantieni il testo facile da leggere

Ridurre la dimensione del carattere può risolvere un problema di spazio, ma può rendere l’etichetta difficile da leggere.

Scegliamo insieme da dove iniziare:

  1. Lascia che la casella di testo si espanda se c’è spazio.
  2. Sposta l’elemento successivo mantenendo uno spazio ben definito.
  3. Usa un’altra larghezza concordata o una colonna aggiuntiva.
  4. Spostare le informazioni opzionali in un’altra area adeguata.
  5. Chiedi a un designer di rivedere la versione se queste opzioni non funzionano.

Annota la dimensione minima accettabile del testo. Segna anche le aree che devono rimanere libere. Questi limiti dovrebbero far parte della configurazione e della revisione lista di controllo.

Verifica il layout alle dimensioni previste. Un testo che sembra leggibile quando si ingrandisce potrebbe risultare difficile da leggere sull’etichetta stampata.

Pianifica gli elementi che compaiono, scompaiono o si ripetono

Un layout può richiedere molto più di semplici parole diverse: un prodotto presenta un marchio di certificazione, un altro no; una guida può prevedere tre passaggi o dodici.

Le regole possono controllare se un elemento viene visualizzato. Possono anche ripetere un elemento per ogni voce di un elenco. Ad esempio, ogni fase di un’istruzione potrebbe ricevere un numero, un’immagine e un paragrafo.

Chi prepara lo script può impostare gli spazi e l’allineamento una sola volta. L’operatore poi verifica che nel risultato compaiano le voci corrette.

Decidi cosa succede quando manca un elemento opzionale. Il testo rimanente deve spostarsi verso l’alto? Lo spazio deve rimanere vuoto? Fai questa scelta prima che il team inizi a produrre tutte le varianti.

Continua con i contenuti lunghi

Alcuni elenchi sono troppo lunghi per un solo riquadro, anche con un buon layout. Le istruzioni o le schede informative potrebbero richiedere un’altra colonna o pagina.

Design Script supporta le colonne di testo e può aggiungere tavole da disegno in Illustrator per i contenuti ripetuti. Una tavola da disegno è l’area in Illustrator utilizzata per una pagina o un elemento grafico separato.

Il designer sceglie margini, spaziatura ed eventuali elementi da ripetere. Lo script deve essere configurato per quel layout di pagina.

Prova un elenco abbastanza lungo da richiedere un’altra pagina. Verifica dove avviene l’interruzione e se la pagina successiva ha ancora senso.

Prepara un set di test utile per l’operatore

Mantieni un piccolo set di esempi che il team possa eseguire dopo una modifica al layout o allo script. Includi sia prodotti comuni sia quelli più complessi.

Chiedi alla persona incaricata di verificare i risultati di controllare:

  • testo troncato o troppo piccolo,
  • elementi che si sovrappongono,
  • badge, immagini o voci dell’elenco mancanti,
  • ampie lacune in cui i contenuti opzionali sono scomparsi,
  • interruzioni innaturali tra colonne o pagine.

Se lo stesso problema si ripresenta in più file, mostra quegli esempi a chi gestisce lo script. Correggere la regola comune può far risparmiare a tutti di ripetere la stessa correzione manuale.

Conserva un caso insolito da far rivedere separatamente a un designer, quando necessario. L’obiettivo è un layout che gestisca bene le modifiche quotidiane, con un chiaro passo successivo quando i contenuti richiedono un'attenzione particolare.