Οπτικοποιήστε τις παλέτες χρωμάτων σας σε απευθείας σύνδεση με Speculo

Το τυπικό διαδικασία σχεδιασμού mockup μπορεί να αισθάνεται σαν μια αγγαρεία. Πρέπει να μετακινήσετε το Photoshop (ή το Σκίτσο) για να αλλάξετε χρώματα, χαρακτήρες, στυλ και να τα συγκρίνετε όλα για να δείτε τι σας αρέσει περισσότερο.

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

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

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

Μπορείτε επίσης να αλλάξτε τις γραμματοσειρές για να δούμε πώς φαίνονται σε κάθε σχέδιο. Θα ήταν δροσερό εάν θα μπορούσατε να προσθέσετε το δικό σας αλλά το site υποστηρίζει μόνο 7 διαφορετικές γραμματοσειρές:

• Άρβο
• Λάτο
• Ανοίξτε το Sans
• Roboto
• Montserrat
• Helvetica Neue
• BLOKKΝαι

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

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

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

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

Μπορείτε να περιηγηθείτε στο πηγαίου κώδικα στο GitHub για να δούμε πώς γίνεται. Εάν έχετε ιδέες ή προτάσεις για το Speculo, μπορείτε να μοιραστείτε με τον δημιουργό του site, τον Ben Howdle.