DTP | Web | Design

Indesign User meeting | 14 december 2011

De Indesign User meeting van 14 december stond in zijn geheel in het teken van digitaal publiceren naar Tablets.

Peter Villevoye van Studea verzorgde een groot deel van de presentatie. De inhoud van de presentatie was wat aangepast. Er is geen presentatie geweest over Aquafadas. Dit was jammer omdat in eerste instantie daar, wat Bek betreft, de meeste interesse naar uitging. Quark zou een vergaand samenwerkingsverband zijn aangegaan met Aquafadas. Net zoiets als Woodwing en Adobe. Dit is waarschijnlijk de reden dat deze presentatie is komen te vervallen. Wat dit betekent voor de ontwikkeling van de Aquafadas plugin voor Indesign is onduidelijk.

De meeste aandacht, bij Tablets, gaat uit naar iPad. Het marktaandeel van de iPad is nog veel groter dan van bv Android toestellen. Ook wordt er door iPad bezitters meer geld uitgegeven aan apps dan bij Android gebruikers.

Voor een mooi overzicht met allerlei informatie over publishing naar tablets klik hier

Wat wordt er verstaan onder apps (voor tablets):
  • Native apps. Apps geheel geprogrammeerd, vaak met veel functionaliteit.
  • Web apps. Gebouwd via html / css / javascript. Zijn platformonafhankelijk. Internetverbinding nodig.
  • Hybride apps. Een combinatie van een Native app en een Web app.
  • 'Framework' apps. Een app bouwen/samenstellen m.b.v. een framework. Dit zijn een soort blokken (met bepaalde functionaliteit) waarmee een app kan worden samengesteld. Een voorbeeld hiervan is een Flash framework. Een app met Flash techniek werkt gewoon op bv een iPad. Een ander voorbeeld van een Framework is bv Phonegap. Deze wordt toegepast bij Dreamweaver
  • Publishing apps. Apps die content met bepaalde vormgeving presenteren.
In deze Indesign User meeting gaat het om het maken van Publishing apps. Dit zijn ook de apps die het meest geschikt zijn voor grafische bedrijven om te maken. Bij publishing apps gaat het vaak om iets te bekijken en de overige soorten apps die kunnen een bepaalde functie uitvoeren.

Zoals gezegd is het mogelijk om binnen een iPad app Flash te gebruiken. (Flash Air). Apple staat alleen geen swf-bestanden toe die via een browser worden getoond (websites met Flash).


Standaard bestandsformaten op een Tablet
  • PDF. Exacte weergave van een publicatie zoals deze bedoeld was. Het weergeven van interactiviteit zoals video en geluid werkt niet in elke pdf viewer goed.
  • ePub. Bij PDF is de vormgeving leidend bij ePub heeft de gebruiker de controle hoe het document wordt getoond. Bijvoorbeeld corpsgrootte instellen. ePub is vooral geschikt voor veel tekst en weinig opmaak. Toepassingsgebied vooral boeken.
  • Folio. Het bestandsformaat van Adobe voor het publiceren naar tablets. Nu is dit bestandsformaat alleen geschikt voor tablets (iPad, Android) later waarschijnlijk ook smartphones. Hoewel smartphones een (te) klein scherm hebben om een goede indruk te krijgen van een magazine.

Er zijn diverse voorbeelden getoond van publicaties. Belangrijk bij een publicatie is de navigatie. Een veel gebruikte structuur in een publicatie is horizontaal bewegen voor de artikelen en verticaal bewegen voor de diepgang in een artikel. Horizontaal 'scannen' wat vind ik leuk en verticaal 'ik wil meer weten'.

Het maken van een tablet publicatie gebeurt in zijn geheel in Indesign. Verderop in dit document meer uitleg hierover.

De laatste stap is meestal het aanbieden van de publicatie bij de App store (Apple) en/of de Android Market. Dit is een complex proces. Met name bij Apple wordt zeer kritisch gekeken naar de inhoud van de app (magazine). Bijvoorbeeld een verkoopfolder of een 'magazine' met veel commerciële items zal niet worden goed gekeurd. Er wordt door Apple naar techniek, inhoud en het commerciële accept gekeken. Voor de Android Market zijn de criteria veel minder streng.

Een publicatie kan aangeboden worden in een kiosk (zoals bv app-store). Een kiosk is 1 app (een viewer) waar meerdere publicatie getoond kunnen worden. (bv maandelijks magazine). Adobe biedt gratis een test kiosk aan waar publicatie getoond kunnen worden.

Een publicatie wordt altijd via een cloud-omgeving (locatie op internet) gerealiseerd. Het is niet mogelijk om een folio-bestand via bv een usb stick te verspreiden.


Twixl Publisher
Naast Adobe Digital Publishing was er ook aandacht voor de Twixl Publisher. Deze is ontwikkeld door een Belgisch bedrijf. Dit is ook een Indesign plugin en werkt in grote lijnen hetzelfde als de oplossing van Adobe. Twixl is vooralsnog alleen beschikbaar voor iPad. In 2012 komt ook een Android versie.


Benodigdheden
  • Adobe CS5 of CS5.5
  • Xcode iOS SDK (via Mac app store; alleen installatie nodig). Het publiceren van een publicatie werkt alleen via Mac.
  • iOS Developer program. 99 dolar.
  • iOS Enterprise program. 299 dolar.
  • Twixl plugin en menu.
Een verschil met Adobe is is dat Twixl gebruik maakt van de Book functie in Indesign. Hierdoor wordt je min of meer verplicht om gestructureerd te werken.

Twixl lijkt een goedkopere oplossing. Je betaald 1 bedrag voor de software en niet per publicatie. Nadeel: nog geen Android ondersteuning. Een voordeel van Twixl is wel dat de software goed in elkaar zit en soepel werkt. Adobe is nog meer een beta.

Alle tekst in een Tablet publicatie is een afbeelding (jpg). Dit geldt zowel voor Twixl als Adobe. Sterk inzoomen levert dus een minder 'strakke' letter op.

Een publicatie werkt niet via een cloud. Het bestand (ipa-bestand) kan via iTunes geopend worden. Het ipa-bestand kan dus verspreid worden.

Er is een mogelijkheid om de publicatie 'stand-alone' aan te bieden. Dus zonder gebruik te maken van een kiosk (app-store)


Indesign CS6

Een waarschijnlijke nieuwe functionaliteit 'liquid layout'. Hiermee wordt de opmaak automatisch aangepast aan het medium (tablet, website, print). Indesign wordt steeds meer ingezet voor allerlei verschillende soorten publicaties. Deze dynamische layout lijkt in de demo video heel mooi te werken. Afwachten dus...


Werking in Indesign

Wat heb je nodig voor een publicatie (Adobe methode):
  • Adobe CS5 of CS5.5
  • Extensies (2 'tablet' paletten). Er zijn vele updates. Het product is nog zeker niet uit ontwikkeld.
  • Desktop viewer. (simulatie van de publicatie; zoals deze op de iPad zal worden getoond).
  • Content viewer.
  • Adobe ID is nodig (o.a. beschikking over een dashboard met een soort google analytics voor gebruik van de publicatie).
  • Tutorials.

Voor het maken van een Tablet publicatie worden vooral de interactieve elementen van Indesign gebruikt. Deze elementen worden ook gebruikt voor bv een Flash publicatie. Niet alle opties van deze interactieve elementen zijn te gebruiken. Niet te gebruiken zijn Animation, Timing en Page Transitions
De extensies zorgen ervoor dat Indesign de beschikking krijgt over de pallets: Overlay creation en Folio builder.


Opmerkingen
  • Bij de start van een publicatie is het belangrijk dat er goed wordt nagedacht over de matrix van pagina's. De horizontale en verticale weergave van pagina's (content).
  • Werk binnen Indesign altijd met pixels
  • iPad werkt met een resolutie van 1024 x 768 (4:3 formaat)
  • Werk met RGB
  • Maak een document preset voor een tablet
  • Denk in artikelen i.p.v. in een compleet magazine. Elk artikel is een afzonderlijk Indesign-document
  • Voor een magazine met 8 artikelen heb je in totaal 20 indesign-documenten nodig. Voor- en achterzijde + 8 artikelen maal 2. Een opmaak voor het staand formaat en een opmaak voor het liggend formaat.
  • Zorg voor een goede bestanden-structuur. Vaak heb je dus van elke artikel een 'horizontaal' en 'verticaal' document.
  • Bij het aanmaken van een hyperlink moet altijd de optie Nieuwe hyperlink worden gebruikt. 'Shared hyperlink destination' mag niet worden gebruikt.
  • In een pagina een video schalen gaat niet goed op de iPad. Een video moet altijd 100% worden geplaatst.
  • Voor video is het niet mogelijk om de in Indesign aanwezige controllers (navigatie) te gebruiken. Dit zijn Flash controllers.
  • In het pallet Overlay creator zijn de specifieke tablet functies aanwezig. (zoals 'swypen').
  • Het is mogelijk om een hele html pagina te plaatsen in Indesign. (soort iFrame in een publicatie). Een html pagina waar bijvoorbeeld css of javasript is toegepast.
  • Bij het aanmaken van een lange pagina in landscape stand moeten de document settings zijn Breedte 1024px en Hoogte 768px (dus liggend). Daarna moet de pagina instelling op bv Breedte 1024px en Hoogte 3000px worden gezet. Deze instelling mag niet gemaakt worden in de document instellingen omdat het document dan als een staand document wordt gezien en dat gaat fout op de tablet.
  • De al jaren aanwezige object states (maken van een fotoslideshow) werken ook op tablets. In de object states kunnen ook compleet opgemaakte pagina's worden geplaatst.
  • Bij een website zit de navigatie vaak boven of links. Bij een tablet is dit anders. (i.v.m het vasthouden van de tablet). Het beste kan de navigatie onder en of rechts zitten.
  • Op www.studea.nl staan wat iPad Indesign templates. Klik hier.
  • iPad 3 heeft waarschijnlijk een 2* hogere resolutie. Dit betekent, als je het goed wil doen, dat je 2 versies moet hebben. iPad1 en 2 versie en een iPad3 versie met hogere resolutie beelden. Deze hogere resolutie beelden kunnen, i.v.m. de snelheid, beter niet voor iPad1 en 2 worden aangeboden.











Tags