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

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

Επισκόπηση υλικής μελέτης

Αν δεν είστε σίγουροι για το υλικό σχεδιασμού, εδώ είναι ένα γρήγορο αστάρι: πρόκειται για μια ιδέα που δημιουργήθηκε από την Google, εξηγώντας συγκεκριμένα τον τρόπο εμφάνισης των εφαρμογών για το Android και τον τρόπο λειτουργίας της διεπαφής χρήστη. Ορίζει κανόνες για την κίνηση, το στυλ, τη διάταξη, τα εξαρτήματα, τα μοτίβα και τη χρηστικότητα. ο ΠΡΟΔΙΑΓΡΑΦΕΣ προχωρήστε μέχρι να καθορίσετε τις παλέτες χρωμάτων και τις επιλογές τυπογραφίας.

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

σφραγίδα

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

Ο απώτερος στόχος του Σχεδιασμού Υλικών είναι να «δημιουργηθεί μια οπτική γλώσσα που συνθέτει κλασικές αρχές καλής σχεδίασης με την καινοτομία και τη δυνατότητα της τεχνολογίας και της επιστήμης». Μια ενιαία «οπτική γλώσσα» αρχίζει να αναρωτιέται: είναι το Design Design να σκοτώνει τον Ιστό;

Σχεδιασμός υλικού Lite

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

λέιζερ

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

Ακολουθήστε τους κανόνες για ένα "σφιχτό" μοτίβο σχεδίασης

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

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

nimbus9

Αλλά είναι ίσως καιρός να εξελιχθεί ξανά. Οι περισσότεροι χρήστες κατανοούν ποια είναι τα κουμπιά και τι κάνουν. Κάθε εξέλιξη της θεωρίας του σχεδιασμού διδάσκει στους χρήστες κάτι νέο σχετικά με τον τρόπο χρήσης των συσκευών και του ιστού. Και πιάζουν γρήγορα. Τα εργαλεία που έχουν σχεδιαστεί για να διδάσκουν στους χρήστες δεν χρειάζεται να διαρκούν τόσο πολύ.

3επενδύσεις

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

Γιατί λοιπόν οι σχεδιαστές δημιουργούν χιλιάδες ιστότοπους χρησιμοποιώντας το σχεδιασμό υλικών που όλοι φαίνονται το ίδιο;

Κοινά στοιχεία UI και σχέδια διαλογής

Ακολουθεί η γρήγορη απάντηση στην παραπάνω ερώτηση: είναι όλα τα στοιχεία.

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

jetradar

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

Αλλά περιμένετε ... δεν χρειάζεται να ακολουθήσετε την τάση

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

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

  • Πηγαίνετε πέρα ​​από την παλέτα χρωμάτων. Αντί για μια φωτεινή, πολύ κορεσμένη χρωματική παλέτα, πηγαίνετε βαθύτερα στα χρώματα και παίζετε με παστέλ και πιο σκούρες αποχρώσεις.
  • Τα εικονίδια σχεδίασης και τα στοιχεία διεπαφής χρήστη που ακολουθούν τις βασικές οδηγίες σχεδιασμού - όπως τα στοιχεία που περιέχονται μέσα στα εικονίδια και η χρήση για τα ανθρώπινα χαρακτηριστικά - αλλά δεν προέρχονται από ένα προσυσκευασμένο σύνολο.
  • Μην πηγαίνετε 100 τοις εκατό "υλικό". Χρησιμοποιήστε μια πτυχή της στην σχεδιαστική σας ιδέα. Οι κανόνες για την κίνηση είναι εξαιρετικά ωραίοι. ακολουθήστε αυτές τις οδηγίες για το πώς τα πράγματα κινούνται στο πλαίσιο του ιστοτόπου σας. αλλά σχεδιάστε τα υπόλοιπα όπως θα είχατε δεν εκτέθηκαν στο Υλικό Σχεδιασμού. Μια άλλη μεγάλη ιδέα να "κλέβετε" από το υλικό είναι η χρήση των καρτών, αλλά μην περιορίζεστε στον σχεδιασμό τους σε ένα εντελώς υλικό χώρο.
  • Χρησιμοποιήστε μερικές από τις καλύτερες οδηγίες από το σχεδιασμό υλικών για να βοηθήσετε να κατανοήσετε καλύτερα την εργασία σας με τις λεπτομέρειες στο σχεδιαστικό έργο σας. Το εικονίδιο τμήμα της τεκμηρίωσης είναι ένα καλό αστάρι για τη χρήση ενός πλέγματος για να δημιουργήσετε εικονίδια που είναι συνεπή στο διάστημα τους. Εφαρμόστε αυτές τις έννοιες στη συνολική αισθητική σας.
  • Αναπτύξτε την παλέτα τυπογραφίας. Ένα από τα πράγματα που "σκοτώνει" το σχεδιασμό είναι πάρα πολλά πράγματα που μοιάζουν ακριβώς τα ίδια. Αντιστοιχίστε τις γραμματοσειρές με το σχέδιό σας και μην χρησιμοποιήσετε κάτι επειδή σας παραπέμπουν ένα σύνολο οδηγιών (εκτός εάν προέρχονται από το εμπορικό σήμα σας).
  • Σχεδιάστε όπως θα κάνατε με οποιαδήποτε άλλη τάση. Το υλικό σχεδιασμό είναι μια τάση, όχι μια τελική λύση σχεδιασμού. Αναμίξτε και ταιριάξτε με τα μέρη που σας αρέσει και χρησιμοποιήστε τα όπως ακριβώς και με οτιδήποτε άλλο. Ορισμένες τεχνικές θα λειτουργούν άψογα, ενώ άλλες μπορεί να μην είναι για τα έργα σας.

συμπέρασμα

Έτσι, πίσω στο βασικό ερώτημα: είναι το Design Design να σκοτώνει τον ιστό;

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

flatguitars