Στο Google I / O 2014, η Google ανήγγειλε το όραμά της να υιοθετήσει το πρότυπο σχεδιασμού υλικού για όλες τις μεγάλες πλατφόρμες του, συμπεριλαμβανομένου του Android OS, του Chrome OS και του Παγκόσμιου Ιστού. Ο λόγος πίσω από την υιοθέτηση της ίδιας γλώσσας σχεδιασμού για όλη την πλατφόρμα της ήταν το όραμα της Google να προσφέρει μια ενιαία εμπειρία χρήστη στους χρήστες της σε όλες τις υπηρεσίες της. Από την έναρξή του, έχουμε δει τη γλώσσα σχεδιασμού υλικών να ενσωματώνεται σε μεγάλο βαθμό στις πλατφόρμες Google Android και Chrome OS. Ωστόσο, αν και το Android και το Chrome OS έλαβαν ένα σημαντικό πρόσωπο με το σχεδιασμό υλικού, το πρόγραμμα περιήγησης Chrome εξακολουθεί να έχει κολλήσει στο παρελθόν. Αλλά, αυτό δεν σημαίνει ότι η Google έχει εγκαταλείψει πλήρως το πρόγραμμα περιήγησης Chrome (όταν πρόκειται για Σχεδίαση Υλικών).
Στην πραγματικότητα, από το 2016, βλέπουμε πολλά πειραματικά στοιχεία Σχεδιασμού Υλικού ενσωματωμένα στο πρόγραμμα περιήγησης Chrome. Πολύ πρόσφατα, η σελίδα ρυθμίσεων του προγράμματος περιήγησης Chrome ενημερώθηκε στη γλώσσα σχεδιασμού υλικού. Ωστόσο, το μεγαλύτερο μέρος του UI του Chrome δεν υποστηρίζει τη σχεδίαση υλικού, καθώς οι αλλαγές βρίσκονται ακόμα στην αναπτυξιακή φάση. Επειδή αυτές οι αλλαγές παραμένουν σε "beta", δεν εμφανίζονται από προεπιλογή στο πρόγραμμα περιήγησης Chrome. Ωστόσο, υπάρχει ένας τρόπος για να τους επιτρέψετε, αν θέλετε. Απλά θυμηθείτε ότι αυτά τα χαρακτηριστικά είναι ακόμα σε εξέλιξη, έτσι μπορεί να υποφέρουν από κάποια σφάλματα εδώ και εκεί. Έτσι, με αυτό έξω από το δρόμο, ας δούμε πώς να ενεργοποιήσετε το υλικό σχεδίασης στο πρόγραμμα περιήγησης Chrome:
Ενεργοποίηση UI υλικού σχεδιασμού στο Chrome
Πριν ξεκινήσετε, πρέπει να καταλάβετε ότι υπάρχουν πολλά στοιχεία σχεδιασμού στο πρόγραμμα περιήγησης Chrome. Πολλά από αυτά τα στοιχεία έχουν ένα αντίστοιχο στοιχείο Σχεδιασμού Υλικού στην ανάπτυξη. Πριν αρχίσετε να ενεργοποιείτε τα στοιχεία Σχεδιασμού Υλικού, θα πρέπει πρώτα να διαβάσετε λίγο γι 'αυτά, μόνο για να επισημάνετε ποιες είναι οι αλλαγές που κάνετε. Για να κάνετε τα πράγματα εύκολα για σας, θα περιλάβω μια σύντομη περιγραφή για όλες τις αλλαγές . Εντάξει, ας μην χάνουμε άλλο χρόνο και να ξεκινήσουμε.
1. Μεταβείτε στη σελίδα "Σημαίες" του Chrome πληκτρολογώντας " chrome://flags
" στη γραμμή διευθύνσεων και πατώντας το πλήκτρο εισαγωγής / επιστροφής. Όπως σας προειδοποίησα παραπάνω, σε αυτή τη σελίδα, το Chrome θα σας δείξει μια προειδοποιητική δήλωση. Μην ανησυχείτε πάρα πολύ, θα είναι ακριβώς όπως τη χρήση μιας beta έκδοσης του λογισμικού. Μπορεί να αντιμετωπίσετε κάποια σφάλματα, αλλά τίποτα σημαντικό.
Ενεργοποιήστε το σχεδιασμό υλικού σε διαφορετικά στοιχεία του Chrome
Τώρα, που ξέρετε πώς να μετακινηθείτε μεταξύ των στοιχείων, ας ρίξουμε μια ματιά σε αυτά που πρόκειται να αλλάξουμε. Κάθε φορά που κάνουμε μια αλλαγή, το Chrome θα σας ζητήσει να κάνετε επανεκκίνηση του προγράμματος περιήγησης για να αντικατοπτρίσετε τις αλλαγές. Ωστόσο, δεν χρειάζεται να το κάνετε για κάθε αλλαγή, απλά επανεκκινήστε το πρόγραμμα περιήγησης αφού έχετε κάνει όλες τις αλλαγές .
- Σχεδιασμός υλικού στο υπόλοιπο εγγενές περιβάλλον χρήστη του προγράμματος περιήγησης : Χρησιμοποιήστε τα πλήκτρα βέλους για να βρείτε αυτή τη διάκριση στη σελίδα "Σημαίες" και, στη συνέχεια, ενεργοποιήστε την. Η ενεργοποίηση αυτής της ρύθμισης θα εφαρμόζει το σχεδιασμό υλικού για τα καλύτερα στοιχεία σχεδιασμού που υπάρχουν στο πρόγραμμα περιήγησης Chrome, όπως κουτιά διαλόγου, φυσαλίδες κλπ. Σε Mac, αυτή η ρύθμιση θα ενεργοποιήσει τα MacView.
- Ενεργοποίηση σελίδας πολιτικής σχεδίασης υλικών : Αυτό θα αλλάξει τη σελίδα πολιτικής του Chrome (
chrome://policy
) για να αντικατοπτρίζει τη σχεδίαση του υλικού.
- Ενεργοποίηση σελιδοδεικτών υλικού σχεδίασης : Όταν ενεργοποιήσετε αυτήν τη ρύθμιση, η διεύθυνση URL "
chrome://bookmarks
" θα φορτώσει τη σελίδα σελιδοδεικτών υλικού. Για να το κάνετε αυτό, κάντε κλικ στο αναπτυσσόμενο μενού που εμφανίζεται στην εικόνα και επιλέξτε "Ενεργοποιημένο".
- Ενεργοποίηση ανατροφοδότησης σχεδίου υλικού : Όπως προτείνεται από το όνομα, αυτό θα αλλάξει τη σελίδα ανατροφοδότησης για να ενσωματώσει τη γλώσσα σχεδιασμού υλικού.
- Σχεδίαση υλικού Incognito NTP : Αυτή η ρύθμιση θα επιτρέψει στις καρτέλες σας Incognito New να συμμορφώνονται με το σχεδιασμό υλικού.
- Ενεργοποίηση ρυθμίσεων σχεδίασης υλικού : Εάν χρησιμοποιείτε την τελευταία έκδοση του Chrome, η σελίδα Ρυθμίσεις θα πρέπει ήδη να αθληθεί με τη νέα σχεδίαση υλικών. Ωστόσο, αν δεν είναι, μπορείτε να το ενεργοποιήσετε.
- Ενεργοποίηση επεκτάσεων σχεδίου υλικού : Με αυτόν τον τρόπο θα αλλάξει η σελίδα "Επεκτάσεις" του Chrome (
chrome://extensions
) για να υιοθετήσει το σχεδιασμό υλικού.
- Αφού έχετε ενεργοποιήσει όλες τις παραπάνω επιλογές, απλά κάντε κλικ στο κουμπί "Επανεκκίνηση τώρα" στο κάτω μέρος του προγράμματος περιήγησής σας για να κάνετε αυτές τις αλλαγές σε αποτελέσματα.
Τη στιγμή της σύνταξης αυτού του άρθρου, αυτές είναι οι μόνο διαθέσιμες επιλογές. Ωστόσο, όπως ανέφερα προηγουμένως, αυτές οι επιλογές συνεχίζουν να αλλάζουν από καιρό σε καιρό. Έτσι, βεβαιωθείτε ότι έχετε ελέγξει τη σελίδα "Σημαίες" μια φορά για να λάβετε τις πιο πρόσφατες ενημερώσεις. Επίσης, έχω συνδέσει τις φωτογραφίες πριν και μετά από τη σελίδα της επεκτάσεις μου. Στη φωτογραφία, μπορείτε να δείτε τα αποτελέσματα της πραγματοποίησης αυτών των αλλαγών.
Ενεργοποιήστε το σχεδιασμό υλικού στο Chrome
Αγαπώ πραγματικά τη γλώσσα σχεδιασμού του Google. Κάνει τα πάντα όμορφα και αισθάνονται ρευστά. Τα κινούμενα σχέδια είναι τέλεια. Είναι καλό να βλέπουμε ότι η Google προσπαθεί να ενοποιήσει την εμπειρία των χρηστών σε όλες τις πλατφόρμες της. Αυτή η κίνηση θα ωφελήσει όλους τους χρήστες. Αλλά αυτή είναι η άποψή μου, τι γίνεται με τη δική σας; Πιστεύετε ότι το νέο πρόγραμμα Σχεδίασης Υλικών στο πρόγραμμα περιήγησης Chrome θα το αλλάξει καλύτερα; Ενημερώστε μας τις σκέψεις σας αφαιρώντας τις στο παρακάτω τμήμα σχολίων.