Αρχική σελίδα » Εργαλειοθήκη » Αυτόματη διαχείριση των χρωμάτων περιβάλλοντος χρήστη σε σκίτσο με αλυσίδα

    Αυτόματη διαχείριση των χρωμάτων περιβάλλοντος χρήστη σε σκίτσο με αλυσίδα

    Τα ταιριαστά χρώματα που ταιριάζουν στη σελίδα σας μπορεί να είναι μια ταλαιπωρία. Αυτό ισχύει και για τα mockups του ιστότοπου και τους UI για κινητές εφαρμογές - και τα δύο απαιτούν ένα εξαιρετικό συνδυασμό χρωμάτων που συνδυάζεται με όλα τα στοιχεία της σελίδας.

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

    Η αλυσίδα είναι α δωρεάν πρόσθετο Sketch που σας επιτρέπει να αυτοματοποιήσετε την επιλογή χρώματος (καλά, κυρίως). Μπορείτε απλά να επιλέξετε ένα κύριο χρώμα και “αλυσίδα” άλλα στοιχεία μαζί με το χρώμα. Αυτό το plugin κάνει όλη τη βαριά ανύψωση για εσάς.

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

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

    Η αλυσίδα σας επιτρέπει να το κάνετε αυτό από ένα μενού στο Sketch. Μπορείτε ακόμη να δημιουργήσετε πολλαπλά “αλυσίδες” των στοιχείων σελίδας, το καθένα με το δικό του μοναδικό στυλ και μοναδικούς στόχους.

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

    • Απόχρωση
    • Αλφα
    • Κορεσμός
    • Λάμψη

    Με αυτόν τον τρόπο μπορείτε να επιλέξετε πώς να συνδυάσετε τα χρώματα μαζί και πώς να τα αναμίξετε με τρόπο που να φαίνεται υπέροχος.

    Παρόλο που είναι ένα εξαιρετικά χρήσιμο plugin για τους σχεδιαστές, πιθανότατα δεν είναι το catch-all λύση για το σχεδιασμό AI. Θα εξακολουθήσετε να θέλετε να ελέγξετε μόνοι σας τις επιλογές χρωμάτων και βεβαιωθείτε ότι είναι σωστές πραγματικά φαίνονται καλά.

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

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