Μια από τις πιο συναρπαστικές αλλαγές στο Android 5.0 είναι η εισαγωγή αυτού που η Google αποκαλεί "Σχεδιασμός Υλικού", μια νέα γλώσσα σχεδιασμού που καθορίζει τον τρόπο με τον οποίο οι εφαρμογές της εταιρείας θα φανούν προς τα εμπρός. Εάν παρακολουθείτε blogs ή ιστοτόπους τεχνολογίας Android, μπορεί να έχετε δει αυτές τις δύο λέξεις να πέφτουν αρκετά. Αλλά τι σημαίνουν πραγματικά;

Ας σπάσουμε αυτό.

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

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

Δείτε πώς οι προγραμματιστές της Google εξήγησαν τα πράγματα στο Google I / O 2014.

Αλλά τι κάνει πραγματικά η εμφάνιση του υλικού;

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

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

Ένα εμπορικό σήμα των εφαρμογών σχεδιασμού υλικών μέχρι στιγμής έχει τολμηρά, φωτεινά χρώματα. Η Google έχει δείξει αυτό το παράδειγμα στις δικές της εφαρμογές, με το Gmail να είναι κόκκινο, το Inbox by Gmail να έχει ανοιχτό μπλε χρώμα και να παραμένει κίτρινο. Η Μουσική Αναπαραγωγής είναι πορτοκαλί, τα Αναπαραγωγή Βιβλίων είναι μπλε, η Αναπαραγωγή Αναπαραγωγής είναι μοβ, τα Παιχνίδια Play είναι πράσινα και τα Βίντεο Αναπαραγωγής είναι κόκκινα. Η εφαρμογή Play Store ανταλλάσσει μεταξύ αυτών των πέντε χρωμάτων, αλλά αυτό δεν είναι μόνο αυτό που το καθιστά καλό παράδειγμα υλικού σχεδιασμού.

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

Οι κινούμενες εικόνες είναι κλειδί

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

Στην έκδοση Android 5.0 της Εκκίνησης Google Now, το εικονίδιο του συρτάρι εφαρμογής μεταμορφώνεται στον άσπρο δίσκο που περιέχει τις εφαρμογές σας. Οι πλευρικές ράβδους, τα κουμπιά και οι κάρτες πληροφοριών ξεφεύγουν από κάπου.

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

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

Το υλικό σχεδιάζεται όχι μόνο για το Android

Ενώ η νέα γλώσσα σχεδιασμού της Google ανακατεύει τον πιο ενθουσιασμό στην κινητή πλατφόρμα της, αυτό δεν αντικατοπτρίζει την προέλευσή της. Αυτή η προσπάθεια δημιουργήθηκε από τις προκλήσεις που αντιμετωπίστηκαν με τη δημιουργία ιστότοπων με κλίμακα διαφορετικών μεγεθών οθόνης. Ο γίγαντας της αναζήτησης θέλει το βλέμμα και την αίσθηση να μεταβαίνουν σε μορφές παράγοντες, με άτομα που μπορούν να πλοηγηθούν σε μια συσκευή χρησιμοποιώντας τις πληροφορίες που έμαθαν από άλλη. Μπορείτε ήδη να δείτε τη σχεδίαση υλικών στις εκδόσεις web του Keep, Drive και Inbox by Gmail. Αναμένεται να εμφανιστεί πιο εμφανώς και στο Chrome OS.

Πού μπορώ να βρω το σχεδιασμό υλικού στο Android σήμερα;

Οι συσκευές Nexus που στέλνονται με το Android 5.0 παρέχουν ήδη μια λεπτομερή υλική εμπειρία. Η τελευταία έκδοση του λειτουργικού συστήματος έχει επίσης αρχίσει να κυκλοφορεί σε Nexus και Motorola τηλέφωνα και ταμπλέτες. Τα άτομα χωρίς Android 5.0 δεν χρειάζεται να κάνουν χωρίς. Πολλές από τις εφαρμογές της Google έχουν ήδη πραγματοποιήσει τη μετάβαση και είναι διαθέσιμες απευθείας στο Play Store. Μπορείτε επίσης να ελέγξετε τη λίστα με οκτώ άλλες εφαρμογές που εμφανίζουν ήδη Σχεδίαση υλικών.

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

Εάν έχετε απορίες σχετικά με το Σχεδιασμό Υλικού, μη διστάσετε να το διαβάσετε στα παρακάτω σχόλια!

Πιστωτικές Εικόνες: Προγραμματιστές Android, Google