Έχουν περάσει σχεδόν δύο χρόνια από τότε που η Google ανέπτυξε και ανακοίνωσε στο συνέδριο Google I / O Υλικό Σχεδιασμός ως κανονισμός σχεδίασης που θα εφαρμοζόταν και ότι παρότι στην αρχή επικεντρώθηκε στην αναπαραγωγή περιεχομένου στο λειτουργικό σύστημα Android, προοριζόταν να γίνει μια τάση στον ιστό και σε οποιαδήποτε πλατφόρμα, κάτι που μπορούμε να επιβεβαιώσουμε σήμερα. Παρόλο που κατά καιρούς το έχουμε αναφέρει, η αλήθεια είναι ότι δεν σταματήσαμε ποτέ να βλέπουμε αυτήν την κωδικοποίηση σε βάθος, οπότε σήμερα θα αναθεωρήσουμε τις αρχές και τα πιο χαρακτηριστικά χαρακτηριστικά του.
Ποια είναι τα καθοριστικά χαρακτηριστικά του σχεδιασμού υλικού; Τι σχέση έχει με την κίνηση Flat Design;
Τι να πω σχετικά με αυτήν την τάση στο σχεδιασμό ιστοσελίδων;
Το όνομά του προέρχεται από την πιο πρακτική του έννοια, το υλικό ή τα υλικά πρέπει να οργανωθούν και να δομηθούν όσο το δυνατόν πιο αποτελεσματικά και θα εστιάσετε σε αυτό. Αυτή η κίνηση επιδιώκει πρωτίστως την ευελιξία, την εργονομία και την ικανότητα αναδίπλωσης και απλοποίησης της κατασκευής μιας ιστοσελίδας. Όμως όχι μόνο η χωρική διάσταση θα καταλάβει μια σημαντική θέση, αλλά και εκείνη του χρόνου, καθώς τώρα τα στοιχεία θα καταλάβουν ορισμένες θέσεις σε συγκεκριμένες χρονικές στιγμές, δηλαδή ο δυναμισμός θα είναι επίσης βασικός παράγοντας. Επιπλέον, αυτοί οι παράγοντες θα καθοδηγούνται αναπόφευκτα από τη διάνοια και τη λογική, η οποία καταλήγει σε μια αναζήτηση για ρεαλισμό και τη χωρική αναπαράσταση της φυσικής ύλης, στην πραγματικότητα λαμβάνει υπόψη τους νόμους της φυσικής και μαζί της τα στοιχεία (εικόνες, τα κουμπιά, τα πάνελ ...) δεν μπορούν να διασταυρώσουν το ένα το άλλο επειδή έχουν μεγαλύτερο βάρος και οπτική πυκνότητα, αλλά αυτό που θα κάνουν είναι αλληλοεπικάλυψη.
Τάξη, σαφήνεια, αναγνωσιμότητα
Όλες αυτές οι αρχές προέρχονται φυσικά από τον τρόπο με τον οποίο διαχειρίζονται και διανέμονται τα γραφικά στοιχεία, συμπεριλαμβανομένης της τυπογραφίας, η οποία θα είναι πάνω από όλα μια σαφής αναγνώσιμη λύση, η δομή του κειμένου θα είναι συμβατική και ρευστή, οπτική ιεραρχία με κίνητρο τη χρήση περισσότερων ή λιγότερο δυνατούς τόνους που δημιουργούν αντιθέσεις που θα αποχρωματίζονται επίσης από το μέγεθος και τη σειρά.
Φωτισμός και ρεαλισμός
Η λογική εκδηλώνεται πρωτίστως στη χρήση εφέ φωτισμού και στη διαχείριση τόσο των φώτων όσο και των σκιών. Ο φωτισμός είναι ένας μεγάλος δείκτης εγγύτητας, συνάφειας και κατάστασης, οπότε αυτό θα γίνει ένα θεμελιώδες εργαλείο για να επηρεάσει αυτήν την ιεραρχία για την οποία μιλούσαμε. Τώρα, τα κουμπιά, οι εικόνες και όλα τα στοιχεία θα έχουν σκιές που θα δείχνουν τον βαθμό εγγύτητας και θα μας βοηθήσουν να τοποθετήσουμε τον εαυτό μας στη διαδικτυακή σκηνή.
Η κίνηση είναι το πιο αποτελεσματικό εργαλείο για να τραβήξει την προσοχή και να καθοδηγήσει τον θεατή
Η γλώσσα του θα είναι προφανής, γραφική και διαφωτιστική στα μάτια του χρήστη. Όταν επιλέγετε μια επιλογή ή εργαλείο, θα μας πλησιάσει, επεκτείνοντας τις διαστάσεις της και αντίστροφα όταν σταματήσουμε να τη χρησιμοποιούμε. Επίσης, ένα αντικείμενο θα αλλάξει χρώμα ή θα αναβοσβήνει εάν χρειάζεται απολύτως να προσελκύσει την προσοχή μας.
Ρυθμός, παραγγελία, γλώσσα
Ας μην ξεχνάμε ότι σε βάθος μιλάμε σε έναν τρόπο συζήτησης. Εξετάζουμε τους πόρους που μας προσφέρει ο σχεδιασμός ιστοσελίδων και ως εκ τούτου όλες οι παράμετροι τεχνικής-έκφρασης έχουν νόημα: Από τη σειρά εμφάνισης, για παράδειγμα πρώτα τις εικόνες και στη συνέχεια τα πλωτά κουμπιά, στην ταχύτητα με την οποία εμφανίζονται, σε ποια κατεύθυνση το κάνουν και σε ποιο σημείο κινούνται. Όλα αυτά είναι σημαντικά γιατί όχι μόνο ο χρήστης υποδεικνύει από πού προέρχονται οι πληροφορίες, αλλά και διευκολύνεται το ταξίδι, τα στοιχεία είναι διατεταγμένα ώστε να κάνουν τη διαδικασία ανάγνωσης διαισθητική, εύκολη και ευχάριστη. Αναμφίβολα το κινούμενο σχέδιο και ο δυναμισμός είναι ένας βασικός πυλώνας.
Απεριόριστη κωδικοποίηση
Όλες αυτές οι αρχές ή τα πρότυπα που εξετάζουμε έχουν σχεδιαστεί και αναπτυχθεί για εφαρμογή σε οποιοδήποτε μέσο και πλατφόρμα, ανεξάρτητα από τη φύση και το μέγεθος της οθόνης που παρουσιάζει. Από κινητά τηλέφωνα, tablet ή υπολογιστές. Όλες οι πιθανές υποστηρίξεις και προορισμοί υποστηρίζουν αυτήν την οπτική γλώσσα και στην πραγματικότητα η εγκάρσια και συμβατότητά της είναι ένα από τα βασικά συστατικά της.
Η επίπεδη σχεδίαση δεν είναι η ίδια με το Material Design
Αν και μοιράζονται πολλά κοινά σημεία, όπως η δέσμευση για τον πιο ηχηρό μινιμαλισμό, υπάρχουν επίσης τεράστιες διαφορές μεταξύ των δύο κωδικών. Ωστόσο, δεν είναι ασυμβίβαστα και μπορούν σίγουρα να συνδυαστούν τέλεια για να επιτύχουν τα καλύτερα τελειώματα, αλλά θα το συζητήσουμε αργότερα.
Φραν, βρήκα τη δημοσίευσή σας πολύ ενδιαφέρουσα. Δεν υπάρχουν πολλές πληροφορίες στα ισπανικά σχετικά με αυτό το θέμα. Έτσι, αν σας ενδιαφέρει, έχω την ισπανική μετάφραση των προδιαγραφών Material Design στο blog μου. Όπως και εσείς, το ενδιαφέρον μου είναι ότι οι πληροφορίες φτάνουν στον μεγαλύτερο αριθμό ατόμων, ώστε να μπορούν να τις εκμεταλλευτούν.
αφορά
Πολύ καλό άρθρο !! Δεν ήξερα τίποτα για το "Σχεδιασμός υλικών" αλλά για το "Flat Design", αν μόνο για συγκεκριμένα γούστα. Θα προσπαθήσω να ακολουθήσω μερικές από τις συμβουλές.
χαιρετίσματα
Δαβίδ