Μια επισκόπηση του πλαισίου διαφανειών του Designmodo

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

Το Slides Framework είναι μια σειρά προτύπων για τη δημιουργία κινούμενων σχεδίων μιας σελίδας. Το πακέτο περιλαμβάνει όλους τους πηγαίους κώδικες HTML / CSS / jQuery και τα αρχεία PSD / Sketch για τους σχεδιαστές.

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

Ξεκινώντας

Το πακέτο λήψης διαφανειών περιλαμβάνει ένα απλό σεμινάριο για νέους χρήστες. Αυτό ονομάζεται “Πρώτα βήματα” οδηγώντας σας μέσα από τα αρχικά βήματα της δημιουργίας ενός ιστότοπου από το Slides Framework.

Το Designmodo διαθέτει ένα πλήρες βίντεο 8 λεπτών στο YouTube που εξηγεί αυτή τη διαδικασία εγκατάστασης. Ελέγξτε το αν θέλετε να δείτε πώς αυτό λειτουργεί οπτικά.

Το καλύτερο μέρος για τις Διαφάνειες είναι ότι τα πάντα μπορούν να προσαρμοστούν στο πρόγραμμα περιήγησης ιστού σας. Έχει έναν οδηγό ρύθμισης που σας καθοδηγεί σε όλα και συντάσσει το τελικό πρότυπο σε ένα αρχείο .zip. Αυτό επιτρέπει σε οποιονδήποτε να δημιουργήσει ένα πρότυπο διαφανειών, να κατεβάσει τον πηγαίο κώδικα και στη συνέχεια να μεταφορτωθεί κατευθείαν σε ένα διακομιστή ιστού. Απλός!

Κάθε πακέτο ρυθμίσεων περιέχει τους ακόλουθους φακέλους:

• CSS για όλα τα στοιχεία του CSS
• JS για τη βιβλιοθήκη jQuery και για όλα τα πρόσθετα
• Περιουσιακά στοιχεία περιέχει όλα τα μέσα εικόνας που απαιτούνται για μεμονωμένες διαφάνειες
• Βιβλιοθήκη έχει αποσπάσματα κώδικα για πίνακες, διαφάνειες και προσαρμοσμένη πλοήγηση
• Πρότυπο προσφέρει προ-χτισμένες παραλλαγές της διάταξης για διαφορετικές ιδέες έργων

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

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

Εντυπωσιακά χαρακτηριστικά διαφανειών

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

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

Επιπλέον, όλες οι γραμματοσειρές και τα εικονίδια στο Slides Framework είναι ελεύθερα να χρησιμοποιηθούν σε οποιοδήποτε πρότυπο σχεδιάζετε. Αυτό επιτρέπει στους σχεδιαστές να προσαρμόζουν τα σχέδια στο Photoshop ή στο Sketch με σκοπό να παραδώσουν τις ιδέες τους στους προγραμματιστές.

Το Slides Framework προορίζεται να εξοικονομήσει χρόνο κατά την ανάπτυξη όταν δημιουργεί κινούμενες σελίδες προορισμού. Μια άδεια χρήσης μπορεί να χρησιμοποιηθεί για απεριόριστες ιστοσελίδες που είναι πολύ βολικό για ελεύθερους επαγγελματίες ή δημιουργικούς οργανισμούς που συνεργάζονται με πολλούς πελάτες.

Για να μάθετε λίγο περισσότερο επισκεφτείτε τη σελίδα FAQ που απαντά στις περισσότερες ερωτήσεις σχετικά με τον τρόπο λειτουργίας των διαφανειών.

Προκατασκευασμένα πρότυπα κατόπιν αιτήματος

Αν θέλετε να εξοικονομήσετε χρόνο με τις Διαφάνειες, μπορείτε να επιλέξετε να εργαστείτε με ένα από τα προ-κατασκευασμένα πρότυπα αντί. Αυτά έρχονται σε ένα ευρύ φάσμα σχεδίων από βίντεο φόντου σε σελίδες προορισμού εφαρμογών iOS.

Το βίντεο Πρότυπα διαφανειών προσφέρει μια φανταστική ματιά στις διάφορες επιλογές. Όποιος αγοράζει το πλαίσιο διαφανειών μπορεί να επιλέξει μεταξύ προσαρμογής μιας διάταξης από την αρχή ή προσαρμογής ενός από τα 11 πρότυπα γρήγορης εκκίνησης.

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

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

Προσαρμογή διαφανειών για ιστότοπους

Μια πρακτική πτυχή του Slides Framework είναι ότι τρέχει με κώδικα HTML / CSS / JS. Αυτό σημαίνει ότι μπορείτε να δημιουργήσετε μια σελίδα προορισμού στο WordPress, Laravel, Django ή ακόμα και στον Node.js. Αλλά δεν απαιτείται καμία γλώσσα backend επειδή οι διαφάνειες μπορούν να εκτελούνται ως μια στατική HTML / CSS ιστοσελίδα.

Αυτό δίνει στους προγραμματιστές μεγάλη ευελιξία κατά τη διαμόρφωση των Διαφανειών για να τρέχουν σε οποιονδήποτε συγκεκριμένο ιστότοπο.

Για παράδειγμα, κάποιος μπορεί να θέλει μια σελίδα προορισμού να έχει προστεθεί στον ιστότοπό του WordPress αλλά να μην έχει προστεθεί στην αρχική σελίδα. Οι διαφάνειες μπορούν να χρησιμοποιηθούν ως πρότυπο WP που εφαρμόζεται σε μία μόνο σελίδα χωρίς να επηρεάζεται οποιαδήποτε άλλη σελίδα στον ιστότοπο.

Θα πρέπει να σημειωθεί ότι όποιος ελπίζει να επεξεργαστεί μια διάταξη Slides θα πρέπει να γνωρίζει ένα κομμάτι HTML / CSS. Δεν θα χρειαστεί να χρησιμοποιήσετε το WordPress ή οποιοδήποτε άλλο CMS, αλλά το Slides λειτουργεί με κώδικα HTML / CSS. Το μεγαλύτερο μέρος του JavaScript περιλαμβάνεται σε plugins, αλλά μερικές ρυθμίσεις όπως τα εφέ κίνησης μπορεί να απαιτούν και χειροκίνητες επεξεργασίες.

Λάβετε αυτό υπόψη αν θέλετε να εργαστείτε με τις Διαφάνειες επειδή η κατοχή ενός συγκεκριμένου επιπέδου γνώσης HTML / CSS / JS θα διαρκέσει πολύ.

Το all-in-all πρότυπο διαφανειών προσφέρει μια απίστευτη εμπειρία για οποιαδήποτε προσαρμοσμένη σελίδα προορισμού. Η γεννήτρια διαφανειών και τα προ-κατασκευασμένα πρότυπα μπορούν να εξοικονομήσουν πολύ χρόνο, γράφοντας και ξαναγράφοντας κώδικα από την αρχή.

Το μεγαλύτερο σημείο που πρέπει να σημειωθεί είναι ότι οι διαφάνειες απαιτούν κάποια χειροκίνητη επεξεργασία εάν θέλετε να προσαρμόσετε μια διάταξη που να ταιριάζει στις ανάγκες ενός συγκεκριμένου έργου. Δεν είναι υποχρεωτικό να είστε ειδικός, αλλά θα θέλετε να γνωρίζετε λίγο για το HTML / CSS για να κάνετε τις σωστές αλλαγές σε οποιοδήποτε πρότυπο.

Τύλιξε

Υπάρχουν πολύ λίγα (εάν υπάρχουν) σε βάθος πλαίσια σελίδων προορισμού μαζί με τις Παρουσιάσεις. Ο κώδικας είναι εξαιρετικός, η προσαρμογή είναι φανταστική και η γεννήτρια κώδικα διαφανειών μπορεί να εξοικονομήσει ώρες εργασίας.

Εάν θέλετε να δείτε μια ζωντανή προεπισκόπηση επισκεφθείτε τη σελίδα προορισμού διαφανειών. Περιέχει επίσης λεπτομέρειες σχετικά με τις λειτουργίες Slides και τι μπορείτε να περιμένετε από το πλαίσιο. Το Overall Slides είναι δυναμικό, ελαφρύ και ιδανικό για όσους θέλουν να δημιουργήσουν μια προσαρμοσμένη σελίδα προώθησης ή μια σελίδα προορισμού με pizzazz.