Μετά από την Google Σχεδιασμός Υλικού αρχές καταλήγουν σε εμπλοκή και σύγχρονα σχέδια. Αλλά παράγει επίσης ένα τελικό αποτέλεσμα που καταλήγει να μοιάζει ... καλά, Google. Το Super-smart branding κινείται από την πλευρά τους, αλλά δεν είναι υπέροχο εάν θέλετε να διατηρήσετε τη δύναμη της δικής σας μάρκας.

InVision έθεσε ως στόχο να δημιουργήσει ένα σχέδιο ηλεκτρονικού ταχυδρομείου που να τηρεί το υλικό σχεδιασμού, χωρίς να μοιάζει με κλώνο του Gmail. Είναι μεγάλη επιτυχία, οπότε είμαστε ικανοποιημένοι που συμφωνήσαμε να το προσφέρουμε ως δωρεάν κιτ UI {$lang_domain} αναγνώστες.

Χρώμα

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

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

Τυπογραφία

Η Google κατανοεί σαφώς τη δύναμη της τυπογραφίας στην επωνυμία. Οι εξατομικευμένες γραμματοσειρές τους δημιουργούν σαφείς UI και ενισχύουν το εμπορικό σήμα τους. Η Invision ήθελε μια παρόμοια, καθαρή μοντέρνα εμφάνιση στο Roboto, χωρίς να χρησιμοποιεί το Roboto. Το πρότυπο χρησιμοποιεί το Avenir. μια άλλη καθαρή γραμματοσειρά που έχει γεωμετρική προέλευση, με ανθρωπιστική ζεστασιά.

Αλληλεπίδραση και κινούμενα σχέδια

Βοηθά πάντα να διατηρεί την πλατφόρμα σας κατά νου κατά το σχεδιασμό, προκειμένου να παράγει μια συνεπή εμπειρία για τον χρήστη. Αυτός είναι ο λόγος για τον οποίο το πρότυπο έχει iOS στυλ, αν και λειτουργεί καλά και στο Android.

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

Κάντε λήψη του αρχείου κάτω από την προεπισκόπηση:

προεπισκόπηση