Τάσεις σχεδίασης: Flat Design 2.0
Η επίπεδη σχεδίαση έχει πάρει τον κόσμο του σχεδιασμού από την καταιγίδα στα λίγα χρόνια που ήταν γύρω, αλλά καμία σχεδίαση δεν μένει ποτέ 100% καθαρή στις ρίζες και τα ιδανικά της. Αυτό είναι ακριβώς αυτό που συμβαίνει με το επίπεδο σχεδιασμό: Είναι σταδιακά δει λεπτή-αν και-σημαντικές αλλαγές στην αρχική επανάληψη.
Αυτές οι αλλαγές ήταν αρκετές για να κάνουν οι παρατηρητές και οι ειδικοί να αντιγράψουν τη νέα επανάληψη ως Flat Design 2.0. 2.0 είναι πολύ ενδιαφέρουσα διότι επιτυγχάνει την ισορροπία ανάμεσα σε αρκετές αλλαγές για να αλλάξει την εμπειρία του χρήστη και να παραμείνει πιστή στις αρχικές του αρχές.
Η εξέλιξη του Flat σε 2,0 ήταν αναπόφευκτη, όμως: Καθώς οι σχεδιαστές έγιναν πιο άνετοι με το Flat, μπορούσαν να δουν ότι, για όλη τη δημοτικότητά του, ορισμένα θέματα δεν αντιμετωπίστηκαν σωστά . Και τώρα έχουμε 2.0 για να αντιμετωπίσουμε μερικές από αυτές τις αδυναμίες.
Προέλευση του επίπεδου σχεδίου
Κοιτάξτε το επίπεδο σχέδιο ως ένα είδος εξέγερσης ενάντια στο τότε δημοφιλές στιλ σχεδιασμού σπερμομορφισμός . Βασίστηκε σε εφέ 3D για την αντιγραφή των πραγματικών ιδιοτήτων των τρισδιάστατων αντικειμένων ως ένας τρόπος για να χρησιμοποιήσετε την εξοικείωση για να βοηθήσετε την εμπειρία του χρήστη. Για παράδειγμα, στις αρχικές επαναλήψεις της Kindle Fire του Amazon, υπήρχε ένα 3D βιβλιοθήκη στο παρασκήνιο για να ενισχυθεί ο σκοπός του tablet για ανάγνωση.
Όταν η Apple, ένας τεράστιος υποστηρικτής του σκαιομορφικού σχεδιασμού, αποφάσισε το 2012 να εγκαταλείψει τον σπερμομορφισμό, ο οποίος προανήγγειλε μια πλήρη ταλάντευση στο επίπεδο, η οποία παρέμεινε πολύ δημοφιλής τα τελευταία χρόνια. Η έμφαση που δίνεται στον μινιμαλισμό βοήθησε επίσης να τον προωθήσει στην υπάρχουσα πανταχού παρούσα.
Το διαμέρισμα χαρακτηρίζεται από την απουσία του:
- ανυψωμένα στοιχεία που σημαίνουν στους χρήστες ότι μπορούν να κάνουν κλικ.
- κοίλα ή βυθισμένα στοιχεία που σημαίνουν στους χρήστες ότι μπορούν να πληρωθούν (να σκεφτούν πεδία αναζήτησης και άλλα πεδία εισόδου).
Μετάβαση στο 2.0
Παρά την επιτυχία του επίπεδου, ορισμένοι σχεδιαστές άρχισαν να παρατηρούν νόμιμες ατέλειες οι οποίες δεν εξετάζονταν στην κοινότητα σχεδίου. Ενώ η επίπεδη κέρδισε πολλή ατμό λόγω του καλωσορισμένου μινιμαλισμού της, πήγε κάπως υπερβολικά στην αυστηρή κατεύθυνση. Τα χαρακτηριστικά ορισμένων εφέ 3D αποδείχθηκαν υπερβολικά και επηρέασαν δυσμενώς την εμπειρία του χρήστη.
Έτσι, ήταν αναπόφευκτη μια άλλη αλλαγή. Εκεί είμαστε σήμερα με την αυγή του επίπεδου σχεδίου 2.0.
Τα προβλήματα χρηστικότητας του Flat Design
Όλα τα προβλήματα χρηστικότητας του επίπεδου μπορούν να συνοψιστούν στην ακόλουθη δήλωση: Η επίπεδη τυπικά ασχολείται με τις ανάγκες ενός χρήστη για αισθητική ισχίου.
Με άλλα λόγια, οι σχεδιαστές που σχεδιάζουν μια διεπαφή για να είναι "επίπεδες" θα δώσουν μεγαλύτερη έμφαση στη διατήρηση των πραγμάτων ελάχιστα, μη τρισδιάστατα και ζωντανά / τολμηρά, αντί να βάλουν πρώτα την εμπειρία του χρήστη. Αυτό συμβαίνει συνήθως όταν ξεκινούν όλα τα κακά πράγματα στον κόσμο του σχεδιασμού και γι 'αυτό το επίπεδο έχει εξελιχθεί σε 2,0.
Εδώ είναι τα κοινά προβλήματα χρηστικότητας με επίπεδη:
- απουσία σημαντικών σημάτων (διαβαθμίσεις, σκιές, υπογράμμιση κ.λπ.) ·
- απουσία γνωστών σχεδίων (μπλε, υπογραμμισμένο κείμενο για συνδέσμους κλπ.) ·
- απουσία συμφραζομένων ενδείξεων (τοποθέτηση CTA, αντιγράψιμο έγγραφο κ.λπ.).
Ίσως το πιο διαβόητο παράδειγμα στην πρόσφατη μνήμη όλων των προβλημάτων χρησιμότητας του επίπεδου ήταν η απελευθέρωση των Windows 8 από τη Microsoft, με το λεγόμενο UI του Metro. Αυτός ο σχεδιασμός ήταν η επιτομή της επίπεδης, διότι όλα ήταν επίπεδη στα άκρα.
ο η εμπειρία των χρηστών ήταν τόσο άσχημη επειδή ένας εντελώς επίπεδης σχεδίασης σημαίνει ότι οι χρήστες δεν λαμβάνουν τις απαραίτητες ενδείξεις για να τους πουν τι μπορεί να κάνει κλικ και τι δεν μπορεί να κάνει σε μια διεπαφή. Ως αποτέλεσμα, οι χρήστες αναγκάζονται φυσικά να αφιερώνουν επιπλέον χρόνο για να το καταλάβουν με πειραματισμό ή, ακόμα χειρότερα, να εκτελέσουν ενέργειες από λάθος που δεν ήθελαν στην πρώτη θέση!
Όπως μπορείτε να δείτε, η οθόνη των Windows 8 είναι τόσο επίπεδη ώστε είναι αδύνατο για τους ανθρώπους να λένε τι να κάνουν κλικ και τι να μην κάνουν κλικ. Ακόμα κι αν οι χρήστες είναι ήδη εξοικειωμένοι με τη βασική πλοήγηση στον ιστότοπο, αυτό δεν σημαίνει ότι είναι καλή ιδέα να αφαιρέσετε όλες τις σημασίες (ενδείξεις που λένε στους χρήστες ότι μπορούν να αλληλεπιδράσουν με στοιχεία σελίδας) και συμβουλές σχετικά με τις προσφερόμενες παροχές (ενδείξεις για τον τρόπο με τον οποίο οι χρήστες μπορούν να αλληλεπιδρούν με στοιχεία σελίδας).
Μεγάλα παραδείγματα Flat Design 2.0
2.0 είναι μια λεπτή αλλαγή ή βελτίωση σε σχέση με το επίπεδο, οπότε μπορεί να χρειαστεί περισσότερη συγκέντρωση για να εντοπίσετε το πραγματικό 2,0 σε ιστοσελίδες και διεπαφές. Αυτός είναι ο λόγος για τον οποίο θα σας οδηγήσουμε σε μερικά τρέχοντα, μεγάλα παραδείγματα 2.0 που είναι ήδη σε πλήρη λειτουργία.
Ο οδηγός Dropbox
Οδηγός Dropbox μπορεί αρχικά να φαίνεται πραγματικά επίπεδη, αλλά αν κοιτάξετε πιο προσεκτικά, θα δείτε προτάσεις 3D που γνωστοποιούν σαφώς στους χρήστες ότι ορισμένα στοιχεία δημιουργούνται σε σχέση με άλλα. Αυτό είναι κυρίως εμφανές σε εικόνες του κεφαλιού του αγοριού (στην αριστερή πλευρά) και των κατσαβιδιών (στη δεξιά πλευρά). Και οι δύο εικόνες έχουν ισχυρά, αν και λεπτά, μαύρα σύνορα, τα οποία επικοινωνούν με το βάθος και την εντύπωση ότι κάθονται πάνω στο παρασκήνιο αντί να μπερδεύονται με αυτό.
Παγωτό Tolia
Το site της Tolia είναι γεμάτο από λεπτές, ανυψωμένες επιδράσεις που δίνουν τη ξεχωριστή εντύπωση του 3D ενώ ο συνολικός σχεδιασμός είναι ακόμα επίπεδης και ελάχιστης. Η αυξημένη εντύπωση υπάρχει στον τίτλο, στον τίτλο και στην περιγραφή (δηλαδή στην αντιγραφή σελίδας). Υπάρχει επίσης στο κουμπί κλήσης για δράση και το αντίγραφο CTA μέσα στο κουμπί. Μπορείτε να ευχαριστήσετε τη λεπτή χρήση λεπτών σκιών γύρω από τα άκρα αυτών των στοιχείων για να δώσετε αυτήν την εντυπωσιακή εντύπωση.
Google Santa Tracker
Δεν είναι έκπληξη το γεγονός ότι η Google βρίσκεται στη ζώνη 2.0, και της Santa Tracker σελίδα δείχνει πώς μπορεί κανείς να ενσωματώσει το 2.0 με ένα διασκεδαστικό και χρήσιμο τρόπο. Οι λεπτές αποχρώσεις του 2.0 αφθονούν στη σελίδα σε όλα, από τις κλίσεις και τις σκιάσεις στα διάφορα κτίρια και τις φυσαλίδες (όταν οι χρήστες αιωρούνται σε οποιοδήποτε κτίριο) στην τρισδιάστατη εμφάνιση του πρωτοτύπου στην κορυφή της σελίδας.
Publicis Groupe
Publicis Groupe's Η 90η επέτειος της σελίδας μπορεί να υπερηφανεύεται για 2.0 επιρροή με αρκετά προφανή τρόπο. Αν κοιτάξετε στην αριστερή πλευρά της σελίδας, θα δείτε τον συνδυασμό των σκιών και των κλίσεων που κατεβαίνουν και ακτινοβολούν προς τα έξω από τον χλωμό κύκλο και στο μπλε τμήμα κάτω από αυτό. Ο έντονος μινιμαλισμός δείχνει επίσης ότι η αισθητική του σχεδιασμού εξακολουθεί να είναι ριζωμένη σε καθαρό επίπεδο.
Jumeirah
Αυτό το μέρος για ένα πολυτελές ξενοδοχείο στα Ηνωμένα Αραβικά Εμιράτα κυριαρχείται κυρίως από ένα γιγαντιαίο βίντεο στο παρασκήνιο, αλλά μην αφήνετε να σας αποσπάσει την προσοχή από τη λεπτότητα της συμβολής 2.0. Η επικεφαλίδα "Jumeirah Inside" χαρακτηρίζει ω-λεπτή σκίαση που δίνει με επιτυχία την εντύπωση του 3D, διατηρώντας παράλληλα τη συνολική επίπεδη εμφάνιση.
Μια εξέλιξη από τη ζήτηση
Στον κόσμο του σχεδιασμού, τα πράγματα συνήθως αλλάζουν επειδή υπάρχει ζήτηση γι 'αυτό. Κάποιος θα παρατηρήσει ότι κάτι λείπει και να βρει έναν τρόπο να βελτιώσει τα πράγματα, ή κάποιος άλλος θα πάρει μια ιδέα και θα το μεταφέρει σε ένα άλλο επίπεδο που λογικά βασίζεται σε μια συγκεκριμένη έννοια.
Όσον αφορά τα 2.0, είναι σίγουρα ένας συνδυασμός και των δύο, καθώς οι ελλείψεις χρηστικότητας του επίπεδου καθορίζονται με την επέκταση της αρχικής ιδέας με τρόπο που εξακολουθεί να τιμά τις αρχές του μινιμαλισμού που οριζόταν από το επίπεδο.