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

Εισαγωγή στο επίπεδο σχέδιο

Στα ρωσικά, το επίπεδο σχέδιο μεταφράζεται ως "επίπεδο σχέδιο" και έγινε το απόλυτο αγαπημένο μετά Παρουσιάσεις της Apple iOS OS. Μια μινιμαλιστική προσέγγιση σχεδιασμού για χρηστικότητα έχει πάρει το επίκεντρο. Η εστίαση είναι στην άνεση του χρήστη. Αυτή είναι μια έντονη διαμαρτυρία ενάντια στον «σκιφορμισμό» (οπτικοποίηση αντικειμένων, όπως στην πραγματικότητα). Η επιλογή έπεσε σε πιο απλουστευμένες και ταυτόχρονα απλές αισθητικά λύσεις. Οι χρήστες που έχουν βαρεθεί τις ρεαλιστικές απεικονίσεις χαιρέτισαν με ενθουσιασμό αυτήν την κατεύθυνση και όλο και περισσότερα έργα ιστού κινούνται προς αυτήν τη μορφή.

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

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

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

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

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

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

Επίπεδη ή σχεδόν επίπεδη; Ψάχνετε για συμβιβασμό!

Εν κατακλείδι, θα ήθελα να σημειώσω ότι σήμερα υπάρχει μια συνέργεια μεταξύ επίπεδης και μη επίπεδης σχεδίασης. Μιλάμε για ένα «σχεδόν επίπεδο» σχέδιο. Αυτή είναι η πιο κοινή εφαρμογή της περιγραφόμενης ιδέας, όταν, μαζί με απλά και συνοπτικά στοιχεία και δισδιάστατο χώρο, οι σχεδιαστές χρησιμοποιούν 1-2 κόλπα για βάθος και προοπτική.

Επίσης, η τάση του 2017 ήταν το Semi Flat Design - ένα semi-flat σχέδιο. Επηρεασμένο από το Material Design, έχει γίνει λίγο πιο χωρικό. Υπάρχουν ανοιχτόχρωμες σκιές που κάνουν το σχέδιο ημι-επίπεδο. Το επίπεδο σχέδιο εξακολουθεί να είναι επίκαιρο σήμερα, λόγω των σκιών έχει γίνει πιο βαθύ και πιο περίπλοκο, αλλά η κύρια ιδέα δεν παραβιάζεται.

που αναπτύσσεται εφαρμογές για κινητάκαι ιστοσελίδες, έγραψε μια στήλη για εμάς και έβαλε τα πάντα στη θέση τους όσον αφορά το flat και το υλικό design.

Σε γενικές γραμμές, η διαφορά μεταξύ επίπεδης σχεδίασης (Flat design) και σχεδιασμού υλικού (Material Design) είναι λεπτή. Σε ένα άτομο που δεν έχει βαθιά γνώση της γραφιστικής, μπορεί πραγματικά να μοιάζουν πολύ. Σε αυτό το άρθρο, θα προσπαθήσω να ρίξω λίγο φως σε μερικές από τις διαφορές μεταξύ τους. Θα αποκτήσετε πρόσθετες γνώσεις, οι οποίες είναι τόσο απαραίτητες για να μην πληγώσετε κατά λάθος τη λεπτή φύση του σχεδιαστή.

Λίγο ιστορία

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

Σκευομορφισμός

Όταν πρόκειται για διεπαφή χρήστη και σχεδιασμό ιστοσελίδων, η έννοια του σκευομορφισμού αναφέρεται σε μια προσέγγιση της οποίας η κύρια ιδέα είναι η μίμηση. Χωρίς να υπεισέλθουμε σε πολλές λεπτομέρειες, ας θυμηθούμε απλώς τις διεπαφές της Apple πριν από το iOS 7 με τις «ρεαλιστικές υφές, τον φωτισμό και τα επιτηδευμένα εφέ».

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

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

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

επίπεδη σχεδίαση

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

Πρώτον, η επίπεδη σχεδίαση μειώνει σημαντικά τον χρόνο φόρτωσης της σελίδας. Η απουσία «βαριών» σκευομορφικών λεπτομερειών (απλά φανταστείτε: στρώματα, σειρές, διαβαθμίσεις) κάνει τα επίπεδα σχεδιαστικά στοιχεία «ελαφρύτερα», γεγονός που με τη σειρά του επιταχύνει σημαντικά τους χρόνους φόρτωσης. Επιπλέον, τα επίπεδα στοιχεία φαίνονται εξίσου ελκυστικά στις οθόνες όπως και στις οθόνες υψηλής ανάλυσης, και χαμηλά.

Κατα δευτερον, απλές εικόνεςμπορεί να μεταφέρει την ιδέα σας στους χρήστες πιο γρήγορα από τις λεπτομερείς απεικονίσεις: είναι πρόχειρες και επομένως αρκετά κατανοητές.

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

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

Τα αποτελέσματα της δοκιμής ευχρηστίας των Windows 8, που διεξήχθη από το NN Group, έδειξαν ότι οι χρήστες δυσκολεύονταν να ξεχωρίσουν τα αντικείμενα με δυνατότητα κλικ από αυτά που δεν μπορούσαν να κάνουν κλικ. Οι χρήστες παραπονέθηκαν ότι τα αντικείμενα που φαίνονται στατικά μπορούν στην πραγματικότητα να κάνουν κλικ. Ως αποτέλεσμα, η κύρια αποστολή της εταιρείας - να βοηθήσει τους χρήστες να ερμηνεύσουν σωστά το σύστημα - απέτυχε.

Μια άλλη εταιρεία που συνδέεται συχνά με το επίπεδο σχέδιο είναι η Apple. Απομακρύνθηκαν από τα σκευομορφικά σχεδιαστικά στοιχεία στο λειτουργικό σύστημα για κινητά iOS 7, που κυκλοφόρησε το 2013. Αυτή τη φορά η μετάβαση έγινε δεκτή λίγο καλύτερα, κυρίως λόγω του γεγονότος ότι η εταιρεία δεν προσπάθησε να ενημερώσει πλήρως το concept. διεπαφή χρήστη, αλλά μόλις προστέθηκαν μερικές αλλαγές προς ένα επίπεδο σχέδιο. Αυτό έδωσε στους χρήστες την ευκαιρία να χρησιμοποιήσουν το προϊόν, βασιζόμενοι στην προηγούμενη εμπειρία τους με λειτουργικά συστήματα και ιστότοπους.

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

Ας είμαστε ξεκάθαροι τώρα: ο σχεδιασμός υλικών είναι περισσότερο ένα επώνυμο προϊόν παρά μια αυθόρμητη σχεδιαστική τάση που έχει κερδίσει ευρεία αποδοχή. Αυτό είναι που το διακρίνει βασικά από το επίπεδο σχέδιο.

Ονομάζοντας το σχεδιασμό υλικού «υπογραφή», εννοώ ότι έχει μια ολόκληρη σειρά από σαφώς καθορισμένες συστάσεις και αρχές που ακολουθεί κάθε σχεδιαστής που σέβεται τον εαυτό του. Είναι προφανές γιατί η Google εισήγαγε το Υλικό Σχεδιασμό της: υπήρχε ανάγκη να ενοποιηθεί η σχεδίαση έτσι ώστε οι εφαρμογές να φαίνονται ίδιες σε οποιαδήποτε από τις πολλές συσκευές Android.

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

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

Πλεονεκτήματα και μειονεκτήματα της επίπεδης σχεδίασης

Ας αφήσουμε πίσω την ιστορία της εξέλιξης των στυλ και ας προχωρήσουμε σε κάτι πιο σημαντικό - αναφέρουμε τα δυνατά σημεία και αδύναμες πλευρέςεπίπεδη σχεδίαση.

• Μινιμαλισμός και στυλ
• Διαισθητικότητα. Θα είναι πιο εύκολο για εσάς να μεταφέρετε την ιδέα σας στους χρήστες.
• Εξοικονόμηση χρόνου και πόρων. Οι σελίδες φορτώνουν πολύ πιο γρήγορα με μικρότερη κατανάλωση εύρους ζώνης.
• Εστίαση στο περιεχόμενο. Μια διεπαφή χωρίς περιττές λεπτομέρειες που μπορεί να αποσπάσει την προσοχή από πραγματικά πολύτιμες πληροφορίες.
• Φαίνεται εξίσου καλό διάφορες συσκευές, είτε πρόκειται για πρόγραμμα περιήγησης υπολογιστή ή smartphone.
• Επιταχύνει τη διαδικασία σχεδιασμού ενός ιστότοπου ή μιας εφαρμογής, απαλλαγώντας από περιττές σχεδιαστικές πινελιές.

• Μινιμαλιστικό στυλ.
• Αρκετά διαισθητικό. Ο σχεδιασμός υλικού θα είναι εξίσου εύκολο να γίνει αντιληπτός έμπειρους χρήστεςκαθώς και οι νεοφερμένοι.
• Μέτριος σκευομορφισμός. Όλα φαίνονται πιο ρεαλιστικά χάρη στη χρήση του άξονα Z (η μοναδική ιδέα της Google).
• Υπάρχει ένα σύνολο εγχειριδίων που ενημερώνονται συνεχώς. Επομένως, οποιοσδήποτε σχεδιαστής μπορεί πάντα να απευθυνθεί σε αυτούς εάν υπάρχουν δυσκολίες στη διαδικασία της εργασίας.
• Ενθαρρύνεται η δημιουργία κινούμενων εικόνων για λύσεις web. Δεν χρειάζεται να σας υπενθυμίσω πόσο αγαπούν οι άνθρωποι την κίνηση. Επιπλέον, η κίνηση σάς επιτρέπει να κάνετε τη διεπαφή πιο κατανοητή και διαισθητική.

• έχει ιδιοκτήτη ( Google). Επομένως, τυχόν ερωτήσεις και προτάσεις για βελτίωση θα πρέπει να απευθύνονται στον ιδιοκτήτη.
• Λόγω της παρουσίας του άξονα Z, η διαδικασία σχεδιασμού μπορεί να διαρκέσει περισσότερο.
• Τα κινούμενα στοιχεία απαιτούν περισσότερους πόρους.
• Η αυστηρή τήρηση των οδηγιών μπορεί να περιορίσει την πρωτοτυπία ενός σχεδίου.

Συνοψίζω

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

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

Τέλος, τίποτα δεν σας απαγορεύει να προσπαθήσετε να συνδυάσετε αυτές τις δύο προσεγγίσεις για να δημιουργήσετε ένα πραγματικά λειτουργικό και φιλικό προς τον χρήστη προϊόν. Εμπνευστείτε λοιπόν από τους γκουρού του flat and material design και πιάστε δουλειά!

Εάν βρείτε ένα τυπογραφικό λάθος - επισημάνετε το και πατήστε Ctrl + Enter! Για να επικοινωνήσετε μαζί μας, μπορείτε να χρησιμοποιήσετε το .

Από τον συγγραφέα:Σας χαιρετώ φίλοι μου! Σήμερα θα μιλήσουμε για το τι είναι επίπεδη σχεδίαση ή επίπεδη σχεδίαση ιστότοπου. Αυτός ο όρος έχει κατακτήσει εδώ και καιρό τις καρδιές των σχεδιαστών ιστοσελίδων και εξακολουθεί να είναι με αυτοπεποίθηση trend. Οι μεγαλύτερες εταιρείες (Google, YouTube, Microsoft, Apple Inc., κ.λπ.) το χρησιμοποιούν για να σχεδιάσουν τις ιστοσελίδες και τις εφαρμογές τους. Εξακολουθείτε να μην είστε στην αίρεση των υποστηρικτών του flat design website; Τότε πάμε σε εσάς!

Ποιος πιστεύετε ότι είναι ο λόγος για μια τέτοια ξέφρενη δημοτικότητα του flat design; Θα σου απαντήσω με λίγα λόγια: λειτουργεί πραγματικά! Σε αυτό το άρθρο, θα σας εξηγήσω τι είναι αυτό το στυλ, θα σας πω για τα πλεονεκτήματα και τα μειονεκτήματά του και θα σας δείξω μερικά εξαιρετικά παραδείγματα επίπεδης σχεδίασης ιστότοπου που σίγουρα θα σας εμπνεύσουν για εκμεταλλεύσεις. Λοιπόν πάμε!

Όλα ξεκίνησαν με σκευομορφισμό

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

Μέχρι το 2010, ο σκευομορφισμός ήταν το κυρίαρχο στυλ στο σχεδιασμό διεπαφής. Έδειξε στοιχεία όπως φαίνονταν στην πραγματικότητα, χρησιμοποιώντας ενεργά υφές, σκιές, αντανακλάσεις και άλλα χαρακτηριστικά μιας τρισδιάστατης εικόνας. Έχω προσπαθήσει ιδιαίτερα σκληρά σε αυτό το θέμα. εταιρεία Apple, το οποίο αντέγραψε προσεκτικά τα περισσότερα από τα αντικείμενα λογισμικού από αντικείμενα της πραγματικής ζωής.

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

"Το καλύτερο σχέδιο είναι όσο το δυνατόν λιγότερο σχέδιο"

Πώς κοίταξε ο Dieter Rams στο νερό - ένας γνωστός βιομηχανικός σχεδιαστής που αντιτίθεται στην παρεμβατική σχεδίαση, τα εφέ κινουμένων σχεδίων κ.λπ. Τον Ιούνιο του 2013, η Apple Inc. παρουσίασε το επαναστατικό iOS 7, το οποίο έλαβε όλα τα χαρακτηριστικά στο στυλ της επίπεδης σχεδίασης ιστοσελίδων. Ωστόσο, το αεροπλάνο δεν «νίκησε» αμέσως τον ρεαλισμό και τον όγκο.

Οι χρήστες για πολύ καιρό δεν μπορούσαν να ξεχάσουν τη μαγεία του Steve Jobs και τα εικονίδια "που θέλετε να γλείψετε". Πολλοί μάλιστα αποχαιρέτησαν το «άθλιο εφτά» και πέρασαν στο «ακτινοβόλο Android». Έριξε λάδι στη φωτιά ένας μεγάλος αριθμός σφαλμάτων που υπήρχαν στο iOS 7, και μια υπόλευκη, ημιδιαφανής σχεδίαση με παράλλαξη και κινούμενα σχέδια με τη μορφή «μοχλού» κατά το άνοιγμα εφαρμογών.

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

Πλεονεκτήματα και μειονεκτήματα της επίπεδης σχεδίασης

Τα οφέλη από τη χρήση αυτού του στυλ περιλαμβάνουν:

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

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

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

Η επίπεδη σχεδίαση ιστοσελίδων έχει επίσης μειονεκτήματα:

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

η έλλειψη τρισδιάστατων και σκιών μερικές φορές δεν σας επιτρέπει να καταλάβετε εάν το στοιχείο έχει δυνατότητα κλικ ή όχι.

έλλειψη συγκεκριμένων σταθερών κανόνων.

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

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

Σύγχρονες τάσειςκαι προσεγγίσεις για την ανάπτυξη Ιστού

Μάθετε τον αλγόριθμο για γρήγορη ανάπτυξη από την αρχή στη δημιουργία ιστοσελίδων

Χωρίς διαβαθμίσεις, τρισδιάστατα εικονίδια, κινούμενες μεταβάσεις ή άλλα ειδικά εφέ. Όλα αυτά θα κάνουν τον ιστότοπό σας βαρύ και φασαριόζικο - το χρειάζεστε;

Χρησιμοποιήστε επίπεδα εικονίδια με σαφή περιγράμματα που προσθέτουν ευκολία και λειτουργικότητα.

Χρησιμοποιήστε μια φωτεινή, ζουμερή χρωματική παλέτα. Τώρα η τάση είναι οι τόνοι του ηλιακού φάσματος: ανοιχτό κίτρινο, ροζ και πράσινο. Το κύριο πράγμα δεν είναι να το παρακάνετε - δεν πρέπει να υπάρχουν περισσότερα από 3 χρώματα στη σελίδα.

Εστίαση στην τυπογραφία. Η επίπεδη σχεδίαση ευνοεί τις φωτεινές, πρωτότυπες ετικέτες που δημιουργούν μια παρότρυνση για δράση και παρέχουν εύκολη πλοήγηση στον ιστότοπο. Και εδώ είναι σημαντικό να μην το παρακάνετε. Ξεχάστε τις «χειρόγραφες» και άλλες φανταχτερές γραμματοσειρές. Μπορείτε να το χρησιμοποιήσετε για να επισημάνετε κεφαλίδες. κεφαλαία γράμματα.

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

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

Έτσι, με τα χρόνια, οι επίπεδες ιστοσελίδες έχουν γίνει το πρότυπο αποδεκτό από όλους. Κοιτάξτε τις περισσότερες σύγχρονες τοποθεσίες - είναι επίπεδες "μέχρι το κόκαλο".

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

1. Ιστότοπος http://dunked.com.

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

2. Διεπαφή Microsoft.

Η Microsoft είναι μια από τις εταιρείες που έκαναν το flat style τόσο δημοφιλές. Θυμάστε το Zune, τον ανταγωνιστή του iPod που κυκλοφόρησε η Microsoft στα μέσα της δεκαετίας του 2000; Έτσι, ο σχεδιασμός αυτού του προϊόντος ήταν πολύ διαφορετικός από τις περισσότερες εφαρμογές εκείνης της εποχής, σε μεγάλο βαθμό λόγω της μεγάλης τυπογραφίας, των επίπεδων εικονιδίων, των μεγάλων και φωτεινών μορφών.

Αυτή η διεπαφή, η οποία ονομάστηκε Metro, μετεγκαταστάθηκε αργότερα προσωπικούς υπολογιστές(Windows 8), διεπαφή Xbox 360 και άλλα προϊόντα λογισμικού Microsoft.

3. Ιστότοπος http://www.vox.com.

Λοιπόν, εμπνέεσαι; Κάτω η ψευδορεαλιστική τρισδιάστατη αισθητική!

Αυτό είναι όλο. Εγγραφείτε, μοιραστείτε τα άρθρα μας με φίλους στο στα κοινωνικά δίκτυα. Υψηλές μετατροπές για εσάς!

Σύγχρονες τάσεις και προσεγγίσεις στην ανάπτυξη ιστοσελίδων

Μάθετε τον αλγόριθμο για γρήγορη ανάπτυξη από την αρχή στη δημιουργία ιστοσελίδων

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

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

μπορείς να βρεις καλά παραδείγματαεπίπεδη σχεδίαση στο http://market.envato.com/. Υπάρχουν πολλές διατάξεις, εικονίδια και πρότυπα για να σας δώσουν μια ξεκάθαρη ιδέα για το πώς μοιάζει ο μοντέρνος σχεδιασμός. .

1. Τι είναι το επίπεδο σχέδιο;

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

Επίπεδος έναντι σκευομορφισμού( Ο σκευομορφισμός είναι μια σχεδιαστική αρχή όταν σε ένα προϊόν δίνεται η εμφάνιση ενός άλλου, δηλ. όταν αντιγράφονται διάφορα στοιχεία διεπαφής από πραγματικά αντικείμενα - περίπου μετάφραση.) , καθώς και πλούσια σχεδίαση Ωστόσο, αξίζει να πούμε ότι η επίπεδη σχεδίαση δεν είναι καθόλου τόσο απλή όσο φαίνεται με την πρώτη ματιά. Περιλαμβάνει ορισμένα χαρακτηριστικά του σκευομορφισμού, αλλά θα μιλήσουμε για αυτό λίγο αργότερα.

Γενικά, το flat βοηθάει τον χρήστη να εστιάζεται στο περιεχόμενο χωρίς να αποσπάται η προσοχή από τα γραφικά. Η επίπεδη σχεδίαση τονίζει την απλότητα των στοιχείων, ενώ κάνει τη διεπαφή πιο αποκριτική, ευχάριστη και εύκολη στη χρήση.

2. Λίγο ιστορία

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

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

Το έτος 2010 Η Microsoft κυκλοφόρησε Τηλέφωνο με Windows 7, το οποίο χρησιμοποιούσε επίπεδη σχεδίαση με αιχμηρές άκρες και απλά γραφικά που κληρονομήθηκαν από ένα από τα πρώτα προϊόντα Microsoft (Zune). Αργότερα, εμπνευσμένη από την επιτυχία, η Microsoft κυκλοφόρησε λειτουργικό σύστημα Windows 8 βασισμένα στο ίδιο επίπεδο στυλ Metro.

Εξάλλου, η επίπεδη σχεδίαση έφτασε στο αποκορύφωμά της το 2013 όταν κυκλοφόρησε η Apple Το iOS 7 αποδεικνύεται ουσιαστικά νέο σχέδιομε πλήρως επανασχεδιασμένα στοιχεία διεπαφής χρήστη, συμπεριλαμβανομένων εικονιδίων και γραμματοσειρών. Η Apple δημιούργησε οπτικές αρχές του UI και σχεδίασης εικονιδίων .

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

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

Έτσι, υπάρχουν τρία παγκόσμια παραδείγματα επίπεδης σχεδίασης από εταιρείες, χωρίς τα οποία είναι δύσκολο να φανταστεί κανείς σύγχρονος κόσμοςτεχνολογίες:

Σχεδιασμός Metro της Microsoft

Σχεδιασμός Apple iOS 7

Υλικό Σχεδιασμός της Google

3. Θυμηθείτε την καθαριότητα

Η επίπεδη σχεδίαση φαίνεται να ονομάζεται «επίπεδη» λόγω της έλλειψης τρισδιάστατων στοιχείων και ρεαλιστικών εφέ όπως ντεγκραντέ, υφές, ανταύγειες, μεσαίους τόνους, σκιές. Θυμηθείτε, το επίπεδο στυλ είναι ένας δισδιάστατος (επίπεδος) τρόπος απεικόνισης αντικειμένων.

Επιπλέον, σε επίπεδο σχέδιο, τα αντικείμενα απεικονίζονται με πολύ απλοποιημένο και στυλιζαρισμένο τρόπο.

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

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

4. Τέλειο

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

Με το πρόγραμμα Adobe Photoshopόλα είναι ξεκάθαρα εδώ: λειτουργεί με γραφικά ράστερ, τα οποία βασίζονται σε pixel.

Όσο για το πρόγραμμα Adobe Illustrator, στη συνέχεια χρησιμοποιεί διανυσματικά γραφικά, που αποτελούνται από καμπύλες και γραμμές, που ονομάζονται διανύσματα, τα οποία δίνονται με μαθηματικούς τύπους.

Μια φορά κι έναν καιρό, το Adobe Illustrator δεν ήταν ένα ιδιαίτερα βολικό πρόγραμμα για τη δημιουργία γραφικών τέλεια pixel. Τα καλά νέα είναι ότι πιο πρόσφατες εκδόσειςΤο Illustrator έχει γίνει ένα εξαιρετικό εργαλείο για τη δημιουργία καλών γραφικών.

Πρέπει να το πω αυτό Διανυσματικά γραφικάπεριλαμβάνει κυρίως την εργασία με απλά, επίπεδα σχήματα, συμπαγή χρώματα και πλέγματα. Το Adobe Illustrator είναι πολύ ευέλικτο και σας επιτρέπει να προσαρμόσετε το πλέγμα στις ανάγκες σας, να ευθυγραμμίσετε αντικείμενα και να χρησιμοποιήσετε ΔΙΑΦΟΡΕΤΙΚΟΙ ΤΥΠΟΙθραύση. Αυτό διευκολύνει τη δημιουργία του τέλειου σχεδίου που φαίνεται καθαρό και κομψό σε οποιαδήποτε οθόνη. Εάν θέλετε να μάθετε πώς να δημιουργείτε τέλεια γραφικά, τότε θα πρέπει να διαβάσετε το άρθρο: Πώς να δημιουργήσετε τέλεια έργα τέχνης με pixel χρησιμοποιώντας το Adobe Illustrator .

5. Χρώμα

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

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

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

Μερικά από αυτά είναι κατάλληλα για κάθε είδους σχέδια και εικονογραφήσεις, όχι μόνο για επίπεδα σχέδια. Για παράδειγμα, το Adobe Color CC, πιο γνωστό ως Cooler. Σήμερα υπάρχει πρόσβαση σε αυτό, τόσο μέσω της ιστοσελίδας όσο και απευθείας μέσω των προϊόντων της Adobe. Το ψυγείο είναι ένα πολύ ευέλικτο εργαλείο που σας επιτρέπει είτε να δημιουργήσετε τη δική σας παλέτα χρωμάτων είτε να επιλέξετε από προσαρμοσμένες παλέτες από τη βιβλιοθήκη.

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

Υπάρχουν πολλές άλλες παρόμοιες υπηρεσίες με προσαρμοσμένες παλέτες που μπορεί να είναι χρήσιμες. Ωστόσο, υπάρχει ένα εργαλείο ειδικά σχεδιασμένο για επίπεδη σχεδίαση. Το FlatUIColors.com από την Designmodo είναι μια υπηρεσία με ένα σύνολο «επίπεδων» χρωμάτων, πολύ βολικό για εργασία. Αυτός ο ιστότοπος έχει γίνει πολύ δημοφιλής στους σχεδιαστές που αναζητούν καλές επιλογές χρωμάτων για τέλεια σχέδια. Δοκίμασέ το!

Και μπορείτε να βρείτε μεγαλύτερη ποικιλία χρωμάτων και παλετών Οδηγός Σχεδιασμού Υλικού της Google.

6. Μακριές σκιές

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

Τώρα μιλάμε για μακριές σκιές. Έχουν μερικά τυπικά χαρακτηριστικά, που κάνουν αυτό το εφέ αναγνωρίσιμο, συγκεκριμένα: κλίση 45 μοιρών και μεγάλο μέγεθος (η σκιά μπορεί να είναι αρκετές φορές μεγαλύτερη από το ίδιο το θέμα. Ως αποτέλεσμα, οι μεγάλες σκιές δίνουν στο επίπεδο κάποιο εφέ βάθους.

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

7. Εργασία με γραμματοσειρές

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

Το Flat χρησιμοποιεί συνήθως απλά στυλ γραμματοσειράς που κάνουν ολόκληρο το σχέδιο καθαρό και ευανάγνωστο. Μπορείτε να βρείτε πολλές δωρεάν γραμματοσειρές στο Adobe Typekit εάν χρησιμοποιείτε προϊόντα της Adobe. Μπορείτε επίσης να βρείτε πολλές καλές δωρεάν γραμματοσειρές στο Font Squirrel. Αλλά μην ξεχάσετε να διαβάσετε την άδεια εάν πρόκειται να χρησιμοποιήσετε τη γραμματοσειρά για εμπορικούς σκοπούς.

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

Χρησιμοποιήστε τις γραμματοσειρές με προσοχή, να θυμάστε ότι θα πρέπει να τονίζει και να ταιριάζει στο σχέδιο και να μην μοιάζει με ξεχωριστό στοιχείο. Αυτό δεν σημαίνει ότι δεν μπορείτε να χρησιμοποιήσετε γραμματοσειρές serif ή σύνθετες γραμματοσειρές. Απλώς θυμηθείτε να είστε μινιμαλιστές και να κρατάτε τα πάντα σε ισορροπία. Ωστόσο, το flat εξακολουθεί να χρησιμοποιεί γραμματοσειρές sans-serif πιο συχνά, καθώς φαίνονται πιο αυστηρές και προσεγμένες.

8. Πλεονεκτήματα και μειονεκτήματα του Flat Design

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

πλεονεκτήματα

Δημοτικότητα

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

Απλότητα

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

Λάμψη

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

Ελαττώματα

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

Μη ανταπόκριση

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

Προβλήματα με την τυπογραφία

Όπως αναφέρθηκε προηγουμένως, δεν μπορεί κάθε γραμματοσειρά να ταιριάζει με επίπεδη σχεδίαση. Μερικές φορές μια τόσο πλούσια γραμματοσειρά με αιχμηρές άκρες φαίνεται πραγματικά ισορροπημένη και κομψή. Ωστόσο, σε περίπτωση που η γραμματοσειρά επιλεγεί λανθασμένα, αυτό μπορεί να καταστρέψει ολόκληρο το σχέδιο. Πρέπει να έχετε μια πολύ καλή αίσθηση για το ποιες γραμματοσειρές είναι κατάλληλες για επίπεδες και ποιες όχι. Η έλλειψη εμπειρίας κάνει την επιλογή γραμματοσειράς πολύ δύσκολη.

Αδύναμα οπτικά

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

9. Μελλοντικές τάσεις επίπεδης σχεδίασης

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

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

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

Έτσι, το επίπεδο δεν χάνει τα χαρακτηριστικά του, αλλά γίνεται πιο ενδιαφέρον, ευέλικτο- Πραγματικά γίνεται καλύτερος.

συμπεράσματα

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

Ελπίζω να μάθατε κάτι νέο από αυτό το άρθρο ή τουλάχιστον να το βρήκατε ενδιαφέρον. Θα πρέπει να δοκιμάσετε την επίπεδη σχεδίαση αν δεν το έχετε ξανακάνει.

Τελικά, τι άλλο πρέπει να αναφερθεί για το επίπεδο σχέδιο;

Αν σας αρέσει πραγματικά το flat με τις έντονες άκρες, τα ζουμερά χρώματα και τις τραγανές γραμματοσειρές, την καθαριότητα και τον μινιμαλισμό του, τότε προτιμήστε το!

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

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

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

Αυτό δεν είναι σκευομορφισμός. Η επίπεδη σχεδίαση εμφανίστηκε ως εναλλακτική λύση στα ψευδοδιαστατικά σχεδιαστικά στοιχεία που μιμούνταν πραγματικά αντικείμενα ή διαδικασίες. Ο σκευομορφισμός περιλαμβάνει την ενεργό χρήση διαφόρων εφέ: σκιών, αντανακλάσεων, αντανακλάσεων και ρεαλιστικών υφών. Δεν υπάρχει τίποτα από αυτό στην επίπεδη σχεδίαση και δεν μπορεί να είναι.

Για πρώτη φορά, οι άνθρωποι άρχισαν να μιλάνε για επίπεδη σχεδίαση το 2012-2013, όταν πρωτοεμφανίστηκε αυτό το στυλ. Η τάση ήταν πολύ αισθητή και έκανε πολύ θόρυβο, αφού ένας από τους πρώτους που άρχισε να αναπτύσσει αυτή την κατεύθυνση ήταν η Microsoft. Η κυκλοφορία των Windows 8 με νέα διεπαφή άλλαξε για πάντα τη σχεδίαση και προκαθόρισε σε μεγάλο βαθμό το διάνυσμα ανάπτυξης του ιστού, τουλάχιστον το οπτικό του στοιχείο.

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

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

Είναι πολύ πιθανό ότι η κυρίαρχη για πολλούς τα τελευταία χρόνιαη τάση προς την ακραία απλοποίηση θα αντικατασταθεί από κάτι άλλο. Υπάρχουν ορισμένες προϋποθέσεις για αυτό - για παράδειγμα, η κατεύθυνση του Material Design, που δημιουργήθηκε από τους σχεδιαστές της Google Corporation.

ΣΥΜΒΑΤΟ ΜΕ ΠΡΟΣΑΡΜΟΣΤΙΚΟ ΣΧΕΔΙΟ

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

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

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

Ένα από τα κύρια πλεονεκτήματα του επίπεδου σχεδιασμού είναι η επεκτασιμότητα του. Τα επίπεδα στοιχεία φαίνονται καλά ανεξάρτητα από το μέγεθος και είναι πολύ πιο εύκολο να τα δουλέψετε από τα σχέδια τέλεια για pixel.

ΕΥΕΛΙΚΤΗ ΠΛΑΤΦΟΡΜΑ

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

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

ΑΝΑΓΝΩΣΤΗ ΤΥΠΟΓΡΑΦΙΑ

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

Η επίπεδη σχεδίαση τείνει να κάνει εκτεταμένη χρήση των sans-serifs, ωστόσο, αυτό δεν είναι αισιόδοξο και τα σερίφ μπορούν επίσης να φαίνονται καλά όταν συνδυάζονται με επίπεδα στοιχεία. Οι γραμματοσειρές Serif θα είναι αρκετά κατάλληλες ως επικεφαλίδα και μπορούν επίσης να χρησιμοποιηθούν στο κυρίως κείμενο, εάν η τυπογραφία δεν παραβιάζει τη συνθετική ενότητα.

ΜΕΙΟΝ

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

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

Ας πάρουμε αυτόν τον ιστότοπο ως παράδειγμα. Ποια στοιχεία σε αυτό είναι διαδραστικά. Ολα? Ή μόνο μερικά; Ασαφείς. Αυτό μπορεί να διαπιστωθεί μόνο με τη "μέθοδο σακί", αλλά αυτές είναι ήδη επιπλέον κινήσεις, κάτι που είναι ανεπιθύμητο.

ΑΠΩΛΕΙΑ ΤΗΣ ΑΤΟΜΙΚΟΤΗΤΑΣ

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

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

Μερικές φορές γίνεται γελοίο. Βλέποντας αυτές τις εικόνες, μπορεί να σκεφτείτε ότι έχουμε διαφορετικές ενότητες της ίδιας εφαρμογής. Αλλά όχι, οι σχεδιαστές Marco La Mantia και Simone Lippolis εργάστηκαν ανεξάρτητα. Ως κύρια στοιχεία σχεδίασης χρησιμοποιούνται βασικά γεωμετρικά σχήματα και μια λευκή γραμματοσειρά sans-serif - η λύση είναι κάτι παραπάνω από λογική. Αλλά το αποτέλεσμα είναι αξιοθρήνητο - ο ίδιος συνδυασμός χρωμάτων στέρησε εντελώς τη μοναδικότητα του σχεδιασμού. Και υπάρχουν πολλές τέτοιες περιπτώσεις.

ΚΥΝΗΓΟΥΜΕ ΜΟΔΑ

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

Ωστόσο, κατά την επιδίωξη της μόδας, μπορεί κανείς να κάνει ένα σοβαρό λάθος: εάν ακολουθείτε αμελώς όλες τις τάσεις, είναι πολύ πιθανό να ξεχάσετε τη χρησιμότητα του σχεδιασμού. Το Flat μπορεί να είναι πολύ όμορφο, κομψό και ακόμη και χαριτωμένο, αλλά παρόλα αυτά, η επιλογή ενός σχεδιαστή πρέπει να καθορίζεται από τη λειτουργικότητα και όχι από την επιθυμία για ομορφιά. Μερικές φορές η επιθυμία να «χωθεί» κάτι μοντέρνο στο σχέδιο βλάπτει, για παράδειγμα, τις μακριές σκιές, ένα από τα πιο αναγνωρίσιμα τσιπ επίπεδης σχεδίασης.

Μπροστά μας βρίσκονται τα έργα των σχεδιαστών Alexander Lototsky και Erik Malmskeld. Αυτά είναι χαρακτηριστικά παραδείγματα χρήσης μακριών σκιών στο σχεδιασμό. Τώρα δεν θα εκπλήξετε κανέναν με αυτό, αλλά κάποτε, και τα δύο έργα δημιουργήθηκαν το 2013, όταν το επίπεδο σχέδιο μόλις ερχόταν στη μόδα, το νέο οπτικό στυλ ήταν πολύ ενδιαφέρον και ελκυστικό. Ως αποτέλεσμα, υπάρχουν τόσα πολλά παρόμοια εικονίδια που σήμερα η χρήση των σκιών είναι μια τυπική και χωρίς ενδιαφέρον λύση. Κάποτε ήταν της μόδας, αλλά όχι πια. Οι σκιές είναι σαν τις σκιές. Δεν έχουν νόημα, όχι χρήσιμη λειτουργίαδεν αποδίδουν.

ΚΑΚΗ ΕΠΙΛΟΓΗ ΛΕΙΤΟΥΡΓΙΑΣ

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

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

FLAT 2.0

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

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

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

Η Google έχει κάνει πολλά για την προώθηση του Flat 2.0. Το Material Design Guideline είναι μια προσπάθεια δημιουργίας μιας νέας οπτικής γλώσσας που συνδυάζει επίπεδα και τρισδιάστατα σχεδιαστικά στοιχεία. Οι προτάσεις της Google είναι πολύ λεπτομερείς και εύκολο να ακολουθηθούν. Ταυτόχρονα, η Google δεν επιμένει στην αυστηρή τήρηση όλων των κανόνων που ορίζονται στην οδηγία - οι σχεδιαστές μπορούν να πειραματιστούν δημιουργώντας τα δικά τους πρωτότυπα έργα, όπου μπορούν να συνδυαστούν μια ποικιλία στοιχείων.

ΣΥΜΠΕΡΑΣΜΑ

Σήμερα, το Flat 2.0 είναι στα σπάργανα, αλλά η κατεύθυνση προς την οποία θα αναπτυχθεί αυτό το στυλ είναι ήδη αρκετά ευδιάκριτη. Δεν αναμένονται σημαντικές αλλαγές - η Google, η Apple και η Microsoft δεν πρόκειται να εγκαταλείψουν το διαμέρισμα. Εάν υπάρξουν αλλαγές, θα είναι μικρές - θα εμφανιστούν νέες προσεγγίσεις, κάποιος θα καταλήξει σε ένα ενδιαφέρον "τσιπ", οι προσπάθειες θα συνεχίσουν να εκμεταλλεύονται το καλύτερο του σκευομορφισμού. Αλλά σε παγκόσμια έννοια, δεν πρέπει να περιμένουμε τίποτα πραγματικά νέο - η επίπεδη σχεδίαση είναι μια μακροπρόθεσμη τάση και μόνο ένα στυλ που συναντά καλύτερα τις νέες τεχνολογίες που δεν υπάρχουν ακόμη μπορεί να το μετατοπίσει από τις κερδισμένες θέσεις του.