Online vs offline (graphic) design: 10 aandachtspuntjes op een rijtje

Een van de eerste dingen die we vragen als we een brochure of flyer maken (tekst + design): is het voor online of offline gebruik? Want nee, je kunt niet zomaar een online brochure afdrukken, zonder dat er daarbij kwaliteit verloren gaat. 

Wat Gerda-die-alles-uitprint-om-het-beter-te-kunnen-lezen doet is hier niet relevant; sommige mensen printen alles maar zijn zich er dan van bewust dat het niet helemaal goed past. Dat is wel even anders als je echt iets moois gaat (laten) designen. 

Er komt meer bij kijken dan je zou denken en het gaat verder dan alleen even de kleurcodes aanpassen. Raak niet overwhelmed, we zetten vandaag wat aandachtspuntjes op een rijtje.

Kleurenprofiel: RGB vs CYMK

We beginnen met het meest voor de hand liggende puntje: de kleurinstellingen. CYMK (Cyan Yellow Magenta Black) (ja, de K van Black… wij snappen ‘m ook niet helemaal) wordt gebruikt voor print en RGB (Red Green Blue) voor online gebruik. We gaan verder niet helemaal in op alle technische details, want het belangrijkste is om het gewoon goed in te stellen bij het aanmaken van je document.

Heb je een document wat je voor offline gebruik hebt gemaakt en wil je die nu naar online omzetten, of vice versa? Dan kan je gelukkig heel gemakkelijk het kleurenprofiel omzetten in de Adobe programma’s door het profiel te ‘converten’. Google even welk programma je gebruikt en wat je precies wilt, dan komen er vanzelf mooie guides tevoorschijn. Let wel op: check ook even de andere aandachtspuntjes, want zoals we al zeiden is simpelweg een kleurenprofiel aanpassen niet afdoende.

Tekstgrootte: 11/12pt vs 9pt

De default grootte voor Word is niet voor niks 11 of 12pt; dat is voor online gebruik, zodat je de tekst goed kunt lezen zonder dat je in hoeft te zoomen. Hetzelfde geldt voor websites. Maar heb je een document dan wel eens geprint? Dan zijn de teksten opeens super groot. Voor offline gebruik is 9pt gebruikelijk. Dit gaat dan over broodtekst, voor koppen etc. ben je natuurlijk helemaal vrij om te doen wat je wilt.

Bestandsgrootte: klein vs groot

Een fysieke brochure hoeft niet te laden, die laat alle mooie plaatjes en teksten al zien als je hem openslaat. Online werkt dat niet zo. Een online bestand moet worden geladen en als bijlage van een e-mail of via WeTransfer moet hij worden gedownload. Om slome webpagina’s en trage downloads te voorkomen, geldt dat bestandsgrootte voor online gebruik een stuk kleiner is. Hier zijn geen concrete nummers voor. Zorg er iig voor dat elk bestand op je website de 250kb niet overschrijdt. Met Smallpdf kun je PDF’s makkelijk verkleinen, als je geen zin hebt om het bestand weer helemaal te openen in je design programma. 

Voor offline gebruik geldt juist dat de kwaliteit zo hoog mogelijk moet zijn zodat je geen blokkerige afbeeldingen krijgt en het er mooi uit ziet.

Interactie: usability vs flat

Een groot verschil tussen online en offline design is de interactiviteit. In een online PDF kun je daadwerkelijk buttons of links toevoegen, bijvoorbeeld naar relevante webpagina’s. Bij een offline bestand ben je gelimiteerd tot QR-codes. Hou hier in het design ook rekening mee; zorg ervoor dat buttons duidelijk te herkennen zijn als buttons, net zoals je dat op een website zou doen.

Afsnijding: full width vs randjes

Je kunt je online design helemaal tot de randjes laten doorlopen, maar bij een offline document moet je rekening houden met afsnijding. Dat betekent dat je niet helemaal tot de randjes door kunt werken – of in elk geval niet zonder te riskeren dat delen van je tekst/design worden afgesneden. De instellingen voor een offline document zijn daarom anders. Foto’s en vlakken moeten tot na het ‘einde van het document’ doorlopen, om lege stukken en abrupt eindigende foto’s/vlakken te voorkomen. In design programma’s zoals InDesign staat dit duidelijk aangegeven (document bleed).

Gebruik: snelle indruk vs bewaarbaarheid

Zoals we al zeiden gaat online vs offline graphic design verder dan alleen de technische specificaties. Hou ook het doeleinde in gedachten. Een online brochure, flyer of e-book is iets wat mensen downloaden en dan op hun computer opslaan. Tenzij ze het op een prominente plek opslaan, zullen ze er niet snel tegenaan lopen. Het kan ook gewoon rustig daar opgeslagen staan zonder dat iemand er last van heeft. 

Bij offline gebruik is dat anders. Je hebt dan te maken met ‘bewaarbaarheid’. Totdat mensen effectief actie ondernemen en je document weggooien, is het een fysiek iets wat ze kunnen vasthouden. Tegelijkertijd is de ruimte gelimiteerd; de boekenkast is op een gegeven moment vol. Hou daar rekening mee en zorg dat mensen jouw document echt willen bewaren. Dit kan door een prachtige cover, mooi papier, iets uitklapbaars (zie hieronder), shiny elementen of iets anders bijzonders.

Het gebruik of doeleinde is dus vaak heel anders. Online willen mensen een snelle indruk en moet direct duidelijk zijn wat ze eraan hebben. Bij offline nemen mensen wat uitgebreider de tijd. Als je het écht goed doet, hou je hier ook rekening mee in de teksten door de online teksten korter te maken.

Paginagrootte: flexibel vs meestal A4 verhouding

Hoewel elk papierformaat inmiddels wel mogelijk is in de offline drukwereld, zijn online documenten nog steeds flexibiler in de paginagrootte. De meeste brochures, flyers en boekjes zijn A4- of A5-formaat, of in dezelfde verhoudingen maar dan groter/kleiner. Vierkant is inmiddels ook populair. Bij online documenten kun je de lengte en breedte helemaal naar eigen wens instellen, zonder dat je hoge drukkosten hebt vanwege de snijkosten voor de afwijkende formaten.

Fysiek: flat vs diepte

…maar een fysiek bestand heeft dan weer het voordeel dat je allerlei leuke fysieke extra’s kunt toevoegen. Je kunt het zo gek niet bedenken, bijvoorbeeld:

  • Een uitklapbare of uitvouwbare pagina
  • Een gat in de pagina met een tekstje/afbeelding op de volgende pagina, die je er dan ‘doorheen ziet’
  • Een soort ‘flipper’; op elke pagina een figuurtje/tekening die een soort stopmotion filmpje worden als je de pagina’s van voor naar achter door je handen laat glijden (‘afspeelt’)
  • Een 3D uitvouwbaar iets, zoals een autootje wat dan gevouwen is (net zoals de 3D kaarten met vlindertjes die je oma altijd voor je verjaardag maakte)
  • Een stukje glimmend, glitterend, spetterend of wat je ook maar wilt
  • Toevoeging van een cadeautje zoals een sample van iets liquids (bv een crème), bakje, koekje of wat dan ook

Export settings: online vs offline

In het design programma kun je aangeven of het om een online of offline bestand gaat. Buiten de kleurensettings en andere technische specificaties die we hebben beschreven, stelt het programma dan de juiste dingen in. Denk aan links die in een online document klikbaar moeten zijn of de juiste PDF-settings mbt afsnijding bij een offline document.

Check ook altijd even de extra (export) settings bij de drukker. Zo moet je rekening houden met zwarte vlakken bij je document, bijvoorbeeld, omdat het anders kan gaan vlekken. Vaak hebben de grotere partijen duidelijke documenten met guidelines die je aan kunt houden en anders kan je daarom vragen.

Overwhelming? We’ve got your back!

Nu weet je de verschillen, aandachtspuntjes en heb je wat inspiratie opgedaan. Maar we snappen als het overweldigend is. Dan hebben we goed nieuws, want als wij het voor je doen hoef je helemaal nergens rekening mee te houden 😉 wij zorgen voor de juiste technische set-up en denken mee met de lengte van de teksten en eventuele fysieke extra’s. Just get in touch, leuk om je idee te bespreken!

Ninarosa
Ninarosa
Founder, marketeer, copywriter // Met specialisaties in tekstschrijven, ondernemerschap, design, front-end development, marketing en branding weet Ninarosa de juiste basis te leggen voor bedrijven en websites.

Share this

rinske en ninarosa

Aangenaam!

Ben jij een wereldverbeteraar en heb jij copywriting, design, marketing en/of een website nodig? Dan ben je bij ons aan het juiste adres. Wij focussenons op bijvoorbeeld sustainablebedrijven, coaches of bedrijven in de richting van educatie.

Categorieën