“How do I create an interactive flipbook?” is a question we get asked a lot. Well, in today’s article, I will demonstrate some practical examples and how they are made with the multimedia editor in Flip PDF Plus Pro nebo Flip PDF Plus Corporate.
In my humble view, a book that interests the reader appeals to the reader’s senses—sight, hearing, and touch (in this article, touch will be derived as interaction).
Before we dive into the main topic, let’s take a quick look at the main areas of the multimedia editor.
Jednoduše můžeme editor rozdělit do 6 oblastí. Níže uvedený obrázek je pro vaši informaci.
- Oblast 1: horní navigační lišta
- Oblast 2: levá lišta nabídky
- Oblast 3: levý sekundární panel nabídky
- Oblast 4: oblast plátna
- Oblast 5: oblast časové osy
- Oblast 6: pravý panel vlastností prvku
Jak používat smysly ve flipbookech
Smysl 1: Zrak (zrak)
Zrak, jako doslova, je to, co můžete vidět svýma očima. Je to také první smysl, který čtenář používá při čtení knihy. V důsledku toho můžeme vytvořit některá vizuální ohniska, která upoutají pozornost čtenáře. Když čteme knihu, existuje vizuální linie pohybu. Na jednu stranu musíme knize přidat přitažlivost, abychom vytvořili vizuální zvýraznění, ale také musíme dávat pozor, aby vizuální zaměření nebylo příliš nepřehledné.
Pohled-Příklad 1: Nakreslete trasu prohlídky
Krok 1: Choose [Nástroje] >[Čárový štětec] in Area 2-left menu bar.
Krok 2: Draw the route according to your plan.
Jedním kliknutím na plátno začněte kreslit. Kliknutím nakreslete další body a dvojklikem kreslení dokončíte. Můžete si také vybrat [křivka] v pravém panelu vlastností prvku, pokud nechcete použít rovnou čáru.
První stránka flipbooku obsahuje výukové video.
Sight-Example 2: Add hotspots
Krok 1: In Areas 2 and 3, click [Interakce]>[Interakce]>[Hotspot] a přidejte na plátno jeden nebo více aktivních bodů.
V současné době jsou aktivní body rozděleny do pěti kategorií uvedených níže: Blikání, Lupa, Otáčení, Gesto a Šipka. V závislosti na efektu, kterého chcete dosáhnout, můžete vybrat vhodný hotspot.
Krok 2: In Area 6, customize the hotspot in [Styl] and add a trigger action. You are able to link the hotspot to a pop-up message window, video, image, link, or other item supported there.
Sense 2: Hearing (Sound)
Americký režisér a herec Melvin Van Peebles jednou řekl, že hudba a zvuk ve filmu jsou stejně důležité jako jiné postavy. Zvuk také hraje důležitou roli při vytváření nálady v digitálních publikacích. Pokud vytváříte knihu příběhů, doporučujeme zahrnout hudbu na pozadí nebo hlasový záznam a vytvořit audioknihu, která může knihu oživit.
Hearing-Example 1: Add audio
Step: Select [Zvuk] a audio přehrávač, poté do programu přidejte soubory .mp3.
Pokud je pro vás obtížné vytvořit si vlastní zvuk, můžete si zvuk stáhnout z komerčně dostupných webových stránek o zvuku, jako je např FreePD a YouTube Audio Library.
Hearing-Example2: Add audio trigger action
Add audio with a trigger action and the audio will play when you click a specific item
Krok 1: In Area 2: left menu bar, click [interakce]>[tlačítko] a položte knoflík na plátno.
Krok 2: In Area 6: right element properties panel, click [Styl] upravte tlačítko (text, ikonu a barvu), poté klepněte [Akce spuštění]>[Přehrát zvuk].
Poznámka: Kromě tlačítek můžete k libovolné položce, včetně obrázků, textu, odkazů a tak dále, přidat akce spouštění zvuku. Tlačítko používám pouze jako příklad.
Sense 3: Interaction
Interaction-Example 1: Conduct a survey
Mnoho uživatelů FlipBuilder se ptalo, zda náš program podporuje formuláře a dotazníky. Ale bohužel tyto dvě funkce zatím nejsou podporovány. Počkejte, stále existují způsoby, jak zahrnout dotazníky nebo formuláře do flipbooků. K vytváření dotazníků a jejich následnému vkládání do flipbooků můžeme použít další nástroje průzkumu.
Doporučujeme vám následujících šest oblíbených průzkumných nástrojů:
- Typový tvar
- Formuláře Google
- SurveyMonkey
- SoGoSurvey
- SurveyPlanet
- Jotform
Krok 1: Create your own questionnaire in the survey tool platform and get the link.
Krok 2: V oblasti 2 vyberte [Nástroj] >[Prvek iframe] a přidejte kód pro vložení [Styl]>[Webový odkaz].
Interaction-Example 2: Add trigger action
Click on different buttons to make different items appear through a trigger action. Na plátno jsme mohli přidat libovolnou položku a poté k ní přidat akci. Načasování akce je přizpůsobitelné, což znamená, že akci lze spustit, pokud je splněna předem definovaná podmínka. Na základě tohoto principu můžeme do flipbooku přidat obrázky produktů a poté po kliknutí na tlačítko změnit barvu produktu. Zní to abstraktně, takže si to nyní můžete vyzkoušet sami, když se odkážete na první stránku knihy níže a kliknete na ni.
Na druhé stránce flipbooku výše je videonávod.
Krok 1: Prepare images of your product in different colors.
Krok 2: In Area 2, click [obraz] a importujte připravené obrázky jeden po druhém a přejmenujte obrázky v Oblasti 5: časová osa.
Krok 3: In Area 2, click [Interakce]>[Tvar], vyberte jeden z tvarů, který chcete použít, a položte jej na plátno.
Krok 4: Vyberte položky tvaru na plátně a použijte výběr barvy v oblasti 6: panel vlastností pravého prvku a vybarvěte položky tvaru podle vašeho produktu.
Krok 5: Add trigger events for the items in [Akce spuštění]>[Zobrazit/Skrýt].
Závěr
Díky podpoře přechodu na papír a rostoucímu povědomí o ochraně životního prostředí se digitální publikace staly dobrou alternativou k tradičním tištěným knihám. Ve srovnání s tradičními tištěnými knihami však digitální publikace mají nevýhodu v tom, že je obtížnější udržet pozornost čtenářů. Proto je jednou z nejdůležitějších lekcí pro vydavatele, jak udržet čtenáře soustředěné při čtení e-knihy a jak vytvořit e-knihu, která čtenáře zaujme. Posílení vašich flipbooků pomocí smyslů by byl dobrý způsob, jak ponořit vaše čtenáře.
Pokud máte nějaké pochybnosti o vytvoření flipbooku, můžete také Kontakt nás a rádi vám pomůžeme.