XScope για το OS X: καθολικό μέτρο για τους σχεδιαστές
Makradar Της τεχνολογίας / / December 19, 2019
Κάθε πλοίαρχος - ξυλουργός, ένας ράφτης, ένας ηλεκτρολόγος - φέρνει πάντα σε ένα συγκεκριμένο σύνολο των οργάνων. Αυτό το σετ για τους σχεδιαστές εφαρμογών - desktop, κινητό και στο διαδίκτυο - μπορείτε να καλέσετε το πρόγραμμα xScope. Αν μιλάμε γι 'αυτό δεν έχει ακόμη ακούσει σημείωμα. Ειδικά άλλαξε πρόσφατα xScope μεγάλες αριθμό έκδοσης.
Φυσικά, κατά το στάδιο της δημιουργίας του σχεδιαστή διάταξης συνεργάζεται με τον μετρητή ενσωματωμένο πρόγραμμα επεξεργασίας εικόνας ή του σχεδιασμού του προγράμματος. Μια xScope μπαίνει στο παιχνίδι όταν το έργο έχει φτάσει στο πρώτο στάδιο της εφαρμογής, και μπορούμε, να το πω έτσι, να αισθάνονται ζωντανοί πρώτη μεταγλωττισμένη έκδοση της εφαρμογής ή να επιβάλει μια ιστοσελίδα. Λοιπόν, ή για να δείτε μια στατική διατάξεις, χωρίς τη λήψη τους στο κατάλληλο επεξεργαστή, που είναι βολικό για το προσωπικό που είναι υπεύθυνο για το έργο.
Για μια λεπτομερή επιθεώρηση όλων των ειδών των πολύ χρήσιμο γραμμή, κουφώματα, κάγκελα και άλλα κομμάτια. Βλέπουν πως η εφαρμογή της αντίστοιχης ιδέας: ευθυγραμμιστεί σωστά αντικείμενα, αν αυτά τα μεγέθη σε ορισμένους τομείς, και ούτω καθεξής.. Σε xScope τα έχει όλα.
εργαλεία μέτρησης
Τα πάντα ότι ο σχεδιαστής που χρησιμοποιούνται για την εργασία σε ένα σχέδιο στο γραφικό επεξεργαστή, ευρύ χώρο της οθόνης και παρέχει xScope. Ενώ οι οδηγοί έχουν εδώ και καιρό μέρος του προτύπου εργαλειοθήκη του κάθε εργαλείου επεξεργαστή γραφικών Οδηγοί αποτελείται xScope σε αντίθεση με λειτουργική. Κατ 'αρχάς, ο οδηγός, μπορείτε να δημιουργήσετε πολλαπλά, μεταξύ των οποίων αυτόματα - τον καθορισμό του αριθμού και της απόστασης. Δεύτερον, η αμοιβαία διάταξη των οδηγών μπορεί να καθοριστεί και να τα μεταφέρετε ως μονάδα. Τρίτον, οι νέοι οδηγοί ομάδα μπορεί να σωθεί, έτσι ώστε αργότερα να μπορείτε να τις χρησιμοποιήσετε, απλά κατεβάστε το κατάλληλο αρχείο. Ένα πολύ χρήσιμο εργαλείο για τον έλεγχο της ευθυγράμμισης των αντικειμένων, ειδικά αν βρίσκονται σε όλο το επίπεδο της οθόνης.
πλαισίου Πλαίσια Είναι επίσης χρήσιμο για τον έλεγχο της διάταξης των διαφόρων αντικειμένων, αλλά μέσα σε μια περιορισμένη περιοχή του παραθύρου ή ιστοσελίδα. Μέσα σε κάθε πλαίσιο μπορείτε να ενεργοποιήσετε το δίκτυο με ένα συγκεκριμένο γήπεδο ή σταθερό οδηγούς που χωρίζουν το χώρο του πλαισίου σε ίσα μερίδια. Εάν εργάζεστε με ένα σχέδιο για μια οθόνη ειδικά για το πλαίσιο, μπορείτε επίσης να ρυθμίσετε την αναλογία διαστάσεων. Εάν είναι απαραίτητο, το μόνο που εμπίπτει στο πεδίο εφαρμογής του, ή μπορεί να αντιγραφεί στο πρόχειρο ως bitmap, ή απλά να πάρετε ένα screenshot που με τις κατάλληλες σημάνσεις μπορούν να σταλούν σε έναν συνάδελφο.
χάρακας Χάρακες Επίσης, είναι σε θέση να περισσότερο από τους ομολόγους του σε οποιοδήποτε συνηθισμένο επεξεργαστή γραφικών. το είδος αυτό της δαγκάνες, διέσχισαν με ένα μοιρογνωμόνιο, το οποίο είναι κατάλληλο για τη μέτρηση του μεγέθους των αντικειμένων, την απόσταση μεταξύ αυτών και η γωνία στην οποία βρίσκονται ο ένας στον άλλο. Αν προσαρμόσετε το μέγεθος και τη θέση των γραμμών στη διατήρηση κλειδί ^ (Ctrl), Το εργαλείο θα κολλήσει στα όρια του πλησιέστερου στοιχείου της διασύνδεσης της εφαρμογής ή την τοποθεσία Web.
Μου άρεσε πολύ το εργαλείο διαστάσειςΑυτό σας επιτρέπει να βρείτε γρήγορα το μέγεθος της κάθε περιοχής. Άνετα: έχουν βάλει τον κέρσορα του ποντικιού σε οποιοδήποτε στοιχείο ή τομέα - και xScope έδειξε δύο κάθετα με άκρα, δίπλα στο οποίο εμφανίζεται όχι μόνο το πλάτος και το ύψος του εν λόγω αντικειμένου, αλλά ο λόγος της της πλευρές. Αυτό που είναι ιδιαίτερα δροσερό: μπορείτε να δημιουργήσετε αμέσως ένα πλαίσιο ή τοποθετήστε τους οδηγούς με βάση τις μετρήσεις που έγιναν.
Λοιπόν, ίσως, το πιο εύκολο εργαλείο μέτρησης στο xScope - στόχαστρο το είναι Crosshair. Μπορεί να χρησιμοποιηθεί για τον προσδιορισμό των ακριβείς συντεταγμένες οποιουδήποτε σημείου, όχι μόνο σε σχέση προς τα αριστερά άνω ή κάτω γωνία της οθόνης - αλλά επίσης σε σχέση με οποιοδήποτε άλλο σημείο, το οποίο μπορεί να ρυθμιστεί εύκολα κλειδιά ⌘0.
Εργαλεία δοκιμές
Από εργαλεία xScope ξεχωριστά, θα ήθελα να ξεχωρίσω ένα μεγεθυντικό φακό φακό, Οθόνες προσομοιωτής Οθόνες και ένα νέο χαρακτηριστικό xScope 4.0 - μηχανισμός επικαλύψεις. Είναι χρήσιμο όχι μόνο για το έργο με το τελικό σχέδιο, αλλά και κατά τη διάρκεια της ανάπτυξής του.
Η αρχή λειτουργίας της μεγεθυντικό φακό είναι προφανής: xScope δίνει ένα αιωρούμενο παράθυρο που δείχνει το εμβαδόν κάτω από το δρομέα ποντικιού μεγεθύνεται. Για ένα σημείο ακριβώς κάτω από το δρομέα, μπορείτε να βρείτε το χρώμα - Αποθήκευση και αντιγραφή για χρήση σε ένα πρόγραμμα επεξεργασίας γραφικών ή μια εφαρμογή για την ανάπτυξη. Για λόγους ευκολίας, το παράθυρο μεγεθυντικός φακός μπορεί να περιλαμβάνει πλέγμα pixel, cross-μαλλιά και τις συνολικές μετρήσεις, το αποτέλεσμα της που μοιάζει με πολλά εργαλεία τρόπους διαστάσεις. Τέλος, η εμφάνιση των χρωμάτων στην μεγεθυντικού φακού μπορεί να ρυθμιστεί σύμφωνα με τον τύπο της αχρωματοψίας που ιδιαίτερα σημαντικό κατά την επιλογή των χρωμάτων που θα είναι σε θέση να διακρίνουν μεταξύ όλων των χρηστών, ανεξάρτητα από το χρώμα αντίληψη.
Simulator οθόνες - ένα άλλο κινητό παράθυρο, το μέγεθος του οποίου επιτρέπει να προσομοιώσουν την οθόνη οποιουδήποτε μεγέθους και του προσανατολισμού. Αυτό το εργαλείο είναι χρήσιμο το γεγονός ότι όταν εργάζονται για το σχεδιασμό διάταξης μπορεί να ελεγχθεί άμεσα, όπως βολικό στοιχεία του περιβάλλοντος και χρήσιμες πληροφορίες είναι, για παράδειγμα, στην οθόνη του smartphone σας ή δισκίο. Η χρηστικότητα της ιστοσελίδας για το MacBook Air 11-οθόνη «- είναι επίσης ένα σημαντικό ζήτημα, το οποίο πρέπει να ληφθεί υπόψη κατά το στάδιο της ανάπτυξης του σχεδιασμού. Χρήσιμες έργο είναι μια μόνιμη έκθεση των στοιχείων που εμφανίζονται στην οθόνη, όπως τη γραμμή μενού, πάνελ Dock, γραμμές εργαλείων και την κατάσταση των διαφόρων web browsers. επίσης, σε Οθόνες υπάρχει ένας προσομοιωτής των διαφόρων τύπων των προβλημάτων όρασης και της λεγόμενης «deretinizator» που απλοποιεί την προβολή των γραφικών στοιχείων στην παραδοσιακή ανάλυση μη-retinovskom.
Όσον αφορά το νέο μέσο επικαλύψεις, Είναι χρήσιμο να ελέγξει τη σωστή λειτουργία των προσαρμοστικών διεπαφών. Πρώτα απ 'όλα, πρόκειται για τις ιστοσελίδες σχεδιαστεί για να λειτουργεί σε διαφορετικές οθόνες. Στο επικαλύψεις μπορείτε να καθορίσετε ένα διαφορετικό σύνολο των στηλών με τα κενά και τα πλευρικά περιθώρια - και δείτε το ντιζάιν με διαφορετικό πλάτος της σελίδας. Η ομορφιά αυτού του εργαλείου είναι ότι συνδέεται με το παράθυρο του προγράμματος περιήγησης στο Web και, σύμφωνα με το μέγεθός του, και προσαρμόζει αυτόματα το μέγεθός του, την ίδια στιγμή αλλάζει τις παραμέτρους του δικτύου, αν η διάσταση που έχετε ορίσει ως ποσοστό, αντί σε εικονοστοιχεία. Ωστόσο, αν κρατάτε μόνο διατάξεις για διάφορα πλάτη οθόνη, όπως «στατική» μπορεί επίσης να ελεγχθεί χωρίς να χρειάζεται να το τοποθετείτε στο μοντάζ.
Και κάτι άλλο ...
Είδος γραφείο πληροφοριών για τις γραμματοσειρές και λαμβάνονται ξεχωριστά σήματα ένα εργαλείο κείμενο. Καθορίστε τη γραμματοσειρά του ενδιαφέροντος και στη συνέχεια επιλέξτε ένα συγκεκριμένο χαρακτήρα - και διάσταση μπορούν να λάβουν αναλυτικές πληροφορίες: υπογράψει διαστάσεις όταν συναρμολογείται στη διεπαφή, τις φυσικές διαστάσεις και παράμετροι για το CSS-αναλυτή, εναλλακτικές και παρόμοιες σημάδια. Ο επιλεγμένος χαρακτήρας μπορεί να αντιγραφεί, όπως είναι, καθώς και διάφορα μνημονικά.
Τέλος, το εργαλείο καθρέπτης Σας επιτρέπει να στείλετε μια συγκεκριμένη εικόνα στην κινητή συσκευή σας, η οποία θα πρέπει να εγκατασταθεί βοηθητικό xScope Mirror. Στο πλαίσιο καθρέπτης Μπορείτε να κατεβάσετε τα περιεχόμενα του παραθύρου κάτω από το δείκτη του ποντικιού, για να εμφανιστεί μια στατική εικόνα από ένα αρχείο ή πρόχειρο. Αλλά το πιο ενδιαφέρον είναι ότι xScope μπορεί να συνδεθεί με το «Photoshop», όπου σε πραγματικό χρόνο καθρέπτης Θα πρέπει να διαβιβάζονται στο μάτι-συσκευή όλες τις αλλαγές που κάνατε στο σχεδιασμό διάταξης. Προγραμματιστής των κινητών διεπαφές είναι πολύ χρήσιμο εργαλείο που απλοποιεί σε μεγάλο βαθμό την προεπισκόπηση διάταξης πριν μεταφερθούν στον κύριο του έργου. υποστήριξη Λοιπόν AirPlay δίνει την ευκαιρία να παρουσιάσουν τα σχέδια, για παράδειγμα, στο Apple TV.
Ευχρηστία και παραμετροποίηση
Κάθε xScope εργαλείο που ονομάζεται σε ένα ποντίκι κλικ στο κατάλληλο κουμπί στη γραμμή εργαλείων που επιπλέει. Ωστόσο, μου άρεσε η δυνατότητα να εμφανίζουν το ίδιο σύνολο των κουμπιών στη γραμμή μενού OS X: τόσο η οθόνη δεν κολλάει επιπλέον αντικείμενα που μπορεί να αποσπάσει την προσοχή από την εργασία. Ωστόσο, ακόμη πιο συμπαγής λύση - μια ενιαία εικόνα xScope και πλήκτρα συντόμευσης που μπορεί να αποδοθεί σε συγκεκριμένα εργαλεία.
Στις ρυθμίσεις του προγράμματος είναι επίσης πολλά ενδιαφέροντα πράγματα. Για παράδειγμα, μπορείτε να ορίσετε μια λίστα των γραμματοσειρών στη δουλειά με το παράθυρο κείμενο ή σειρά εμφάνισης μεγέθη για το εργαλείο Οθόνες. Η ακρίβεια των ορίων της αναγνώρισης, διαστάσεις και η μορφή των αντιγραφεί χρώματα φακού, γραμμές χρώμα για Οδηγοί, Πλαίσια και CrosshairΚαι αλλάξετε ορισμένα μέσα στη μετάβαση προς μια συγκεκριμένη εφαρμογή (ενότητα SmartTools) - μόνο ένα μικρό μέρος των παραμέτρων xScope που μπορούν να προσαρμοστούν ώστε να ταιριάζουν στις ανάγκες σας.
Περιττό να πούμε, ένα πολύ σοβαρό εργαλείο για τον επαγγελματία σχεδιαστή, το οποίο απλοποιεί σημαντικά το έργο σχετικά με το λεπτομερή σχεδιασμό των διεπαφών, ανεξάρτητα από το αν, υπό οποιοδήποτε μέγεθος οθόνης και η ανάλυση δημιουργούνται. Έτσι xScope εξαλείφει την ανάγκη να εγκαταστήσετε το σύνολο των plug-in δέσμες ειδικών προγραμμάτων. Αν αυτή είναι το δικό σας πεδίο της δραστηριότητας - το συνιστώ ανεπιφύλακτα τουλάχιστον εξοικειωθούν με demo xScope. Σύνδεση για να αγοράσει το Mac App Store συμπεριλαμβάνεται.