- Δημιουργία σχεδίων κίνησης και αλληλεπίδρασης στο Web σε HTML 5 με Adobe Edge

Δημιουργία σχεδίων κίνησης και αλληλεπίδρασης στο Web σε HTML 5 με Adobe Edge

Τα πιο πρόσφατα πρότυπα ιστού, HTML5 και CSS3 στοσε συνδυασμό με το JavaScript, έχουν μειώσει πραγματικά το χρόνο και την προσπάθεια που συνεπάγεται η δημιουργία ιστοσελίδων με πλούσια γραφικά, κείμενα και κινούμενα σχέδια. Χρησιμοποιώντας τις δυνατότητες του HTML5, δεν χρειάζεται πλέον να γράφετε χειροκίνητα κώδικα για την ενσωμάτωση περιεχομένου πολυμέσων, ενώ το CSS3 καθιστά τα στοιχεία του UI ιστού σας πιο ευέλικτα, εύρωστα και σημαντικά πιο εύχρηστα. Εάν αναζητούσατε ένα εργαλείο σχεδίασης ιστού το οποίο σας επιτρέπει να επωφεληθείτε όσο το δυνατόν περισσότερο από τα πιο πρόσφατα πρότυπα διαδικτύου χωρίς να αναγκάζετε να εισαγάγετε με μη αυτόματο τρόπο τον κωδικό για κάθε στοιχείο UI, Adobe Edge είναι πιθανώς ακριβώς αυτό που χρειάζεστε.

Το Adobe Edge έχει γραφτεί ιδιαίτερα για τοσχεδιαστές του διαδικτύου και της αλληλεπίδρασης που συχνά αγωνίζονται για τη δημιουργία κίνησης ιστού και κινούμενου περιεχομένου χρησιμοποιώντας πρότυπα διαδικτύου HTML5, CSS3 και JavaScript. Είναι βασικά ένα εργαλείο σχεδιασμού κίνησης και αλληλεπίδρασης ιστού για τη δημιουργία κινούμενου περιεχομένου χρησιμοποιώντας HTML5, CSS3 και JavaScript. Ενώ ενσωματώνει όλα τα βασικά εργαλεία δημιουργίας, επεξεργασίας, τροποποίησης και σχεδίασης των στοιχείων UI του ιστού, προσφέρει έναν διαισθητικό χορογράφος κινουμένων σχεδίων για την εύκολη δημιουργία και προσαρμογή κινούμενου περιεχομένου στην ιστοσελίδα σας. Επιπλέον, δεν σας αναγκάζει να ξεκινήσετε ένα νέο έργο από την αρχή, μπορείτε να εισαγάγετε το αρχείο HTML σε αυτό για να συμπεριλάβετε νέες συνθέσεις του UI και να περιηγηθείτε με τα υπάρχοντα στοιχεία UI, όπως το τραπέζι, τα στυλ κειμένου, γραμματοσειρά, ευθυγράμμιση κοντέινερ και πολλά άλλα.

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

Edge main 2

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

τα κύρια στοιχεία

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

άκρη 3

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

κινούμενα στοιχεία

Εκτός από τη δημιουργία συμβατής διαδικτυακής πλοήγησηςτο κινούμενο περιεχόμενο για όλα τα ευρέως δημοφιλή προγράμματα περιήγησης ιστού, συμπεριλαμβανομένων των Firefox, Chrome, Internet Explorer 9, το περιεχόμενο ιστού που δημιουργείται μέσω αυτού του εργαλείου θα λειτουργεί άψογα και στις πλατφόρμες iOS και Android. Σύμφωνα με την επίσημη κοινότητα, το Edge Preview βρίσκεται σε ενεργό ανάπτυξη και σύντομα θα ενημερωθεί με πλήθος χαρακτηριστικών. Το Adobe Edge λειτουργεί σε Windows Vista και Windows 7.

Κατεβάστε το Adobe Edge

Σχόλια