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

Έχουμε μεταφραστεί για σας ενδιαφέρον συντάκτης του άρθρου TheNextWeb Amber Leigh Turner, ο οποίος λέει για η προέλευση της εμφάνισης ενός επίπεδου σχεδιασμού, πώς αλλάζει τις διεπαφές είναι τώρα και τι θα συμβεί στην επίπεδη στυλ μέλλον.

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

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

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

Ποια είναι η λεπτή σχεδίαση;

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

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

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

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

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

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

Πού πήγε κατ σχεδιασμό;

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

ελβετικό στυλ

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

Swiss σχεδιασμός επικεντρώνεται κυρίως στην χρήση των δικτύων οδηγού, sans-serif τυπογραφίας (η λεγόμενη «γκροτέσκο» - περίπου. ανά.) και σαφή ιεράρχηση του περιεχομένου και του σχεδιασμού. Κατά τη διάρκεια της δεκαετίας του '40 και του '50 η ελβετική σχεδιασμός θα μπορούσε συχνά να βρεθεί σε πολλές από τις φωτογραφίες ως στοιχείο του σχεδιασμού.

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

Είναι ενδιαφέρον να παρατηρήσουμε πως η λεπτή σχεδίαση χρησιμοποιήθηκε πριν, όπως εφαρμόζεται σε επιτεύγματά τους Η Microsoft και η Apple και κατέστησε δημοφιλές, διότι το ελβετικό στυλ μπορεί να εντοπιστεί ακόμα και στη Γερμανία οι 20 του ΧΧ αιώνα. Εκείνη τη στιγμή έγινε πολύ δημοφιλής, και τα στοιχεία της χρησιμοποιούνται στην περίφημη σχολή γερμανική Bauhaus - τους λάτρεις της τέχνης Δεν θα βρεθώ, ότι στο Bauhaus μεγάλη έμφαση στην τυπογραφία, η οποία έχει πολλά κοινά με την Ελβετική στυλ.

μινιμαλισμό

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

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

Ένα από τα πιο διάσημα έργα τέχνης στο στυλ του μινιμαλισμού εδώ είναι η ζωγραφική του Yves Klein «μπλε Εποχή»:

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

Η εποχή του επίπεδου σχεδιασμού της Microsoft και η Apple

η ιστορία επαναλαμβάνεται, και το ίδιο ισχύει και για το επίπεδο του σχεδιασμού. Όπως μάθαμε παραπάνω, επίπεδη στοιχεία μπορούν να βρεθούν στα 20-ες του ΧΧ αιώνα.

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

interface της Microsoft και του μετρό

Η Microsoft ξεκίνησε να συνεργαστεί με μια επίπεδη σχεδίαση πολύ πριν από τη διεπαφή του μετρό. Στα μέσα της δεκαετίας του 2000, η ​​Microsoft έχει κυκλοφορήσει το iPod αντίπαλο - το player Zune (είμαι βέβαιος ότι κάποιοι από εσάς ακόμα θυμούνται το όνομά του - περίπου. Ed.).

Ήταν με την κυκλοφορία του Zune έχουν ένα μοναδικό στυλ σχεδιασμού, στην οποία τοποθετήθηκε η έμφαση στη μεγάλη τυπογραφίας. Zune σχεδιασμό του λογισμικού ήταν αρκετά διαφορετική από την πλειοψηφία του λογισμικού της Microsoft εκείνη την εποχή. Μετά από όλα, τα Windows Phone 7 κυκλοφόρησε μόλις στα τέλη του 2010 και ο σχεδιασμός αυτού του κινητού ΛΣ πήρε πολύ του λογισμικού διασύνδεσης Zune. Τα μεγάλα και φωτεινά μορφές, με βάση τα δίκτυα οδηγό, τυπογραφία χωρίς serif (γκροτέσκο), επίπεδες εικόνες.

Αυτή η διεπαφή Microsoft θα καλέσει σύντομα μετρό

Αυτός ο σχεδιασμός έχει γίνει τόσο δημοφιλές που η Microsoft έχει κυκλοφορήσει ένα desktop λειτουργικό σύστημα Windows 8, η οποία βασίζεται στο Μετρό UI. Σαφείς τετράγωνο σχήμα, έμφαση στην τυπογραφία, ζωηρά χρώματα - όλα αυτά και μεταφέρθηκε σε προσωπικούς υπολογιστές. Το ίδιο interface χρησιμοποιείται σε όλα σχεδόν τα προϊόντα της Microsoft, συμπεριλαμβανομένου του Xbox 360.

Όπως η Apple πέταξε skeuomorph

Παρά το γεγονός ότι η Microsoft έχει εργαστεί σε μια επίπεδη περιβάλλον, η Apple έχει επίσης τα ατού στο μανίκι του. Κατ 'αρχάς, η Apple ελαφρώς άφησε να εννοηθεί σε τι πρόκειται να εγκαταλείψει skeuomorph, και με την ανακοίνωση του iOS 7, τον Ιούνιο του 2013, έγινε σαφές - kupertinovtsy σταθερά αποφάσισε να χρησιμοποιήσει ένα επίπεδο σχεδιασμού.

Δεδομένου ότι η Apple εκείνη την εποχή υπήρχαν πολλοί οπαδοί έξω «επίπεδο» iOS 7 έκανε αυτό το στυλ του σχεδιασμού δημοφιλής από ποτέ. Και αυτό συνέβη σε πολύ σύντομο χρονικό διάστημα (δηλαδή την ταχεία μετάβαση σε iOS 6 στο iOS 7 - περίπου. Ed.).

Η Apple αισθητική του σχεδιασμού επηρέασε σε μεγάλο βαθμό το σχεδιασμό των κινητών εφαρμογών και web sites, γιατί οι περισσότεροι σχεδιαστές τελικά άρχισαν να εξετάζουν το στυλ από τα πιο σύγχρονα και κατάλληλα. Όταν η Apple άλλαξε σε επίπεδη στυλ, skeuomorph αμέσως ξεπερασμένη και ogromnou αριθμό των τοποθεσιών και εφαρμογών χρειάζεται επειγόντως επανασχεδιασμό.

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

Responsive design

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

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

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

Το μέλλον του επίπεδου σχεδιασμού

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

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

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

---

το σχόλιο του συντάκτη

Με ενδιέφερε να διαβάσει και να μεταφράσει για σας αυτό το σημείωμα, επίσης, γιατί πριν από ένα χρόνο, όταν όλοι αναρωτήθηκαν ποια θα είναι η iOS 7, Ι Έγραψα ένα post «Γιατί το iOS 7 δεν είναι επίπεδος σχεδιασμός», η οποία μοιράστηκε την άποψή του για το πώς το κινητό λειτουργικό σύστημα θα πρέπει να κοιτάξουμε για Η Apple. Τότε ήμουν σε αντίθεση με το επίπεδο του σχεδιασμού και την πρώτη φορά που πραγματικά αγωνίστηκαν. Αλλά μηνών από την εμπειρία του χρήστη άλλαξε το μυαλό μου. Είμαι συνηθισμένος σε επίπεδο σχεδιασμού και αυτό δεν μου προκαλεί απόρριψη.

Τώρα, μήνες αργότερα, ακριβώς μπορεί να πει κανείς ότι το iOS Shake απέτυχε. Skeuomorph φαίνεται τώρα πολύ αρχαϊκή και παράλογο, και είναι σαφές ότι το iOS 7 έγινε φαινομενικά πιο σύγχρονο και ελκυστικό. Φυσικά, υπάρχουν και εκείνοι που δεν μου αρέσει αυτό το στυλ. Αλλά υπάρχουν επίσης δυσαρεστημένοι θα είναι πάντα :-).

Στο iOS 8 θέλετε να δείτε τη σωστή ελαττώματα κάποια στο σχεδιασμό (ειδικά κάποια εικονίδια εφαρμογές), αλλά βασικά, η Apple έκανε το σωστό πράγμα, που έκανε επίπεδο πρότυπο σχεδιασμού για τα επόμενα χρόνια. Είναι ενδιαφέρον να δούμε πώς αυτό θα επηρεάσει την εμφάνιση του OS X, και τι επιφυλάσσει το μέλλον APIs.

Ποια είναι η γνώμη σας για το σχεδιασμό της επίπεδης, iOS 7, ειδικότερα; Μην ξεχάσετε να μοιραστείτε τις απόψεις σας στα σχόλια.

(μέσω της TheNextWeb)