Εργαλείο προεπισκόπησης σχεδίασης καντράν Garmin

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

Πρόκειται μόνο για προεπισκόπηση σχεδίασης. Δεν συνδέεται με ρολόι και δεν παράγει εγκαταστάσιμο καντράν.

Τι δείχνει η προεπισκόπηση

Το καντράν χρησιμοποιεί τη διάταξη στην οποία καταλήγουν τα περισσότερα στρογγυλά ρολόγια:

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

Οι δειγματικές τιμές μπορούν να αλλάξουν ώστε το σχέδιο να κρίνεται με ρεαλιστικούς αριθμούς. Ένας τετραψήφιος αριθμός βημάτων καταλαμβάνει περισσότερο χώρο από έναν διψήφιο, και η 12ωρη μορφή προσθέτει ένδειξη AM ή PM.

Γιατί σκούρες χρωματικές παλέτες

Τα περισσότερα στρογγυλά ρολόγια Garmin χρησιμοποιούν οθόνη memory-in-pixel ή OLED. Σε μια οθόνη OLED, ένα σκούρο φόντο καταναλώνει λιγότερη ενέργεια, επειδή τα μαύρα pixel απλώς σβήνουν. Τα σκούρα καντράν διαβάζονται επίσης πιο εύκολα στο έντονο ηλιακό φως, όπου ένα ανοιχτόχρωμο φόντο αντανακλά λάμψη.

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

Αντίθεση και ευαναγνωσιμότητα

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

Η αναλογία συγκρίνει τη σχετική φωτεινότητα δύο χρωμάτων:

contrast = (L1 + 0.05) ÷ (L2 + 0.05)

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

Αξίζει να γνωρίζετε δύο όρια:

• 3:1 είναι το ελάχιστο για μεγάλο κείμενο
• 4.5:1 είναι το ελάχιστο για κείμενο κανονικού μεγέθους

Η ώρα είναι μεγάλη, οπότε 3:1 αρκεί κατ' αρχήν γι' αυτήν, αλλά μια υψηλότερη αναλογία είναι καλύτερη σε εξωτερικό χώρο. Οι μικρότερες ετικέτες ωφελούνται από 4.5:1 ή περισσότερο.

Παράδειγμα

Με φόντο #0b1020, ένα πολύ σκούρο ναυτικό μπλε, και λευκό κείμενο στο #ffffff, η αντίθεση είναι περίπου 18:1, άνετη σε οποιοδήποτε φωτισμό.

Αν το χρώμα του αριθμού βημάτων αλλάξει σε #2a3a5e, ένα μπλε κοντά στο φόντο, η αναλογία πέφτει σε περίπου 1.6:1. Ο αριθμός γίνεται τότε σχεδόν αόρατος σε απόσταση χεριού, και το εργαλείο το επισημαίνει.

Λήψη του σχεδίου

Το κουμπί λήψης μετατρέπει τη ζωντανή προεπισκόπηση σε PNG διαστάσεων 320 επί 320 pixel. Η εικόνα δημιουργείται στο πρόγραμμα περιήγησης· τίποτα δεν ανεβαίνει. Το αρχείο μπορεί να χρησιμοποιηθεί ως μακέτα, να μοιραστεί για σχόλια ή να διατηρηθεί ως αναφορά κατά την κατασκευή του πραγματικού καντράν με τα εργαλεία Connect IQ της Garmin.

Συχνές ερωτήσεις

Δημιουργεί αυτό ένα καντράν που μπορώ να εγκαταστήσω;

Όχι. Παράγει μια εικόνα ενός σχεδίου. Η κατασκευή ενός εγκαταστάσιμου καντράν απαιτεί το Connect IQ SDK της Garmin ή το Garmin Watch Face Builder.

Γιατί η προεπισκόπηση είναι τετράγωνη ενώ το ρολόι είναι στρογγυλό;

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

Τι μέγεθος πρέπει να έχει ένα πραγματικό καντράν;

Εξαρτάται από το μοντέλο. Οι συνήθεις στρογγυλές οθόνες Garmin είναι 240 επί 240, 260 επί 260 και 416 επί 416 pixel. Η προεπισκόπηση χρησιμοποιεί 320 επί 320 ως μέση τιμή.

Γιατί το χρώμα μου φαίνεται διαφορετικό στο ρολόι;

Οι οθόνες ρολογιών διαφέρουν σε φωτεινότητα και αναπαραγωγή χρώματος, και οι οθόνες memory-in-pixel εμφανίζουν περιορισμένη παλέτα. Η προεπισκόπηση πρέπει να αντιμετωπίζεται ως οδηγός, και κατόπιν να ελέγχεται η πραγματική οθόνη.

Τι σημαίνουν οι αριθμοί αντίθεσης;

Είναι αναλογίες από το πρότυπο προσβασιμότητας WCAG 2.1, το ίδιο μέτρο που χρησιμοποιείται για ιστότοπους. Οι υψηλότεροι αριθμοί είναι ευκολότεροι στην ανάγνωση.