Material Design: νέο στυλ διεπαφής από την Google και η εφαρμογή του σε πειραματικές ρυθμίσεις του προγράμματος περιήγησης Chrome

Η Grandiose σχεδιάζει να εισαγάγει ένα νέο εταιρικό στυλ Google – Σχεδιασμός Υλικού– προβλέπουν αλλαγή του κελύφους στο μέλλον πιο δημοφιλές πρόγραμμα περιήγησηςστον κόσμο του Chrome. Μέχρι στιγμής, το Material Design στην τρέχουσα έκδοση του προγράμματος περιήγησης μπορεί να δει κανείς μόνο στην ενότητα λήψεις. Ωστόσο, εάν είναι επιθυμητό, ​​οποιοσδήποτε χρήστης μπορεί να ενεργοποιήσει ορισμένες πειραματικές λειτουργίες του Chrome για να αρχίσει να εργάζεται με το αγαπημένο του πρόγραμμα περιήγησης ιστού με τη νέα του μορφή. Τρόπος ενεργοποίησης επιλεγμένων πειραματικών χαρακτηριστικών σχεδίασης υλικού στο πρόγραμμα περιήγησης Google Chrome, και τι θα προκύψει από αυτό στο τέλος - θα μιλήσουμε για αυτό σε όλους σε αυτό το άρθρο. Αλλά πρώτα – λίγα λόγια, στην πραγματικότητα, για το Υλικό στυλΣχέδιο.

1. Νέο στυλ Google – Σχεδιασμός Υλικού

Σχεδιασμός Υλικού– όπως βλέπουμε από τη ρωσική μετάφραση του ονόματος του νέου στυλ Google, έχει σκοπό να δώσει ρεαλισμό στη διεπαφή των προϊόντων της εταιρείας. Με την πρώτη ματιά, το Material Design είναι επίπεδο και στερείται τρισδιάστατων εφέ, αλλά αν ρίξετε μια πιο προσεκτική ματιά, είναι στην πραγματικότητα πολύπλοκο και πολυεπίπεδο. Σχηματίζεται από ένα λεπτό, διακριτικό παιχνίδι σκιών που ρίχνουν τα στοιχεία. Όταν τα επιλέξετε κάνοντας κλικ ποντίκι υπολογιστήή αγγίξτε συσκευές αφήςΤα στοιχεία του Material Design θα ρίξουν μια πιο πλούσια σκιά, αλλά ταυτόχρονα, χωρίς έντονα εφέ αντίθεσης. Τα στοιχεία του Material Design έχουν πλούσια, συμπαγή χρώματα, σαφώς καθορισμένες άκρες, αλλά όχι αιχμηρές γωνίες. Η εναλλαγή μεταξύ των στοιχείων διεπαφής πραγματοποιείται ομαλά, χωρίς έντονους τόνους. Ο σχεδιασμός του υλικού βασίζεται στην αρχή της τυπογραφικής εκτύπωσης με ευανάγνωστες (λείομενες) γραμματοσειρές, μη ερεθιστικά χρώματα φόντου, σωστή απόσταση μεταξύ των στοιχείων, εστίαση της προσοχής στα σωστά σημεία και διαισθητική πλοήγηση.

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

Το Material Design είναι ακόμα ένα αρκετά νεανικό έργο. Παρουσιάστηκε επίσημα σε συνέδριο της Google το καλοκαίρι του 2014, αλλά σήμερα εφαρμόζεται σε πολλά προϊόντα της Google. Έτσι, η διεπαφή για φορητές συσκευές έχει σχεδιαστεί σε στυλ Υλικού Σχεδίου. πλατφόρμες Android, ξεκινώντας από την έκδοση 5.0. Πολλές διεπαφές ιστού έχουν μεταφραστεί σε αυτό το στυλ. υπηρεσίες Google: συννεφιασμένος Αποθηκευτικός χώρος Google Drive (και μαζί του οι διαδικτυακές εφαρμογές γραφείου "Έγγραφα", "Πίνακες", "Παρουσιάσεις"), σημειώσεις Google Keep, εργαλείο δημιουργίας φορμών ιστού Φόρμες Google, αναλυτής τάσης ερωτήματα αναζήτησης Google Trends, κατάστημα περιεχομένου Android Google Play, κοινωνικό δίκτυο Google+ και άλλα.

Για σύγκριση: από την ημερομηνία σύνταξης αυτού του άρθρου, οι υπηρεσίες web της εταιρείας όπως π.χ Φιλοξενία βίντεο YouTube, προσωπικός Ημερολόγιο GoogleΗμερολόγιο, ειδησεογραφικός ιστότοπος Google News, υπηρεσία αναζήτησης για τη βιβλιοθήκη ψηφιοποιημένων βιβλίων Google Books και άλλα.

2. Πειραματικές ρυθμίσεις Chrome

Επιμέρους στοιχείαΟ σχεδιασμός υλικού στο Google Chrome είναι ενεργοποιημένος στις πειραματικές ρυθμίσεις του προγράμματος περιήγησης. Η πρόσβαση σε αυτά είναι δυνατή με είσοδο γραμμή διεύθυνσηςαξίες:

Όταν κάνετε αλλαγές σε πειραματικές ρυθμίσεις - είτε σε σχέση με το Material Design είτε σε σχέση με άλλες λειτουργίες, πρέπει να θυμάστε τη δυνατότητα επιστροφής αρχικές ρυθμίσειςΧρώμιο.

Κοιτάζοντας μπροστά, σημειώνουμε ότι μετά την εφαρμογή όλων πιθανά στοιχείαΣχεδιασμός Υλικών στο Πειραματικό Ρυθμίσεις GoogleΤο Chrome δεν θα μοιάζει με επανασχεδιασμένο προϊόν. Σήμερα, εκτός από την προαναφερθείσα ενότητα λήψης στο στυλ Σχεδιασμού υλικού, η οποία είναι προεγκατεστημένη στο τρέχουσες εκδόσειςΧρώμιο, μετατροπή σε νέα διεπαφήΛίγα στοιχεία του προγράμματος περιήγησης προσφέρονται για αυτό.

3. Σχεδιασμός υλικού στην κεφαλίδα του Chrome

Η κεφαλίδα είναι τρέχουσα κατά την ημερομηνία γραφής Εκδόσεις Chromeμοιάζει με αυτό:

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

Ωστόσο, μετά την επανεκκίνηση δεν θα δούμε δραστικές αλλαγές στην κεφαλίδα του Chrome. Μόνο θα βρούμε το νέο είδοςκουμπιά μενού, γνωστά σε πολλούς Διασύνδεση Android, καθώς και αλλαγή του χρώματος των φακέλων με σελιδοδείκτες. Προηγουμένως κίτρινο χρώμαοι φάκελοι θα γίνουν γκρίζοι. Αυτό είναι όλο.

4. Λήψη ενότητας σε στυλ Υλικού Σχεδιασμού

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

καθώς και ένα κουμπί για τις διαθέσιμες επιλογές για την ενότητα λήψεις, πάλι σε στυλ Android.

Σε πειραματικά περιβάλλοντα, γνώστες της παλιάς σχεδίασης τομών Λήψεις Chromeμπορεί να επιστρέψει τη γνωστή διεπαφή. Για να το κάνετε αυτό, πρέπει να βρείτε την επιλογή "Ενεργοποίηση σχεδίασης υλικού στη σελίδα "Λήψεις", να ορίσετε τη θέση "Απενεργοποιημένο" στην αναπτυσσόμενη λίστα και να επανεκκινήσετε το πρόγραμμα περιήγησης.

5. Σχεδιασμός υλικού για το ιστορικό του προγράμματος περιήγησης

Πώς μοιάζει η ενότητα; Ιστορικό GoogleΤο Chrome στο νέο στυλ σχεδιασμού υλικού, δυστυχώς, δεν θα το γνωρίζουμε ακόμα. Σίγουρα αυτό θα είναι μια άνευ προηγουμένου ευκολία, γιατί, θεωρητικά, θα αναζητήσουμε τον επιθυμητό ιστότοπο μέσα στο χάος όλων των επισκεπτών σε λίγες μέρες χρησιμοποιώντας κάρτες τακτοποιημένα στη σειρά. Μετάβαση τμήματος Ιστορικό του Chromeσχετικά με το Material Design παρέχονται πειραματικές ρυθμίσεις, αλλά στην πραγματικότητα δεν θα έχουμε κανένα αποτέλεσμα. Το ιστορικό του προγράμματος περιήγησης απλά δεν θα εμφανίζεται. Ίσως στο εγγύς μέλλον η επιλογή πειραματικών ρυθμίσεων «Ενεργοποίηση ιστορικού σχεδίασης υλικού» θα λειτουργήσει.

6. Ενότητα επεκτάσεων και εφαρμογών στο στυλ Material Design

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

Για να δείτε την ενότητα για επεκτάσεις στο στυλ Σχεδίασης υλικού, στις πειραματικές ρυθμίσεις, αναζητήστε την επιλογή "Ενεργοποίηση επεκτάσεων σχεδίασης υλικού" και κάντε κλικ στο "Ενεργοποίηση". Επανεκκινήστε το πρόγραμμα περιήγησης.

Μετά την επανεκκίνηση του Chrome, η ενότητα επεκτάσεων με επένδυση υλικού σχεδίασης δεν θα είναι πλέον διαθέσιμη ξεχωριστή καρτέλαστην ενότητα ρυθμίσεων. Πρόσβαση στη λίστα εγκατεστημένες επεκτάσειςκαι οι αιτήσεις μπορούν να ληφθούν εναλλακτικά μέσω του στοιχείου " Πρόσθετα εργαλεία» στο μενού του Chrome.

Ή με άλλο τρόπο - καλώντας οποιοδήποτε από τα κουμπιά επέκτασης στη γραμμή εργαλείων του προγράμματος περιήγησης κατάλογος συμφραζόμενωνκαι επιλέγοντας «Διαχείριση επεκτάσεων».

Και εδώ είναι το ίδιο το Material Design στην ενότητα επεκτάσεων και εφαρμογών:

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

Να έχεις μια υπέροχη μέρα!

Στις Πειραματικές λειτουργίες του προγράμματος περιήγησης Google Chrome

Γενικά ΠρόσφαταΧρησιμοποιώ τον Chrome και πώς Τα στατιστικά στοιχεία του αναγνώστη του ιστολογίου μου δείχνουν— τα περισσότερα είναι επίσης σε chrome.

Αλλά αποδεικνύεται Google πρόγραμμα περιήγησηςΤο Chrome περιέχει μεγάλο ποσόεπιλογές που δεν θα βρείτε στην ενότητα κανονικών ρυθμίσεων. Είναι κρυμμένα σε μια ειδική σελίδα υπηρεσίας chrome://flags. Κατά κανόνα, αυτά είναι πειραματικά ή απαραίτητα μόνο περιορισμένος κύκλοςδυνατότητες του χρήστη. Ωστόσο, ανάμεσά τους υπάρχουν αρκετά που μπορεί κάλλιστα να ενδιαφέρουν τους αναγνώστες.

Για πρόσβαση στις ρυθμίσεις που αναφέρονται παρακάτω, εισαγάγετε τη γραμμή διευθύνσεων του προγράμματος περιήγησής σας chrome://flagsκαι πατήστε Εισαγω.Στη σελίδα που ανοίγει θα δείτε μια αρκετά μεγάλη λίστα διάφορες παραμέτρους, το νόημα του οποίου δεν είναι τόσο εύκολο να κατανοηθεί ακόμα και παρά τα διαθέσιμα σχόλια. Ας δούμε τα πιο ενδιαφέροντα που βρήκαμε στον πιο πρόσφατο Chrome.

Λειτουργίες

chrome://flags/#enable -translate-new-ux- αλλάζει τον πίνακα κανονικής μετάφρασης που εμφανίζεται στις σελίδες ξένη γλώσσα, στο μικρό εικονίδιο στη γραμμή διευθύνσεων.

chrome://flags/#enable -ignore-autocomple te-off— ενεργοποιήστε την παράβλεψη της απαγόρευσης της αυτόματης συμπλήρωσης σε ιστότοπους. Αυτό ισχύει για τη χρήση αυτόματη πλήρωσηκωδικούς πρόσβασης παρά τους περιορισμούς της σελίδας.

chrome://flags/#spellcheck -autocorrect - αυτόματη διόρθωσητυπογραφικά λάθη.

chrome://flags/#enable -scroll-prediction- προσπαθεί να προβλέψει την τελική θέση του δακτύλου κατά την κύλιση σε συσκευές αφής, έτσι ώστε το περιεχόμενο να εισέλθει αυτό το μέροςθα φορτωθεί εκ των προτέρων.

chrome://flags/#enable -download-resumpti on— να επιτρέπεται η συνέχιση ή η εκ νέου λήψη αρχείων που δεν λήφθηκαν μέχρι την ολοκλήρωση λόγω αποτυχίας σύνδεσης ή κλεισίματος του προγράμματος περιήγησης, μέσω ενός στοιχείου μενού περιβάλλοντος ΒΙΟΓΡΑΦΙΚΟ.

chrome://flags/#enable -offline-mode— σας επιτρέπει να περιηγείστε σε ιστοσελίδες χωρίς να συνδεθείτε στο δίκτυο λόγω μιας προηγουμένως αποθηκευμένης προσωρινής μνήμης.

chrome://flags/#tab -groups-context-menu- προσθέτει στοιχεία στο μενού περιβάλλοντος της καρτέλας για να ομαδοποιήσει τις καρτέλες.

chrome://flags/#enable-encrypted-media- αυτό σας επιτρέπει να εγκαταστήσετε τελευταία έκδοσηΚρυπτογραφημένες επεκτάσεις πολυμέσων στο Google Chrome. Η τεχνολογία χρησιμοποιείται σε HTML5 για την αναπαραγωγή προστατευμένου περιεχομένου.

Απόδοση και σταθερότητα

chrome://flags/#conflicting -modules-chec k— προκαταρκτικός έλεγχος των εγκατεστημένων λογισμικόκαι λειτουργικές μονάδες για συμβατότητα με το πρόγραμμα περιήγησής σας.

chrome://flags/#enable -d3d11— ενεργοποιήστε το Direct 3D σε συστήματα όπου υποστηρίζεται. Οδηγεί σε ταχύτερη απόδοση του προγράμματος περιήγησης.

chrome://flags/#enable -fast-unload— ταχύτερο κλείσιμο καρτελών και παραθύρων προγραμμάτων.

Ποιο πρόγραμμα περιήγησης; Πολλοί από εμάς θα απαντήσουμε σχεδόν χωρίς δισταγμό - Chrome. Αυτή η επιλογή μπορεί να αμφισβητηθεί για μεγάλο χρονικό διάστημα, αλλά αν το σκεφτείτε: ποιος κατασκευαστής ενημερώνει, βελτιώνει και φροντίζει τους πελάτες του τόσο συχνά όσο η Google; Επιπλέον, η εταιρεία πραγματοποιεί συνεχώς καινοτόμες, πειραματικές εξελίξεις που επηρεάζουν σημαντικά τη λειτουργία του προγράμματος, καθιστώντας το πιο ευέλικτο, επιδεκτικό μετασχηματισμού και προσαρμογής σε απόλυτα διαφορετικές απαιτήσειςχρήστες.

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

1. "Num-raster-threads"- θα αυξήσει σημαντικά την ταχύτητα φόρτωσης φωτογραφιών και άλλων εικόνων. Αυτό λειτουργεί αλλάζοντας τον αριθμό των ροών ράστερ, τον οποίο θα σας ζητηθεί να αλλάξετε: η μέγιστη τιμή των ροών δίνει τη μέγιστη ταχύτητα.
2. "Ενεργοποίηση-γρήγορη-ξεφόρτωση"— μερικές φορές η ελαχιστοποίηση καρτελών ή το κλείσιμο των παραθύρων απαιτεί πολύ χρόνο. Χρησιμοποιώντας αυτήν την επιλογή, μπορεί να μειωθεί σημαντικά.
3. "Ενεργοποίηση λειτουργίας εκτός σύνδεσης"- αυτή η λειτουργία επιτρέπει στο πρόγραμμα περιήγησης να φορτώνει σελίδες σε προσωρινή έκδοση και χάρη σε αυτό, η κατάσταση διακοπής της σύνδεσης δικτύου εξαλείφεται σχεδόν πλήρως.
4. "Έλεγχος σύγκρουσης - ενότητες"— μια ρύθμιση που δημιουργήθηκε για τον έλεγχο των φορτωμένων μονάδων. Είναι απαραίτητο να αποτρέψετε σφάλματα που μπορεί να προκληθούν από εφαρμογές τρίτων που είναι εγκατεστημένες στο πρόγραμμα περιήγησης.
5. "Max-tiles-for-interest-area"- μια λειτουργία που θα κάνει την κύλιση των σελίδων πιο ήπια και ομαλή. Αυτό συμβαίνει λόγω περισσότεροΜνήμη RAM από αυτή που συνήθως εκχωρείται για αυτή τη διαδικασία. Στις ρυθμίσεις, μπορείτε να επιλέξετε έναν από τους προτεινόμενους αριθμούς, να ελέγξετε το αποτέλεσμα και έτσι να επιλέξετε τον βέλτιστο. Η ρύθμιση "Force-universal -accelerated -composited - scrolling" έχει παρόμοιο αποτέλεσμα - σας επιτρέπει να κάνετε γρήγορη και απαλή κύλιση ακόμα και στις περισσότερες μεγάλες σελίδεςτοποθεσίες.
6. "Ενεργοποίηση -spdy 4"σας επιτρέπει να μειώσετε σημαντικά τον χρόνο φόρτωσης των τοποθεσιών, των σελίδων και των στοιχείων τους αυξάνοντας την ταχύτητα μεταφοράς πληροφοριών. Αυτή η ρύθμιση έχει έναν περιορισμό - λειτουργεί μόνο για πόρους με το κατάλληλο πρωτόκολλο.
7. "Άγγιγμα - εκδηλώσεις"— θα επιταχύνει εύκολα το πρόγραμμα περιήγησης Chrome σε οποιαδήποτε κινητή συσκευήμε έλεγχο αφής.
8. "Ενεργοποίηση -πειραματικών - δυνατοτήτων καμβά"— μετά την ενεργοποίηση αυτής της ρύθμισης, ο χρήστης θα λάβει ταχύτερη φόρτωση καμβάδων, που αποτελούν αναπόσπαστο μέρος της HTML5, και επομένως θα κάνει την προβολή πιο άνετη.

Για να ενεργοποιήσετε το μενού με πειραματικές λειτουργίες, πρέπει να εισαγάγετε τον συνδυασμό «chrome://flags» στο πεδίο διεύθυνσης. Αυτή η ενέργεια ανοίγει ειδικό μενούμε μια ποικιλία από επιπρόσθετες ρυθμίσειςΧρώμιο.

Πριν ξεκινήσετε να αλλάζετε τις επιλογές, διαβάστε την προειδοποίηση από τους προγραμματιστές, αλλά όπως συμβαίνει συχνά, πιθανότατα δεν θα συμβεί τίποτα κακό - οι προγραμματιστές απλώς ασφαλίζονται. Υπάρχουν πολλές ρυθμίσεις, επομένως είναι καλύτερο να κάνετε αναζήτηση χρησιμοποιώντας τον συνδυασμό "Ctrl+F" - καλεί μπαρα αναζήτησηςγια να εισάγετε ερωτήματα. Όταν επιλεγούν και επισημανθούν οι ρυθμίσεις, πρέπει να επανεκκινήσετε το πρόγραμμα περιήγησης χρησιμοποιώντας το ειδικό κουμπί στο κάτω μέρος του μενού.

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

Δημιουργήστε έναν ιστότοπο.
Εάν χρησιμοποιείτε το Διαδίκτυο για να επισκέπτεστε τοποθεσίες άλλων ανθρώπων και εξακολουθείτε να μην έχετε δικό σας ιστότοπο, πρέπει επειγόντως να διορθώσετε την κατάσταση και να αποκτήσετε έναν ιστότοπο. Για τους κατοίκους της πόλης Kaluga, μπορούμε να προτείνουμε ένα στούντιο Web που δημιουργεί ιστοσελίδες στην Kaluga. Αυτό είναι ένα αποδεδειγμένο στούντιο όπου συνεργάζομαι με ειδικούς στον τομέα τους. Λίγο πριν παραγγείλετε τον ίδιο τον ιστότοπο, δημιουργήστε ένα επιχειρηματικό σχέδιο, πόσα χρήματα είστε διατεθειμένοι να ξοδέψετε στον ιστότοπο και πόσα έσοδα σκοπεύετε να λάβετε από τον ιστότοπό σας. Γενικά, όσο περισσότερη δουλειά κάνετε πριν πάτε σε ένα web studio, τόσο το καλύτερο.

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