Jak tworzyć interaktywne flipbooki

“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 lub 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.

Edytor możemy po prostu podzielić na 6 obszarów. Poniższy obraz jest w celach informacyjnych.

  • Obszar 1: górny pasek nawigacyjny
  • Obszar 2: lewy pasek menu
  • Obszar 3: lewy podrzędny panel menu
  • Obszar 4: obszar płótna
  • Obszar 5: obszar osi czasu
  • Obszar 6: prawy panel właściwości elementu
Interaktywny Flipbook Marker - edytor multimedialny

Jak używać zmysłów w flipbookach

Zmysł 1: Wzrok (Wizja)

Wzrok, dosłownie, jest tym, co widzisz oczami. Jest to również pierwszy zmysł używany przez czytelnika podczas czytania książki. W rezultacie możemy stworzyć kilka wizualnych punktów centralnych, aby przyciągnąć uwagę czytelnika. Kiedy czytamy książkę, pojawia się wizualna linia ruchu. Z jednej strony musimy uatrakcyjnić książkę, aby stworzyć wizualną atrakcję, ale musimy również uważać, aby nie zaśmiecać wizualnej koncentracji.

Widok-Przykład 1: Narysuj trasę wycieczki

Krok 1: Choose [Narzędzia] >[Pędzel do linii] in Area 2-left menu bar.

Krok 2: Draw the route according to your plan.

Kliknij raz na płótnie, aby rozpocząć rysowanie. Kontynuuj klikanie, aby narysować kolejne punkty i kliknij dwukrotnie, aby zakończyć rysowanie. Ty też możesz wybrać [krzywa] w prawym panelu właściwości elementu, jeśli nie chcesz używać linii prostej. 

Pierwsza strona flipbooka zawiera samouczek wideo.

Sight-Example 2: Add hotspots

Krok 1: In Areas 2 and 3, click [Interakcja]>[Interakcje]>[Hotspot] i dodaj jeden lub więcej punktów aktywnych do płótna.
Obecnie hotspoty są podzielone na pięć kategorii wymienionych poniżej: Mrugnięcie, Powiększenie, Obrót, Gest i Strzałka. W zależności od efektu, który chcesz osiągnąć, możesz wybrać odpowiedni 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)

Amerykański reżyser i aktor Melvin Van Peebles powiedział kiedyś, że muzyka i dźwięk w filmie to postać równie ważna jak inna postać. Dźwięk odgrywa również ważną rolę w tworzeniu nastroju w publikacjach cyfrowych. Jeśli tworzysz książkę z bajkami, zalecamy dołączenie muzyki w tle lub narracji głosowej, aby utworzyć książkę audio, która może ożywić książkę.

Hearing-Example 1: Add audio

Step: Select [Audio] i odtwarzacz audio, a następnie dodaj pliki .mp3 do programu.
Jeśli tworzenie własnego dźwięku jest dla Ciebie kłopotliwe, możesz pobrać dźwięk z dostępnych na rynku witryn audio, takich jak FreePD oraz 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 [interakcja]>[przycisk] i umieść przycisk na płótnie.

Krok 2: In Area 6: right element properties panel, click [Styl] aby dostosować przycisk (tekst, ikonę i kolor), a następnie kliknij [Aktywuj akcję]>[Odtwórz dźwięk].

Uwaga: Oprócz przycisków możesz także dodawać akcje wyzwalaczy dźwiękowych do dowolnego elementu, w tym obrazów, tekstu, linków i tak dalej. Używam tutaj tylko przycisku jako przykładu.

Sense 3: Interaction

Interaction-Example 1: Conduct a survey

Wielu użytkowników FlipBuilder pytało, czy nasz program obsługuje formularze i kwestionariusze. Niestety, te dwie funkcje nie są jeszcze obsługiwane. Poczekaj, wciąż istnieją sposoby na dołączenie kwestionariuszy lub formularzy do flipbooków. Możemy użyć innych narzędzi ankietowych do tworzenia kwestionariuszy, a następnie osadzać je w flipbookach.

Zalecanych jest dla Ciebie sześć popularnych narzędzi ankietowych:

  • Wpisz formularz
  • Formularze Google
  • AnkietaMałpa
  • SoGoAnkieta
  • Planeta Ankiet
  • Jotforma
 

Krok 1: Create your own questionnaire in the survey tool platform and get the link.

Krok 2: W obszarze 2 wybierz [Narzędzie] >[Iframe] i dodaj kod do osadzenia w [Styl]>[Łącze internetowe].

Interaction-Example 2: Add trigger action

Click on different buttons to make different items appear through a trigger action. Moglibyśmy dodać dowolny element do płótna, a następnie dodać do niego akcję. Czas akcji można dostosować, co oznacza, że akcja może zostać wyzwolona, jeśli zostanie spełniony wstępnie zdefiniowany warunek. W oparciu o tę zasadę możemy dodawać zdjęcia produktów do flipbooka, a następnie zmieniać kolor produktu po kliknięciu przycisku. Brzmi abstrakcyjnie, więc możesz teraz spróbować sam, odwołując się do pierwszej strony książki poniżej i klikając na nią.

Na drugiej stronie flipbooka powyżej znajduje się samouczek wideo.

Krok 1: Prepare images of your product in different colors.

Krok 2: In Area 2, click [obraz] i importuj przygotowane obrazy jeden po drugim, a następnie zmień nazwy obrazów w Obszarze 5: oś czasu.

Krok 3: In Area 2, click [Interakcja]>[Kształt], wybierz jeden z kształtów, którego chcesz użyć, i umieść go na płótnie. 

Krok 4: Wybierz elementy kształtu na płótnie i użyj selektora kolorów w obszarze 6: prawy panel właściwości elementu i pokoloruj elementy kształtu zgodnie z produktem.

Krok 5: Add trigger events for the items in [Aktywuj akcję]>[Pokaż/Ukryj].

Wniosek

Dzięki promocji rezygnacji z papieru oraz rosnącej świadomości ochrony środowiska publikacje cyfrowe stały się dobrą alternatywą dla tradycyjnych książek drukowanych. Jednak w porównaniu z tradycyjnymi książkami drukowanymi, publikacje cyfrowe mają tę wadę, że trudniej skupić uwagę czytelników. Dlatego jedną z najważniejszych lekcji dla wydawców jest to, jak utrzymać koncentrację czytelników podczas czytania ebooka i jak stworzyć ebooka, który utrzyma zaangażowanie czytelników. Wzmocnienie swoich flipbooków zmysłami byłoby dobrym sposobem na zanurzenie czytelników.

Jeśli masz wątpliwości co do zrobienia flipbooka, możesz również kontakt nas i chętnie Ci pomożemy.

*Niektóre funkcje są dostępne tylko w Flip PDF Plus Corporate. Ucz się więcej
Kategorie

Spis treści

Najnowsze posty