Περιεχόμενο
- 01. Repo Σχεδιασμού Συστημάτων
- 02. PixelSnap
- 03. Σκίτσο. Το Ripper
- 04. Stackswell
- 05. Μεταβλητές γραμματοσειρές
- 06. Χρέωση λωρίδων
- 07. CreativeGuild
- 08. Mobbin
- 09. HueSnap
- 10. Συστατικά
- Λάβετε το εισιτήριό σας για Generate New York
Το θέμα της ενημέρωσής μας αυτόν τον μήνα είναι η ταχύτητα και η αποτελεσματικότητα: μερικά από αυτά εργαλεία σχεδιασμού ιστοσελίδων θα κάνει εκπληκτικά πράγματα για τη ροή εργασίας σας, κόβοντας κουραστικές, απογοητευτικές εργασίες που δεν έχουν καμία σχέση με το σχεδιασμό. Πάρτε το Stackswell - αυτοματοποιεί όλα τα ενοχλητικά κομμάτια της απόκρισης σχεδίασης στο Sketch. Ένα άλλο από τα εργαλεία μας επιταχύνει τα πράγματα για εσάς εξάγοντας και οργανώνοντας όλα τα στοιχεία από ένα αρχείο .sketch.
Επιπλέον, υπάρχει ένα υπέροχο νέο προϊόν χρέωσης από το Stripe, ένα εξαιρετικό εργαλείο δικτύωσης για δημιουργικά της Tina Roth Eisenberg και ένα φανταστικό εργαλείο για τη μέτρηση των πραγμάτων στην οθόνη σας σε pixel.
01. Repo Σχεδιασμού Συστημάτων
Εάν σας έχει ανατεθεί η επεξεργασία ορισμένων συστατικών για το σύστημα σχεδίασης του οργανισμού σας, ή ίσως ακόμη και με την κατασκευή ή την κωδικοποίηση του ίδιου του συστήματος, θα θέλατε να ξεκινήσετε να ενημερώνεστε σχετικά με τους πιο πρόσφατους πόρους σχετικά με το θέμα.
Για αυτό, το Design Systems Repo είναι ο φίλος σας. Είναι μια συλλογή βιβλίων, άρθρων, ομιλιών, ιστότοπων, εργαλείων, συστημάτων σχεδίασης, βιβλιοθηκών μοτίβων και οδηγών στυλ που μπορείτε να χρησιμοποιήσετε για να κατανοήσετε τον τρόπο με τον οποίο κορυφαίοι οργανισμοί και κορυφαίοι στοχαστές κάνουν πράγματα.
02. PixelSnap
Το PixelSnap είναι μια πολύ καλή εφαρμογή που κάνει τη μέτρηση των πραγμάτων στην οθόνη σας πολύ λιγότερο ενοχλητική. Τοποθετήστε τον κέρσορα ανάμεσα σε δύο στοιχεία, όπως μια εικόνα και μια επικεφαλίδα και σας ενημερώνει αυτόματα τον αριθμό των pixel μεταξύ τους. Σχεδιάστε ένα ορθογώνιο γύρω από ένα στοιχείο και κουμπώνει γύρω του και σας λέει τις διαστάσεις του. Ναί. Μπορείτε να μετρήσετε τα πράγματα τόσο γρήγορα.
Δείτε το βίντεο στην αρχική σελίδα για να πάρετε την ιδέα. Η εφαρμογή διατίθεται στα 15 $ και το μόνο μειονέκτημα είναι ότι αυτή τη στιγμή είναι διαθέσιμη μόνο ως εφαρμογή Mac. Αλλά αν είστε χρήστης Mac, είναι υπέροχο.
03. Σκίτσο. Το Ripper
Η εξαγωγή και η προετοιμασία περιουσιακών στοιχείων από το Sketch για παράδοση σε άλλη ομάδα μπορεί να είναι πραγματική έλξη, επομένως η προοπτική ενός εργαλείου που το κάνει για εσάς με ένα κλικ είναι μάλλον συναρπαστική. Sketch.The.Ripper εξάγει και οργανώνει τις οθόνες, αντιγράφει και raster εικόνες από όλους τους πίνακες γραφικών σε ένα αρχείο .sketch και τις παρουσιάζει με βολικό τρόπο. Μπορείτε να δείτε ένα παράδειγμα της εξόδου από ένα αντιγραμμένο αρχείο εδώ.
Αυτό το εργαλείο βασίζεται στον ιστό, οπότε λειτουργεί σε οποιοδήποτε λειτουργικό σύστημα, το οποίο μπορεί να αφαιρέσει κάποια τριβή από τη ροή εργασίας σας, εάν οι χρήστες χρησιμοποιούν διαφορετικά συστήματα. Είναι φτιαγμένο από το Icons8 και μπορείτε να το διαβάσετε περισσότερα εδώ.
04. Stackswell
Το Stackswell επιταχύνει τη ροή εργασιών του ανταποκριτικού σχεδιασμού, φέρνοντας ερωτήματα πολυμέσων στο Sketch και αυτοματοποιώντας τη διαδικασία ενημέρωσης στυλ και συμβόλων τύπου για κάθε σημείο διακοπής. Αντί να κάνετε αυτό το έργο χειροκίνητα, όταν προσαρμόζετε το πλάτος ενός πίνακα γραφικών, τα στυλ ενημερώνονται αυτόματα.
Το Stackswell σας εξοικονομεί επίσης τη δουλειά του να πρέπει να ελέγχετε το κάθετο διάστημά σας για κάθε σημείο διακοπής, ώστε να έχετε συνεπή απόσταση με ελάχιστη ταλαιπωρία. Μπορείτε να διαβάσετε περισσότερα για αυτό σε αυτό το άρθρο.
05. Μεταβλητές γραμματοσειρές
Οι μεταβλητές γραμματοσειρές σάς επιτρέπουν να χρησιμοποιείτε πολλά διαφορετικά βάρη και πλάτη γραμματοσειρών χωρίς να χρειάζεται να συμπεριλάβετε ξεχωριστό αρχείο για κάθε ένα: συμπεριλαμβάνετε ένα αρχείο και, στη συνέχεια, τροποποιείτε τη γραμματοσειρά χρησιμοποιώντας CSS. Είναι μια εξαιρετική κατάσταση, διότι σας επιτρέπει να χρησιμοποιείτε την τυπογραφία με το καλύτερο αποτέλεσμα στα σχέδιά σας, χωρίς να χρειάζεται να αυξήσετε το βάρος της σελίδας σας.
Δεν είναι όμως όλες οι μεταβλητές γραμματοσειρές ίδιες. μερικά είναι πιο ευέλικτα από άλλα. Αυτό το εργαλείο σάς δίνει τη δυνατότητα να βρείτε διαφορετικές γραμματοσειρές και να πειραματιστείτε μαζί τους για να δείτε αν ταιριάζουν στις ανάγκες σας. Για περισσότερες πληροφορίες σχετικά με τις μεταβλητές γραμματοσειρές και για να πάρετε μια ιδέα για το τι μπορεί να επιτευχθεί, δοκιμάστε αυτό το demo.
06. Χρέωση λωρίδων
Το νέο προϊόν χρέωσης της Stripe για διαδικτυακές επιχειρήσεις προσφέρει έναν τρίτο τρόπο για εταιρείες που εξετάζουν το δίλημμα του εάν θα κατασκευάσουν ή θα αγοράσουν ένα σύστημα χρέωσης (για περισσότερα σχετικά με αυτό, ρίξτε μια ματιά στο άρθρο μας σχετικά με τις διαδικτυακές λύσεις καταστημάτων). Το Stripe Billing API ενσωματώνεται εύκολα σε έναν υπάρχοντα ιστότοπο και σας επιτρέπει να χρησιμοποιείτε δομικά στοιχεία για να δημιουργήσετε ένα ευέλικτο σύστημα προσαρμοσμένο στις ανάγκες σας.
Όταν το σύστημά σας έχει ρυθμιστεί, όλα διαχειρίζονται από έναν πίνακα ελέγχου, όπου μπορείτε να παρακολουθείτε τις συνδρομές, τα τιμολόγια και τις οικονομικές αναφορές. Παίρνετε επίσης ισχυρές δυνατότητες, όπως το παγκόσμιο σύστημα πληρωμών της Stripe, το οποίο διαχειρίζεται διαφορετικά νομίσματα και πιστωτικές κάρτες και τα ευέλικτα στοιχεία χρέωσης που σας επιτρέπουν να πειραματιστείτε με την τιμολόγηση.
07. CreativeGuild
Το CreativeGuild είναι το απόκομμα του CreativeMornings, μιας δωρεάν μηνιαίας σειράς διαλέξεων που ιδρύθηκε από την Tina Roth Eisenberg στο Μπρούκλιν πριν από μια δεκαετία. Η ιδέα ήταν επιτυχία και τώρα υπάρχουν κεφάλαια CreativeMornings σε περισσότερες από 185 πόλεις σε όλο τον κόσμο, καθεμία με τη δική της ζωντανή κοινότητα που τροφοδοτεί και εμπνέει τα μέλη της.
Το CreativeGuild έχει ως στόχο να φέρει μέρος της κοινότητας στο διαδίκτυο, ώστε να είναι προσβάσιμο σε περισσότερα άτομα. Μπορείτε να το θεωρήσετε σαν λίγο σαν το LinkedIn, αλλά για δημιουργικά. Υπάρχει ένας κατάλογος δημιουργικών εταιρειών, ατόμων και θέσεων εργασίας και μπορείτε να πραγματοποιήσετε αναζήτηση ανά τοποθεσία για να βρείτε ευκαιρίες στην πόλη σας.
08. Mobbin
Το Mobbin είναι μια συλλογή με σχέδια εφαρμογών για κινητά που μπορείτε να χρησιμοποιήσετε για να λάβετε ιδέες για τα δικά σας έργα - αντί να εγκαταστήσετε πολλές εφαρμογές, μπορείτε να τις περιηγηθείτε σε ένα μέρος για να δείτε πώς άλλοι επιλύουν προβλήματα σχεδιασμού. Εμφανίζονται έξι οθόνες για κάθε εφαρμογή, ώστε να μπορείτε να πάρετε μια ιδέα για το ταξίδι του χρήστη και το μοτίβο σχεδίασης για κάθε μία. Υπάρχει επίσης μια πλευρική γραμμή που εμφανίζει λίστες εργασιών.
09. HueSnap
Ποτέ δεν ξέρεις πότε θα έρθει η έμπνευση. Ίσως η διακόσμηση ενός ξενοδοχείου ή το φως στο πάρκο να νιώσουν σαν το σωστό συνδυασμό χρωμάτων για την εργασία σας. Εάν συμβεί αυτό, μπορείτε να τραβήξετε μια φωτογραφία και να χρησιμοποιήσετε το HueSnap για να εξαγάγετε τα χρώματα από την εικόνα και να τα κάνετε σε μια παλέτα.
Η εφαρμογή στοχεύει στη χρήση κινητών, οπότε λειτουργεί καλύτερα στο τηλέφωνό σας και μπορείτε να αποθηκεύσετε και να μοιραστείτε τις παλέτες σας με άλλους. Υπάρχουν διάφορες δυνατότητες που θα σας βοηθήσουν να τροποποιήσετε μια παλέτα, όπως επιλογές για την επιλογή συμπληρωματικών και σύνθετων χρωμάτων. Οι παλέτες σας μπορούν να έχουν έως και έξι χρώματα το καθένα.
Για περισσότερα, ρίξτε μια ματιά στα καλύτερα εργαλεία χρωμάτων για σχεδιαστές ιστοσελίδων.
10. Συστατικά
Όποιος συγκεντρώσει αυτήν τη συλλογή όμορφων ντεγκραντέ έχει υπέροχο χρώμα και ενδιαφέρουσα αίσθηση του χιούμορ. Κάθε κλίση εμφανίζεται σε ένα δοχείο σε σχήμα αυγού και έχει ένα όνομα που μπορεί να σχετίζεται ή όχι με τα χρώματα κατά κάποιο τρόπο. Αν υπάρχει σχέση, δεν μπορέσαμε να την αποκρυπτογραφήσουμε.
Παραδείγματα ονομάτων περιλαμβάνουν «Επιτυχής μετανάστης» για μια τυρκουάζ κλίση, «σπασμένη καρδιά του Wozniak» για ένα ανοιχτό μπλε και «Ελεύθερος εχθρός» για μια μετάβαση από κίτρινο σε πράσινο.
Λάβετε το εισιτήριό σας για Generate New York
Κορυφαία εκδήλωση σχεδιασμού ιστοσελίδων Δημιουργήστε τη Νέα Υόρκη είναι πίσω. Από τις 25 έως τις 27 Απριλίου, οι ομιλητές θα περιλαμβάνουν τον Dan Mall του SuperFriendly, τον σύμβουλο web animation Val Head, τον προγραμματιστή JavaScript πλήρους στοίβας Wes Bos και άλλα. Υπάρχει επίσης μια μέρα εργαστηρίων και κορυφαίων ευκαιριών δικτύωσης - μην το χάσετε. Αποκτήστε το εισιτήριό σας τώρα.
