Μια γρήγορη εισαγωγή στο Υλικό Σχεδιασμού με τη χρήση υλικών

Τι είναι ο Σχεδιασμός Υλικών;

Το Material Design είναι μια γλώσσα σχεδιασμού που δημιουργήθηκε από την Google. Σύμφωνα με το material.io, το Material Design στοχεύει να συνδυάσει:

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

Γιατί να χρησιμοποιήσετε το σχεδιασμό υλικού;

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

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

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

Ακολουθεί μια λίστα χαρακτηριστικών που προσφέρει η Materialalize:

  • Πλέγμα
  • Πίνακες
  • Σήματα, κουμπιά, ψωμί
  • Κάρτες, μάρκες, συλλογές
  • Υποσέλιδο, έντυπα
  • Navbar
  • Και πολλά άλλα!

Πως να ξεκινήσεις

Σε αντίθεση με το Bootstrap, το Materialalize δεν απαιτεί popper.js. Απαιτεί μόνο jQuery. Αυτό είναι το μόνο που χρειάζεστε για να ξεκινήσετε. Προσθέστε αυτό στην HTML σας και θα είναι καλό να πάτε!