25+ φρέσκα εργαλεία για το σχεδιασμό ιστοσελίδων
Οι τελευταίοι μήνες έχουν φέρει πολλά σπουδαία πράγματα για τους σχεδιαστές σε κάθε επίπεδο δεξιοτήτων.
Έχουμε εργαλεία για το σχεδιασμό ιστοσελίδων. Μερικοί από αυτούς προσπαθούν να δημιουργήσουν ένα είδος υβριδικής οπτικής / κώδικα ροής εργασίας, ενώ άλλοι αποκρύπτουν τον κώδικα μακριά για τους αρχάριους.
Έχουμε επίσης εργαλεία δημιουργίας πρωτοτύπων για εφαρμογές και ιστότοπους και μερικά εργαλεία δοκιμής εκτός από αυτά. Ορισμένα είναι ολοκαίνουργια. Άλλοι υπήρξαν για λίγο, αλλά πρόσφατα ενημερώθηκαν με φοβερό νέο υλικό.
Σκάβουν σε! Η Discovery είναι η μισή διασκέδαση.
Σχεδιαστικά εργαλεία
Macaw Scarlet
Πρώτη από τη λίστα είναι Macaw Scarlet , ένα εργαλείο τόσο φρέσκο, δεν είναι ακόμα έξω! Αλλά τότε, είναι από τα παιδιά που μας έφεραν το αρχικό Macaw, έτσι πολλοί άνθρωποι είναι ενθουσιασμένοι ούτως ή άλλως.
Η ίδια η τιμολόγηση ως "ζωντανό περιβάλλον σχεδιασμού", η Macaw Scarlet θα είναι προσανατολισμένη στο να καθίσταται ευκολότερος ο σχεδιασμός ιστοσελίδων με ευκολία για όλους.
Σουσουράδα
Σουσουράδα δεν είναι ένα εργαλείο σχεδιασμού, είναι ένα CMS. Και όμως, θα μπορούσε εύκολα να συμπεριληφθεί στη ροή εργασιών σχεδιασμού, ειδικά όταν πρόκειται για σχεδιασμό περιεχομένου.
Βλέπετε, έχει ένα φανταστικό χαρακτηριστικό που ονομάζεται Streamfield , το οποίο λειτουργεί πολύ όπως ο συντάκτης της μετάδοσης του Medium. Η διαφορά είναι ότι είναι προσαρμόσιμη και επομένως πιο ισχυρή. Αυτό καθιστά πολύ πιο εύκολο για το χρήστη να σχεδιάζει περιεχόμενο σε κάθε σελίδα.
Magic Mirror για σκίτσο 3
Εδώ είναι ένα για τους χρήστες Sketch. Βασικά, κάνει ένα είδος έξυπνου αντικειμένου που έχει σχεδιαστεί για να σας βοηθήσει να βάλετε mockups σε φωτογραφίες αποθέματος.
Εργαλεία πλαισίωσης καλωδίων
Ροή συρμάτων
Αυτό παίρνει την προσωπική μου σφραγίδα έγκρισης. Τρέχει γρήγορα στο κανονικά μη φιλικό προς το σχέδιο tablet μου, και έρχεται με σχεδόν όλα όσα θα μπορούσατε ποτέ να θέλετε από μια εφαρμογή καλωδίωσης.
Είναι επίσης σχεδιασμένο για να λειτουργεί με συσκευές μεγέθους τηλεφώνου, οι οποίες θα μπορούσαν να είναι ένας πολύ καλός τρόπος για να απεικονίσετε σωστά μια διασύνδεση εφαρμογής τηλεφώνου.
Apple Watch kit-frame
Καλλιτεχνικό περιβάλλον UI στοιχεία για το Apple Watch! Τι περισσότερο πρέπει να ξέρετε;
PowerMockup
Έχουν υπάρξει περισσότερα από ένα toolkit wireframe για το λογισμικό Keynote της Apple. Ήταν μόνο θέμα χρόνου πριν κάποιος το έκανε να συμβεί για το Powerpoint. Και έχουν. Εδώ είναι.
Εργαλεία πρωτοτύπου
Origami
Ερχόμενοι από το ίδιο το Facebook: " Origami είναι ένα δωρεάν εργαλείο για το σχεδιασμό σύγχρονων διεπαφών χρήστη. Γρήγορα να δημιουργήσετε ένα πρωτότυπο, να το εκτελέσετε στο iPhone ή το iPad σας, να το επαναλάβετε και να εξάγετε αποσπάσματα κώδικα που μπορούν να χρησιμοποιήσουν οι μηχανικοί σας. "
Δεν υπάρχει ακόμη καμία λέξη για το πόσο χρήσιμα είναι αυτά τα αποσπάσματα κώδικα. Αλλά είναι το Facebook. Έχουν καλούς μηχανικούς.
Θαύμα
Με απλά εργαλεία και ένα σταθερό ελεύθερο σχέδιο, Θαύμα κάνει μια μεγάλη εφαρμογή πρωτοτύπου. Ενσωματώνεται με το Dropbox και το Google Drive, εισάγοντας οποιεσδήποτε εικόνες ορίζετε και επιτρέποντάς σας να τις συνδέσετε σε μια γρήγορη μακέτα μιας εφαρμογής.
Διατηρεί επίσης τις συγχωνευμένες εικόνες σας συγχρονισμένες. Εάν αποθηκεύετε νέες εκδόσεις στο Dropbox ή στο Google Drive, η εφαρμογή πρωτοτύπου ενημερώνεται αυτόματα.
Protosketch
Protosketch είναι ένα πρωτότυπο app (είδος) που έχει σχεδιαστεί για το iPad. Έρχεται με ένα κιτ UI (συμπεριλαμβανομένων των τόνων εξαρτημάτων), βασικά εργαλεία διάνυσμα, εργαλεία ευθυγράμμισης και πολλά άλλα.
Αυτή τη στιγμή είναι σε beta, και είναι μόνο για το iPad, αλλά αν αυτή είναι η πλατφόρμα σας, αυτό θα μπορούσε να είναι ιδανικό για εσάς. Παίζει ωραία και με άλλες εφαρμογές: μπορεί να εξάγει τα αρχεία σας σε μορφές ράστερ, SVG και PDF.
Προστατέψτε
Όπως πολλά άλλα εργαλεία σε αυτήν τη λίστα, Προστατέψτε κάνει πρωτότυπα. Προσφέρει επίσης εργαλεία για να διευκολύνεται η εργασία σε θέματα ομαδοποίησης και οδηγών στυλ. Δημιουργήστε την παλέτα χρωμάτων, ορίστε το στυλ σας και δημιουργήστε μια βιβλιοθήκη στοιχείων UI και μοιραστείτε την με την υπόλοιπη ομάδα.
Ατομικός
Χρήση Ατομικός να τραβήξετε τα αρχεία σας από το Photoshop ή το Σκίτσο και να δημιουργήσετε πρωτότυπα από αυτά. Ο έλεγχος εκδόσεων, οι δυνατότητες συνεργασίας και άλλα καθιστούν το εργαλείο αυτό εξαιρετικό εργαλείο για το κλασικό, γρήγορο, επαναληπτικό σχεδιασμό.
Μορφή
Μορφή είναι ένας προηγμένος δημιουργός πρωτότυπου που λειτουργεί παράλληλα με το iPhone σας. Δημιουργήστε το πρωτότυπο στον επιτραπέζιο ή φορητό υπολογιστή σας και δείτε τα αποτελέσματα αμέσως στο τηλέφωνό σας. Επιπλέον, χρησιμοποιεί τις αρχές σχεδίασης υλικού της Google για να κάνει το πρωτότυπο σας εξαιρετικό.
Pixate
Pixate ειδικεύεται σε "μητρική" πρωτότυπα υψηλής πιστότητας που εμφανίζονται στο τηλέφωνό σας και λειτουργούν πολύ σαν το πραγματικό πράγμα.
Κατασκευαστές ιστοσελίδων
Sandvox
Sandvox είναι μια εφαρμογή Mac για τους μη κωδικοποιητές μεταξύ μας. Είναι σε μεγάλο βαθμό βασισμένο στο πρότυπο (όπως είναι ένα συνεχώς αυξανόμενο τμήμα του Διαδικτύου), αλλά κάνει τις προβλέψεις για τους πιο προχωρημένους χρήστες να προσθέσουν υλικό σε μη αυτόματα.
Διπλασιάζει ως ένα είδος CMS για ορισμένα είδη ιστοτόπων, όπως blogs, και παρόλο που το λογισμικό δεν είναι "νέο", οι πρόσφατες εκδόσεις έχουν εισαγάγει τη Sandvox Hosting. Οι χάρτες-κωδικοποιητές μεταξύ μας μπορεί να επαναλάβουν την ιδέα, αλλά για τους αρχάριους, η συμφωνία πακέτων είναι πραγματικά πολύ μεγάλη.
Λειτουργεί όμως με οποιονδήποτε κεντρικό υπολογιστή, οπότε αν θέλετε να το χειριστείτε μόνοι σας, μπορείτε.
XPRS
Ένας κατασκευαστής ιστοτόπων για αρχάριους, XPRS προσφέρει δωρεάν sites για προσωπική χρήση, για καλλιτέχνες και φοιτητές. Υπάρχουν σχέδια για επιχειρήσεις και ηλεκτρονικό εμπόριο.
WordPress οικοδόμοι
Ρύθμιση ροής
Το WordPress μπορεί να έχει τους επικριτές του, αλλά άλλοι το παίρνουν με εκπληκτικές νέες κατευθύνσεις. Τα παιδιά που πέρασαν στο Themify, για παράδειγμα, αποφάσισαν ότι ήρθε η ώρα να δημιουργηθεί ένα εργαλείο σχεδίασης πάνω από την πλατφόρμα δημοσίευσης.
Το αποτέλεσμα είναι Ρύθμιση ροής το οποίο σας επιτρέπει να δημιουργείτε προσαρμοσμένα θέματα WordPress με δυνατότητα απόκρισης από μια διεπαφή drag-n-drop. Το καλύτερο από όλα, είναι δωρεάν και ανοιχτό.
Ακρωγωνιαίος λίθος
Ακρωγωνιαίος λίθος είναι ένα είδος ανταγωνισμού με το Themify Flow, στο ότι προσφέρει έναν οπτικό τρόπο δημιουργίας θεμάτων του WordPress, ακριβώς πάνω από το WordPress.
Λειτουργεί όμως με διαφορετικό τρόπο. Παραδείγματος χάριν, διαθέτει επεξεργαστή ζωντανών κωδικών και άλλα χαρακτηριστικά σχεδιασμού για να προσφέρουν πρόσβαση σε επίπεδο προγραμματιστών στο σχεδιασμό του μπροστινού μέρους. Επίσης, δεν είναι δωρεάν, εκτός αν αγοράσετε το Χ Θέμα .
Qards
Τετράγωνα είναι μια άλλη πρόσθετη σελίδα δημιουργίας σελίδων για το WordPress. Το μεγαλύτερο μέρος της εργασίας σχεδιασμού γίνεται για εσάς, αλλά αντί να επιλέξετε ένα ενιαίο πρότυπο, χτίζετε κάθε σελίδα με "κάρτες".
Αυτά είναι βασικά προκατασκευασμένα τμήματα διάταξης τα οποία μπορούν να αναμιχθούν και να συνδυαστούν για να δημιουργήσουν μια ολόκληρη σελίδα. Είναι καλό για τις σελίδες προορισμού, την τακτοποίηση μεμονωμένων άρθρων με νέους και πρωτότυπους τρόπους, χώρους προώθησης και τέτοια πράγματα.
Εργαλεία συνεργασίας και παραγωγικότητας
Αναμετάδοση
Μια γρήγορη και εύκολη εργαλείο για χρήστες Slack που πρέπει να μοιραστούν πολύ το σχεδιαστικό έργο τους. Με τις επεκτάσεις / εφαρμογές για Adobe CC, Sketch, Chrome και OSX απλοποιεί την κοινή χρήση όσων εργάζεστε.
Skala Preview
Θέλετε να δείτε προεπισκοπήσεις για οτιδήποτε εργάζεστε στο Photoshop ή στο Android; Απλά εγκαταστήστε Skala Preview , και θα μπορείτε να στέλνετε εικόνες χωρίς προειδοποιήσεις χωρίς απώλειες σε σχεδόν οποιαδήποτε κινητή συσκευή.
Έρχεται με την επιλογή να συνδέσετε τη συσκευή στον υπολογιστή σας μέσω USB αντί να χρησιμοποιήσετε το wi-fi.
RightFont
RightFont είναι ένας γρήγορος, όμορφος διευθυντής γραμματοσειρών για Mac που ενσωματώνεται με το Adobe CC και το Sketch.
Νέος κώδικας
jQuery 3
ο jQuery 3 άλφα έχει απελευθερωθεί. Δεν υπάρχουν νέα χαρακτηριστικά για τα οποία να μιλάμε, αλλά υπήρξαν εκτεταμένες επανεγγραφές παλαιών λειτουργιών, διορθώσεων σφαλμάτων και βελτιώσεων απόδοσης.
Απλούστερη πλευρική γραμμή
Μιλώντας για jQuery, υπάρχουν πολλά νέα plugins που θα μπορούσαν να κάνουν τη δουλειά ενός σχεδιαστή πολύ πιο εύκολη, ειδικά αν είστε σχεδιαστής που κωδικοποιεί επίσης λίγο.
Αρχίζουμε με Απλούστερη πλευρική γραμμή , που κάνει πλευρικές ράβδους. Είναι μικρό, είναι γρήγορο, είναι όμορφο. Απλά μην χρησιμοποιήσετε το μενού χάμπουργκερ για να το ενεργοποιήσω, υποθέτω.
Labelauty
Ετικέτα σας κουμπιά επιλογής και πλαίσια ελέγχου με στυλ. Εξαιρετικό για τον σχεδιαστή που απλά δεν μπορεί να αφήσει τα προγράμματα περιήγησης να κάνουν τα πράγματα με τον δικό τους τρόπο.
έξυπνο σύμβολο κράτησης θέσης
Κατά τη συμπλήρωση των εντύπων, κάνω κάποιες φορές κλικ σε ένα πεδίο, αποσπάσαι από κάτι και μετά επανέρχομαι σε αυτό. Εάν το πεδίο αυτό έχει επισημανθεί με χαρακτηριστικό σύμβολο κράτησης θέσης, μερικές φορές πρέπει να το απενεργοποιήσω για να θυμηθώ τι πρέπει να πληκτρολογώ.
Ανόητο, αλλά ανθρώπινο.
έξυπνο σύμβολο κράτησης θέσης λύνει αυτό το ζήτημα του σχεδιασμού κρατώντας το σύμβολο ορατότητας κάτω από το κείμενο που πληκτρολογείται. Καλά, σωστά;
Ανανεωμένα εργαλεία
Θα είμαστε αμέριστοι εάν δεν προσέξαμε το σπουδαίο έργο που έχει γίνει σε ήδη γνωστές εφαρμογές. Εδώ είναι εκείνες που είχαν πρόσφατα ορισμένες αξιοσημείωτες ενημερώσεις:
Webflow
Webflow έχει ενσωμάτωση υπηρεσιών τρίτων (όπως το υπόλοιπο του Διαδικτύου) με μερικούς νέους τρόπους. Από τώρα, μπορείτε να προσθέσετε λειτουργικότητα στις φόρμες ιστού σας απευθείας από το Webflow.
Μπορείτε να προσθέσετε μηνύματα ηλεκτρονικού ταχυδρομείου στις λίστες του Mailchimp, να στείλετε tweets, να προσθέσετε δεδομένα στα υπολογιστικά φύλλα της Google ή να δημιουργήσετε μια νέα σημείωση με το Evernote. Μπορείτε επίσης, παρεμπιπτόντως, να στείλετε ένα μήνυμα ηλεκτρονικού ταχυδρομείου στη φόρμα σας.
InVision
Το InVision εισήγαγε νέα χαρακτηριστικά σταθερά, συμπεριλαμβανομένων των δωρεάν, απεριόριστων δοκιμών για κινητά χρήστες, ενός διαχειριστή ροής εργασιών, ενσωμάτωσης Dribbble και emoji. Ναι, emoji.
Κτυπητά
Τους τελευταίους μήνες, το Strikingly εισήγαγε ένα νέος επεξεργαστής σελίδων , συνεργασία , και πρόσθεσε ακόμη και ένα Τροφοδοσία RSS για τη λειτουργία του ιστολογίου ... Καλύτερα αργά από ποτέ.
Adobe Muse
Εν τέλει, Adobe Muse είναι ακόμα ένα πράγμα - hey, δεν χρειάζεται ο καθένας τη δύναμη του DreamWeaver. Όπως και ο ισχυρότερος μεγαλύτερος αδελφός του, η Muse μπορεί τώρα να χρησιμοποιήσει οποιαδήποτε γραμματοσειρά από το TypeKit.
Μπορεί επίσης τώρα να δημιουργήσει ιστολόγια, ιστότοπους ηλεκτρονικού εμπορίου και βελτιωμένες φόρμες επικοινωνίας. Επιπλέον, όπως και κάποιες άλλες εφαρμογές στην οικογένεια εφαρμογών CC, μπορεί τώρα να αποκτήσει πρόσβαση στο τεράστιο Adobe Stock βιβλιοθήκη.
