Tillbaka till bloggen
GuideFormgivareGrafikoperatörer

Att utforma grafiskt material som passar verklig text och produktinformation

Gör plats för längre namn, fler språk och föränderliga listor. Planera hur din Illustrator-layout ska anpassas innan det slutgiltiga innehållet anländer.

Lästid: 5 min

Det riktiga produktnamnet är längre än exemplet

Du färdigställer en etikett med ett kort produktnamn. Kunden gillar den. Sedan kommer den slutgiltiga texten: namnet tar tre rader, ingredienserna listan är dubbelt så lång och ytterligare ett språk måste få plats på baksidan.

Du kan flytta varje textruta för hand. Men om det finns tjugo liknande etiketter kan du behöva göra samma ändringar tjugo gånger.

En adaptiv layout är en design med regler för just sådana förändringar. Till exempel, när rubriken blir högre flyttas detaljerna under den nedåt. Avståndet mellan dem förblir detsamma.

I Paqira kan dessa regler skrivas i ett Design Script: instruktioner som talar om för Adobe Illustrator hur grafiskt material ska skapas eller uppdateras. Någon måste förbereda och testa dessa instruktioner. När de är klara kan teamet återanvända dem med olika produktdetaljer.

Det är fortfarande designern som avgör vad som ser bra ut. Reglerna tillämpar dessa beslut på nästa produkt.

Samla först in några svåra exempel

Innan du sätter upp en layout, be den som levererar texten om mer än ett exempel. Du behöver veta vad som kan komma senare.

För en etikett ska följande samlas in:

  • ett kort produktnamn och ett mycket längre,
  • en kort ingrediensförteckning och en lång,
  • exempel på varje önskat språk,
  • en produkt med en badge och en utan,
  • bilder med olika former eller storlekar.

För en produktguide kan du prova med en kort uppsättning instruktioner och en mycket längre uppsättning. För ett certifikat kan du prova med namn av olika längd.

Om den slutgiltiga texten inte är klar, skapa exempel av liknande längd. Markera dem tydligt som exempel. En layout som endast fungerar med Den kortaste texten har ännu inte testats på ett meningsfullt sätt.

Bestäm vad som kan flyttas

Vissa delar av det grafiska materialet måste förbli på sin plats. Andra kan flyttas när innehållet runt omkring dem växer.

Till exempel kan en logotyp placeras högst upp på en etikett. Produktnamnet placeras under den. Ingrediensförteckningen börjar under produktnamnet, med en tydligt mellanrum. Om rubriken får en extra rad kan ingrediensförteckningen flyttas nedåt.

Förklara detta för den som förbereder skriptet med enkla ord:

Behåll logotypen på samma plats. Lämna samma mellanrum under rubriken, även om rubriken sträcker sig över ytterligare en rad.

Paqira Design Script kan använda storleken och placeringen av Illustrator-element för att beräkna var andra element ska placeras. Det kan också hjälpa Uppskatta hur mycket utrymme texten behöver. Du måste fortfarande kontrollera det färdiga resultatet med de typsnitt och den text som används i projektet.

Börja med de delar som kräver upprepade justeringar. Du behöver inte en regel för varje form.

Se till att texten är lättläst

Att göra teckensnittet mindre kan lösa ett utrymmesproblem, men det kan göra etiketten svår att läsa.

Kom överens om vad ni ska prova först:

  1. Låt textrutan växa om det finns utrymme.
  2. Flytta nästa element samtidigt som du håller ett tydligt mellanrum.
  3. Använd en annan överenskommen bredd eller en extra kolumn.
  4. Flytta valfri information till ett annat lämpligt område.
  5. Be en designer att granska versionen om dessa alternativ inte fungerar.

Ange den minsta acceptabla textstorleken. Markera även områden som måste hållas fria. Dessa gränser bör ingå i inställningarna och granskningen checklista.

Kontrollera grafiken i den avsedda storleken. Text som ser bra ut när du zoomar in kan vara svår att läsa på den tryckta etiketten.

Planera för saker som dyker upp, försvinner eller upprepas

En layout kan kräva mer än bara olika ord. En produkt har ett certifieringsmärke, en annan har det inte. En guide kan bestå av tre eller tolv steg.

Regler kan styra om ett element ska visas. De kan också upprepa ett element för varje post i en lista. Till exempel varje steg i en instruktion kan få ett nummer, en bild och ett stycke.

Den som förbereder skriptet kan ställa in avstånd och justering en gång. Operatören kontrollerar sedan att rätt uppgifter visas i resultatet.

Bestäm vad som ska hända när ett valfritt element saknas. Ska den återstående texten flyttas upp? Ska utrymmet förbli tomt? Gör det valet innan teamet börjar producera alla versioner.

Låt långa texter fortsätta

Vissa listor är för långa för en ruta, även med en bra layout. Instruktioner eller informationsblad kan behöva ytterligare en kolumn eller sida.

Design Script stöder textkolumner och kan lägga till Illustrator artboards för upprepat innehåll. En artboard är det område i Illustrator som används för en sida eller ett separat stycke grafiskt material.

Designern väljer marginaler, avstånd och eventuella element som ska upprepas. Skriptet måste konfigureras för just den sidlayouten.

Testa en lista som är precis tillräckligt lång för att kräva en ytterligare sida. Kontrollera var avbrottet sker och om nästa sida fortfarande är begriplig.

Ge operatören en användbar testuppsättning

Ha en liten uppsättning exempel som teamet kan köra efter att en layout eller ett skript har ändrats. Inkludera både vanliga och svåra produkter.

Be den person som kontrollerar resultaten att leta efter:

  • text som är avskuren eller för liten,
  • element som överlappar varandra,
  • saknade märken, bilder eller listposter,
  • stora luckor där valfritt innehåll försvann,
  • klumpiga radbrytningar mellan kolumner eller sidor.

Om samma problem förekommer i flera filer, visa dessa exempel för den som underhåller skriptet. Att åtgärda den gemensamma regeln kan spara alla från att behöva göra samma manuella korrigeringar om och om igen.

Spara ett ovanligt fall som en designer kan granska separat vid behov. Målet är en layout som hanterar dagliga ändringar väl, med en tydlig nästa steg när innehållet kräver extra uppmärksamhet.