Πώς να φτιάξετε διαδραστικά Flipbook

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

Μπορούμε απλά να χωρίσουμε το πρόγραμμα επεξεργασίας σε 6 περιοχές. Η παρακάτω εικόνα είναι για αναφορά σας.

  • Περιοχή 1: επάνω γραμμή πλοήγησης
  • Περιοχή 2: αριστερή γραμμή μενού
  • Περιοχή 3: αριστερό δευτερεύον πίνακα μενού
  • Περιοχή 4: περιοχή καμβά
  • Περιοχή 5: περιοχή χρονοδιαγράμματος
  • Περιοχή 6: πίνακας ιδιοτήτων δεξιού στοιχείου
Διαδραστικός δείκτης Flipbook - πρόγραμμα επεξεργασίας πολυμέσων

Πώς να χρησιμοποιήσετε τις αισθήσεις στα flipbooks

Αίσθηση 1: Όραση (Όραση)

Η όραση, όπως στην κυριολεξία, είναι αυτό που μπορείτε να δείτε με τα μάτια σας. Είναι επίσης η πρώτη αίσθηση που χρησιμοποιεί ο αναγνώστης όταν διαβάζει ένα βιβλίο. Ως αποτέλεσμα, ενδέχεται να δημιουργήσουμε κάποια οπτικά εστιακά σημεία για να επιστήσουμε την προσοχή του αναγνώστη. Υπάρχει μια οπτική γραμμή κίνησης όταν διαβάζουμε ένα βιβλίο. Από τη μία πλευρά, πρέπει να προσθέσουμε έλξη στο βιβλίο για να δημιουργήσουμε ένα οπτικό highlight, αλλά πρέπει επίσης να προσέξουμε να μην κάνουμε την οπτική εστίαση πολύ ακατάστατη.

Αξιοθέατο-Παράδειγμα 1: Σχεδιάστε τη διαδρομή περιήγησης

Βήμα 1: Choose [Εργαλεία] > [Πινέλο γραμμής] in Area 2-left menu bar.

Βήμα 2: Draw the route according to your plan.

Κάντε κλικ μία φορά στον καμβά για να ξεκινήσετε να σχεδιάζετε. Συνεχίστε να κάνετε κλικ για να σχεδιάσετε τους επόμενους πόντους και κάντε διπλό κλικ για να ολοκληρώσετε το σχέδιο. Μπορείτε επίσης να επιλέξετε [καμπύλη] στον πίνακα ιδιοτήτων του δεξιού στοιχείου, εάν δεν θέλετε να χρησιμοποιήσετε την ευθεία γραμμή. 

Η πρώτη σελίδα του flipbook περιέχει ένα εκπαιδευτικό βίντεο.

Sight-Example 2: Add hotspots

Βήμα 1: In Areas 2 and 3, click [Αλληλεπίδραση]>[Αλληλεπιδράσεις]>[Hotspot] και προσθέστε ένα ή περισσότερα hotspot στον καμβά.
Επί του παρόντος, τα hotspot ταξινομούνται στις πέντε κατηγορίες που αναφέρονται παρακάτω: Αναβοσβήνει, Ζουμ, Περιστροφή, Χειρονομία και Βέλος. Ανάλογα με το αποτέλεσμα που θέλετε να επιτύχετε, μπορείτε να επιλέξετε το κατάλληλο hotspot.

Βήμα 2: In Area 6, customize the hotspot in [Στυλ] 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)

Ο Αμερικανός σκηνοθέτης και ηθοποιός, Melvin Van Peebles, είπε κάποτε ότι η μουσική και ο ήχος σε μια ταινία είναι ένας χαρακτήρας εξίσου σημαντικός με έναν άλλο χαρακτήρα. Ο ήχος παίζει επίσης σημαντικό ρόλο στη δημιουργία της διάθεσης στις ψηφιακές εκδόσεις. Εάν δημιουργείτε ένα βιβλίο με παραμύθια, συνιστούμε να συμπεριλάβετε μουσική υπόκρουση ή ήχο φωνής για να δημιουργήσετε ένα ηχητικό βιβλίο, το οποίο μπορεί να ζωντανέψει το βιβλίο.

Hearing-Example 1: Add audio

Step: Select [Ήχος] και το πρόγραμμα αναπαραγωγής ήχου και, στη συνέχεια, προσθέστε αρχεία.mp3 στο πρόγραμμα.
Εάν θεωρείτε ότι είναι ενοχλητικό να δημιουργήσετε τον δικό σας ήχο, μπορείτε να κάνετε λήψη ήχου από εμπορικά διαθέσιμους ιστότοπους ήχου, όπως π.χ FreePD και 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

Βήμα 1: In Area 2: left menu bar, click [αλληλεπίδραση]> [κουμπί] και βάλε το κουμπί στον καμβά.

Βήμα 2: In Area 6: right element properties panel, click [Στυλ] για να προσαρμόσετε το κουμπί (κείμενο, εικονίδιο και χρώμα), στη συνέχεια κάντε κλικ [Ενέργεια ενεργοποίησης]> [Αναπαραγωγή ήχου].

Σημείωση: Εκτός από τα κουμπιά, μπορείτε επίσης να προσθέσετε ενέργειες ενεργοποίησης ήχου σε οποιοδήποτε στοιχείο, συμπεριλαμβανομένων εικόνων, κειμένου, συνδέσμων και ούτω καθεξής. Απλώς χρησιμοποιώ το κουμπί ως παράδειγμα εδώ.

Sense 3: Interaction

Interaction-Example 1: Conduct a survey

Πολλοί χρήστες του FlipBuilder έχουν ρωτήσει εάν το πρόγραμμά μας υποστηρίζει φόρμες και ερωτηματολόγια. Αλλά δυστυχώς, αυτές οι δύο δυνατότητες δεν υποστηρίζονται ακόμη. Περιμένετε, υπάρχουν ακόμα τρόποι να συμπεριλάβετε ερωτηματολόγια ή φόρμες στα flipbook. Μπορούμε να χρησιμοποιήσουμε άλλα εργαλεία έρευνας για να δημιουργήσουμε ερωτηματολόγια και στη συνέχεια να τα ενσωματώσουμε σε flipbook.

Συνιστώνται για εσάς τα ακόλουθα έξι δημοφιλή εργαλεία έρευνας:

  • Typeform
  • Φόρμες Google
  • SurveyMonkey
  • SoGoSurvey
  • SurveyPlanet
  • Jotform
 

Βήμα 1: Create your own questionnaire in the survey tool platform and get the link.

Βήμα 2: Στην περιοχή 2, επιλέξτε [Εργαλείο] >[Iframe] και προσθέστε τον κώδικα ενσωμάτωσης [Στυλ]> [Σύνδεσμος Ιστού].

Interaction-Example 2: Add trigger action

Click on different buttons to make different items appear through a trigger action. Θα μπορούσαμε να προσθέσουμε οποιοδήποτε αντικείμενο στον καμβά και μετά να προσθέσουμε μια ενέργεια σε αυτό. Ο χρονισμός της ενέργειας είναι προσαρμόσιμος, πράγμα που σημαίνει ότι μια ενέργεια μπορεί να ενεργοποιηθεί εάν πληρούται η προκαθορισμένη συνθήκη. Με βάση αυτή την αρχή, μπορούμε να προσθέσουμε εικόνες προϊόντων στο flipbook και στη συνέχεια να αλλάξουμε το χρώμα του προϊόντος όταν πατηθεί το κουμπί. Ακούγεται αφηρημένο, οπότε μπορείτε τώρα να το δοκιμάσετε μόνοι σας ανατρέχοντας στην πρώτη σελίδα του παρακάτω βιβλίου και κάνοντας κλικ σε αυτήν.

Υπάρχει ένα εκπαιδευτικό βίντεο στη δεύτερη σελίδα του flipbook παραπάνω.

Βήμα 1: Prepare images of your product in different colors.

Βήμα 2: In Area 2, click [εικόνα] και εισάγετε τις προετοιμασμένες εικόνες μία προς μία και μετονομάστε τις εικόνες στην Περιοχή 5: Χρονολόγιο.

Βήμα 3: In Area 2, click [Αλληλεπίδραση]> [Σχήμα], επιλέξτε ένα από τα σχήματα που θέλετε να χρησιμοποιήσετε και βάλτε το στον καμβά. 

Βήμα 4: Επιλέξτε τα στοιχεία σχήματος στον καμβά και χρησιμοποιήστε τον επιλογέα χρώματος στην Περιοχή 6: δεξιό πλαίσιο ιδιοτήτων στοιχείου και χρωματίστε τα στοιχεία σχήματος σύμφωνα με το προϊόν σας.

Βήμα 5: Add trigger events for the items in [Ενέργεια ενεργοποίησης]>[Εμφάνιση/Απόκρυψη].

συμπέρασμα

Χάρη στην προώθηση της χρήσης χωρίς χαρτί και στην αυξανόμενη ευαισθητοποίηση για την προστασία του περιβάλλοντος, οι ψηφιακές εκδόσεις έχουν γίνει μια καλή εναλλακτική στα παραδοσιακά έντυπα βιβλία. Ωστόσο, σε σύγκριση με τα παραδοσιακά έντυπα βιβλία, οι ψηφιακές εκδόσεις έχουν το μειονέκτημα ότι είναι πιο δύσκολο να συγκεντρωθούν οι αναγνώστες. Επομένως, ένα από τα πιο σημαντικά μαθήματα για τους εκδότες είναι πώς να συγκεντρώνουν τους αναγνώστες ενώ διαβάζουν ένα ebook και πώς να δημιουργούν ένα ebook που κρατά τους αναγνώστες αφοσιωμένους. Ενδυναμώνοντας τα flipbook σας με αισθήσεις θα ήταν ένας καλός τρόπος να βυθίσετε τους αναγνώστες σας.

Εάν έχετε οποιεσδήποτε αμφιβολίες σχετικά με τη δημιουργία ενός flipbook, μπορείτε επίσης Επικοινωνία εμείς και θα χαρούμε να σας βοηθήσουμε.

*Ορισμένες λειτουργίες είναι διαθέσιμες μόνο σε Flip PDF Plus Corporate. Μάθε περισσότερα
Kατηγορίες

Πίνακας περιεχομένων

τελευταίες δημοσιεύσεις