Web Design Έμπνευση από την ιστορία της σύγχρονης τέχνης
Στο προηγούμενο άρθρο μου, παρουσίασα μια σύντομη ιστορία της τέχνης και πώς οι αρχές από αυτήν θα μπορούσαν να ισχύουν για το σύγχρονο εμπόριο του web design.
Εδώ θα συνεχίσω το θέμα, αλλά θα επικεντρωθώ σε σύγχρονες κινήσεις σχεδιασμού (κυρίως τον 20ό αιώνα) που έχουν μαθήματα για να μας διδάξουν και έμπνευση για να προσφέρουμε.
Η πρόκληση με το μοντέρνο σχεδιασμό είναι ότι υπάρχουν δεκάδες κινήσεις και όλες αλληλοεπικαλύπτονται μεταξύ τους σε ένα μπερδεμένο χάος.
Τα πράγματα δεν είναι πλέον τόσο απλά όσο μια αιώνας Αναγέννηση ή μπαρόκ περίοδο. Για να το κρατήσω διαχειρίσιμο, επέλεξα μερικές κινήσεις για να αναθεωρήσω εδώ.
Τέχνη και χειροτεχνία
Θα ξεκινήσουμε το ταξίδι μας με το Τέχνη και χειροτεχνία , η οποία άρχισε γύρω στο 1860 και άνθισε μέχρι το 1910 περίπου. Το κίνημα υπογράμμισε τη χειροτεχνία και την απλότητα και ήταν ευαίσθητο στα πραγματικά υλικά που χρησιμοποιούνται για τη δημιουργία του έργου.
Βασικά, το κίνημα αποτελούσε άμεση απάντηση στη σύγχρονη εποχή της μηχανής και το αμφισβήτησε με το στυλ και τη διακόσμησή του. Με έμφαση στην απλότητα, τη λειτουργικότητα και τη δεξιοτεχνία, το κίνημα Τέχνες και Χειροτεχνία προσφέρει πολλά πράγματα που μπορεί να αντλήσει ο σύγχρονος σχεδιαστής.
Χορηγημένος, η αντίδραση των αρχών από ένα κίνημα που ήταν θεμελιωδώς αντίθετο με τα σύγχρονα μηχανήματα και την εφαρμογή τους στην ανάπτυξη ιστού παρουσιάζει ένα προφανές πρόβλημα. Αλλά ας δούμε τι βγάζουμε.
Εμπνευσμένοι από το σκοπό και την τεχνολογική απλότητα, οι σχεδιαστές της περιόδου βασίζονταν σε μεγάλο βαθμό στα στολίδια και τα σχέδια, ενώ παράλληλα παρακολουθούσαν τη συνολική ποιότητα και στυλ. Αυτά τα στοιχεία ήταν τόσο θεμελιώδη που ένα βιβλίο από αυτή την περίοδο ήταν αφιερωμένο σε αυτά, Η γραμματική του στολισμού .
Στολίδι, μοτίβα και φινέτσα
Αυτή η σελίδα από τη Φύση της Γοτθικής , όπως εκτυπώθηκε από τον Kelmscott Press, παρουσιάζει επίπονη τέχνη και μια αισθητική που είναι θεμελιωδώς αντίθετη στη μαζική παραγωγή. Πώς μπορούμε να εφαρμόσουμε αυτό στο σχεδιασμό ιστοσελίδων; Το άλμα είναι μάλλον δύσκολο, αλλά νομίζω ότι έχουμε έναν νικητή εδώ:
Παρά το γεγονός ότι ένας ιστότοπος, στο πιο βασικό του επίπεδο, αντιπροσωπεύει μια αγκαλιά τεχνολογίας, αυτός ο συγκεκριμένος ιστότοπος είναι μια φανταστική γέφυρα ανάμεσα στο στυλ Τέχνης και Χειροτεχνίας και στο διαδίκτυο.
Για αρχάριους, έχει μια αξιοσημείωτη χειροποίητη αίσθηση σε αυτό. Το πιο πιθανό υπόβαθρο ήταν χειροποίητο, πριν μετατραπεί σε μορφή ψηφιακού διανύσματος. Ο δικτυακός τόπος αντικατοπτρίζει σαφώς το θέμα (π.χ. γράμματα), το οποίο έχει την ίδια άμεση σχέση με τη χειροτεχνία. Πάνω απ 'όλα, η έλλειψη γραφικών ή διακόσμησης, εκτός από τη φινέτσα του, κάνει πραγματικά αυτό να ταιριάζει με το στυλ.
Ένα άλλο ενδιαφέρον, αν και πολύ διαφορετικό, παράδειγμα είναι Zaarly , η οποία συσκευάζει μια ξεχωριστή οπτική γροθιά. Ο ιστότοπος συνδυάζει σύγχρονη λειτουργικότητα με στυλ σχεδίασης. Η χειροποίητη απεικόνιση και η φυσική χρωματική παλέτα συνδέουν αυτό το σχέδιο με απτά χειροτεχνήματα. Με πολλούς τρόπους, ο σχεδιαστής απομακρύνει αυτό το σχέδιο από τις ψυχρές, αποστειρωμένες τεχνολογίες που χρησιμοποιούνται για να το δημιουργήσει, πηγαίνοντας αντ 'αυτού για μια προσωπική, φυσική αίσθηση.
Ο ιστότοπος σίγουρα δεν απέχει από τα σύγχρονα εργαλεία, όμως, με την ενσωμάτωσή του στο Facebook, Twitter και το Google Maps. Στην πραγματικότητα, ο όμορφος σχεδιασμός θα ήταν άχρηστος χωρίς τη σύγχρονη εφαρμογή και συνάφεια.
Ας εξετάσουμε τον αντίκτυπο αυτού του στυλ. Κάποιος μπορεί να υποθέσει ότι αποφασίστηκε τυχαία. Θα πρότεινα να υπολογιστεί προσεκτικά. Αντιπροσωπεύει μια ριζικά διαφορετική προσέγγιση από αυτήν της Craigslist , ένας ανταγωνιστής του Zaarly's. Κάνοντας την ιστοσελίδα προσωπική και λιγότερο «ψηφιακή», οι σχεδιαστές προσπάθησαν να προσελκύσουν τους ανθρώπους σε εντελώς διαφορετικό επίπεδο. Ο σχεδιασμός εξυπηρετεί έναν πολύ συγκεκριμένο σκοπό με το προϊόν, το οποίο είναι απόλυτα σύμφωνο με τα ιδανικά του κινήματος Τέχνες και Χειροτεχνία.
Art Nouveau
Το κίνημα Art Nouveau ήταν δημοφιλές περίπου το 1900 και αναγνωρίζεται πιο συχνά για τον αντίκτυπό του στην αρχιτεκτονική της εποχής. Το στιλ αιχμαλωτισμένο floral και φυτικών στοιχείων, με στυλιζαρισμένες ρέουσες γραμμές. Αυτός ο συνδυασμός στοιχείων κάνει την τέχνη από αυτή την περίοδο σχετικά εύκολο να εντοπιστεί.
Η όμορφη αφίσα Maude Adams ως Joan of Arc από Αλφόνς Μούχα ενσωματώνει όλες τις βασικές αρχές του Art Nouveau. Είναι σαφώς ορατά τα φυτικά μοτίβα και οι γραμμές που ρέουν. Το ύφος της ζωγραφικής επισημαίνεται από την τεχνική που χρησιμοποιείται για τη δημιουργία του, χωρίς να αποσπάται από το απολύτως όμορφο αποτέλεσμα. Είναι σαν ένα συνδυασμό των ρεαλιστικών και διακοσμητικών στοιχείων άλλων πιο στυλιζαρισμένων κινήσεων ( Ιμπρεσιονισμός , για παράδειγμα).
Δεν θα μπορούσα να σκοντάψω πάνω σε ένα καλύτερο παράδειγμα αρτ νουβό στοιχείων σε μοντέρνο σχέδιο απ 'ότι εντοπισμός Της ιστοσελίδας. Τα ρέοντα στοιχεία στην κορυφή είναι η πιο προφανής αναφορά σε αυτή την περίοδο. Ρίξτε τα άλλα στοιχεία, συμπεριλαμβανομένου του κόκορα, του ποδηλάτου και του χεριού, και έχετε πολύ ξεκάθαρο φόρο τιμής στις αρχές της δεκαετίας του 1900.
Ενώ η σύνδεση με το Art Nouveau είναι ξεκάθαρη, οι σύγχρονες πινελιές είναι αυτό που καθιστά την ιστοσελίδα πραγματικά εξαιρετική. Τα πρώτα είναι τα απλά κινούμενα γραφικά στην κορυφή της σελίδας. Λίγα στοιχεία όπως αυτά πηγαίνουν πολύ μακριά για να φέρει τη σελίδα στη ζωή.
Bauhaus
Bauhaus ήταν ένα γερμανικό σχολείο που έτρεξε από το 1919 μέχρι το 1933. Έχει μια τεράστια επίδραση στον σύγχρονο σχεδιασμό και σχεδόν σε όλες τις μορφές τέχνης που ακολούθησαν, ιδιαίτερα στις εμπορικές τέχνες.
Όπως κάνουν οι περισσότερες κινήσεις, το στιλ Bauhaus έρχεται αντιμέτωπο με τους προκατόχους του. Απουσία είναι η διακόσμηση και διακόσμηση των τεχνών και χειροτεχνίας και αρτ νουβό στυλ. Στη θέση του είναι η συγχώνευση του σχεδιασμού και της λειτουργίας, η οποία ήταν με πολλούς τρόπους η γέννηση του πραγματικού μινιμαλισμού. Η προσπάθεια εναρμόνισης της λειτουργίας και του σχεδιασμού είναι αξιοσημείωτα παρόμοια με τις προσπάθειες της κοινότητας του web design σήμερα.
ο Βαρκελώνη πρόεδρος παραπάνω σχεδιάστηκε από Mies van der Rohe , ένας από τους διευθυντές της Bauhaus. Η απλή καρέκλα συλλαμβάνει τέλεια την αισθητική. Είναι απλοποιημένο και απίστευτα κομψό και εντελώς σχεδιασμένο για να εκτελεί τη λειτουργία του, οι οποίοι είναι οι λόγοι για τους οποίους χρησιμοποιείται ακόμα και σήμερα, 80 χρόνια αργότερα.
Η εύρεση μινιμαλιστικών ιστότοπων είναι εξαιρετικά εύκολο , αλλά βρίσκοντας αυτά που αγκαλιάζουν επίσης το στυλ Bauhaus είναι πολύ πιο δύσκολο. Σχεδιασμός ταυτότητας το κάνει αποτελεσματικά. Ο ιστότοπος καλύπτει σαφώς τον μινιμαλισμό αλλά πηγαίνει βαθύτερα.
Λειτουργία και σχεδιασμός
Σύμφωνα με το στυλ Bauhaus, η Identity Designed έχει έναν μινιμαλιστικό ιστότοπο και έχει εξασφαλίσει ότι λειτουργεί πολύ καλά. Η κεφαλίδα της σελίδας δείχνει απλή επωνυμία, "ID". Από εκεί, έχουμε μια απλή σαφή γραμμή μενού. ο χρήστης ξέρει αμέσως πώς να πλοηγηθεί στην ιστοσελίδα. Ακολουθεί συμβάσεις ενώ λειτουργεί όμορφα.
Ένα άλλο χαρακτηριστικό του Bauhaus είναι η χρήση των χαρακτήρων sans-serif. Μετά από όλα, ένα τύπος γραμματοσειράς μπορεί να εκτελέσει τη λειτουργία του τέλεια καλά χωρίς όλα αυτά επιπλέον serifs , αυτιά και όπλα ! Για να μην αναφέρουμε, οι γραμματοσειρές sans-serif μπορούν να είναι εξαιρετικά όμορφες από μόνα τους.
Τέλος, παρατηρήστε πόσο προσεκτικά χρησιμοποιείται το χρώμα. Στο στυλ Bauhaus, οι ασημένιοι συνδυασμοί χρωμάτων είναι σχεδόν ανύπαρκτοι. Το Design Identity χρησιμοποιεί χρώμα για να διακρίνει τους συνδέσμους, αλλά αλλιώς, το χρώμα χρησιμοποιείται μόνο για τη λεπτή διακόσμηση.
Διεθνές τυπογραφικό στυλ
Επίσης γνωστό ως ελβετικό στυλ, το διεθνές τυπογραφικό στυλ προέρχεται από την Ελβετία τη δεκαετία του 1950. Στην επιφάνεια, ενσωματώνει το λειτουργικό και ελάχιστο ύφος του Bauhaus. Καθώς θα σκάβετε βαθύτερα, θα βρείτε μια εστίαση στη τυπογραφία, το γεωμετρικό σχεδιασμό και τα συστήματα πλέγματος.
Μερικά από τα μεγαλύτερα ονόματα στο γραφικό σχέδιο προέκυψαν από αυτό το κίνημα: Paul Rand , Ο Max Miedinger . Ο Miedinger και ο Eduard Hoffmann δημιούργησαν το Helvetica γραμματοσειρά, την οποία ορισμένοι ίσως έχετε ακούσει.
Το παραπάνω δείγμα από το περιοδικό Neue Grafik αποτελεί παράδειγμα για το διεθνές τυπογραφικό στυλ. Παρατηρήστε την σχεδόν πλήρη εξάρτηση από την τυπογραφία, την ισχυρή προσκόλληση σε ένα πλέγμα και το αριστερό κείμενο.
Focus Lab Ο ιστότοπος δεν είναι 100% στο διεθνές στυλ, αλλά κατά κάποιο τρόπο αυτό αποτελεί ένα ακόμα καλύτερο παράδειγμα. Εξάλλου, τέτοιες συγκρίσεις έχουν σκοπό να δείξουν πώς αυτές οι ιδέες από τη σύγχρονη τέχνη μπορούν να προσαρμοστούν στις τρέχουσες ανάγκες και την αισθητική.
Ο σαφώς ορατός στην ιστοσελίδα της Focus Lab είναι η εκλεπτυσμένη τυπογραφία ως ένα στυλιστικό στοιχείο. Ο τύπος δεν μεταδίδει μόνο πληροφορίες: είναι το κύριο στοιχείο σχεδίασης στη σελίδα (ακόμα και αν δεν είναι αρκετά Helvetica).
Επίσης, το πλέγμα είναι κρίσιμο για την αποτελεσματικότητα της σελίδας. Και ενώ ίσως μια λεπτότερη λεπτομέρεια, όλο το κείμενο είναι δικαιολογημένο αριστερά, πολύ σε συμφωνία με το στυλ. Ο ιστότοπος αποτελεί ένα εντυπωσιακό παράδειγμα σύγχρονου σχεδιασμού ιστοσελίδων και αποδεικνύει ότι μπορούμε να αξιοποιήσουμε οποιοδήποτε στυλ που ταιριάζει στις ανάγκες μας.
Pop Art
Pop Art επίσης βγήκε από τη δεκαετία του 1950. Προέρχεται από τη Βρετανία και βρήκε τον δρόμο της προς τις ΗΠΑ. Άντυ Γουόρχολ είναι ίσως ο πιο γνωστός υποστηρικτής του.
Για μια ακόμη φορά, βλέπουμε ένα κίνημα τέχνης που προκαλεί την παράδοση. Η Pop Art ενσωματώνει καθημερινά αντικείμενα όπως κωμικά βιβλία, φωτογραφίες διασημοτήτων, οικιακά αντικείμενα και ακόμη και διαφήμιση.
Ένα από τα πρώτα παραδείγματα της Pop Art είναι αυτό το κολάζ Ρίτσαρντ Χάμιλτον , με τίτλο Τι ακριβώς κάνει τα σημερινά σπίτια τόσο διαφορετικά, τόσο ελκυστικά; Αυτή η συγχώνευση των διαφόρων στοιχείων της ζωής του 1950 ήταν μια εντυπωσιακή, ίσως συγκλονιστική, επίδειξη αυτού του στυλ.
Η εύρεση ιστοσελίδων που αξιοποιούν το στυλ Pop Art είναι δύσκολο, αλλά υπάρχουν. Ενα είναι Mixbits.com :
Ίσως η μεγαλύτερη διαφορά μεταξύ αυτού και του στυλ Pop Art είναι ότι το Mixbits.com προορίζεται πραγματικά να χρησιμοποιηθεί, όχι μόνο να το δει. Ωστόσο, η διεπαφή φέρει στοιχεία του στυλ. Τι επιδιώκει να επιτύχει η Pop Art εκτός από την αλλαγή της προοπτικής μας σε ό, τι είναι η τέχνη; Η διεπαφή του Mixbits.com προκαλεί τις προσδοκίες μας για το πώς πρέπει να φαίνεται μια εφαρμογή ιστού. Και λειτουργεί υπέροχα.
Δεν γνωρίζουμε την έμπνευση πίσω από το Pelican Hotel Της ιστοσελίδας, αλλά τα γραφικά εδώ φαίνονται να προκαλούν το κολάζ του Richard Hamilton. Οι εμπορικές εκτιμήσεις κρατούν τον σχεδιαστή από το να επικαλύπτει τα καθημερινά αντικείμενα με τον τρόπο που έκανε ο Χάμιλτον, αλλά υπάρχει κάτι σαν κολάζ-όπως για τον τρόπο που αυτή η σελίδα είναι μαζί.
Δαδί
Ο καθένας δεν θα θεωρούσε τη σκηνή punk rock της δεκαετίας του 1970 ένα ορόσημο στη σύγχρονη τέχνη και το σχεδιασμό. Αλλά η επιρροή της είναι πολύ μεγάλη και μάλλον επίμονη. Για να μην αναφέρουμε, αποτελεί μια ωραία αντίθεση με τον μινιμαλισμό του Bauhaus.
Μερικά από τα βασικά χαρακτηριστικά του είναι το κολάζ, τα κοφτά οπτικά, το συγκλονιστικό περιεχόμενο και τα έντονα φωτεινά χρώματα όπως το ροζ και το κίτρινο φθορισμού. Ένα από τα πιο αξιοσημείωτα προϊόντα είναι αυτή η κάλυψη άλμπουμ για το Sex Pistols 'ενιαίος Ο Θεός σώσει τη βασίλισσα :
Αυτό το τέχνασμα άλμπουμ ενσωματώνει τέλεια την εποχή του punk rock: συγκλονιστικά γραφικά, κολάζ και χαμηλή αξία παραγωγής. Ας εξετάσουμε μερικά σχέδια ιστοσελίδων για να δούμε πώς ζει αυτό το στυλ.
Ευτυχώς, πολλοί από τους σχεδιαστές που υιοθετούν αυτήν την αισθητική δεν εγκαταλείπουν τις αρχές της χρηστικότητας στη διαδικασία. Ακολουθήστε τα δύο παραδείγματα που παρουσιάζονται παραπάνω, Serge Seidlitz Και την πιο εμπορική προσέγγιση του Puma Talk . Χωρίς καμία από αυτές τις ιστοσελίδες είναι κυριολεκτικά "punk rock". Ούτε είναι προσβλητικό στο ελάχιστο, και ούτε έχει αίσθηση lo-fi. Ακόμα, οι ιστοτόποι έχουν τις ρίζες τους στο ύφος, ακόμη και όταν εκσυγχρονίστηκαν σε μεγάλο βαθμό.
Ταγγός είναι πιο αληθινό στο πνεύμα του πανκ ροκ. Ο ιστότοπος αυτής της τρέχουσας ημι-πανκ μπάντας στερείται της παράνομης συμπεριφοράς, αλλά σίγουρα έχει την αίσθηση του "lo-fi hacked-together". Και ταιριάζει καλά στη μπάντα.
Εάν σκέφτεστε να υιοθετήσετε αυτό το στυλ, σκεφτείτε την επίδρασή του στο ακροατήριό σας. Η Puma Talk, για παράδειγμα, χρησιμοποιεί ένα στυλ ψευδο-πανκ για να συνδεθεί με ένα νέο κοινό, παρόλο που οι χρήστες δεν θα είναι αρκετά μεγάλοι για να βιώσουν το κίνημα της πανκ από πρώτο χέρι. Μην αφήνετε το στυλ να υπαγορεύει το έργο. Αντ 'αυτού, εκμεταλλευτείτε τις σύγχρονες τεχνικές και προσεγγίσεις και βεβαιωθείτε ότι ο ιστότοπός σας είναι συναφής με το τρέχον κοινό.
συμπέρασμα
Προσπαθώντας να ξεδιπλώσετε τα αμέτρητα κινήματα τέχνης που έχουν συμβεί τα τελευταία 100 χρόνια, θα ήταν καταπληκτικά. Με την παγκοσμιοποίηση της επικοινωνίας, τα στυλ έχουν συνυφαστεί με το σημείο να είναι συντριπτική. Αλλά αυτό δεν είναι ένα μάθημα στην ιστορία της τέχνης. Αντίθετα, ο στόχος μου ήταν να ρίξω φως στην προέλευση μερικών από τις μορφές που χρησιμοποιούμε σήμερα στο διαδίκτυο.
Οι σημερινοί σχεδιαστές ιστοσελίδων εκμεταλλεύονται ιδέες δεκαετίες, αν όχι αιώνες, παλιές. Οι πραγματικοί πρωτοπόροι κάθε περιόδου είναι σε θέση να αξιοποιήσουν τις ιδέες του παρελθόντος, να προσαρμοστούν στις σύγχρονες ανάγκες και να δημιουργήσουν νέες προσεγγίσεις που διαμορφώνουν τις μελλοντικές γενιές των σχεδιαστών.
Ελπίζω ότι αυτή η σύντομη εισαγωγή σε διάφορα κινήματα τέχνης καταδεικνύει τη δύναμη να κοιτάς το παρελθόν. Η δημιουργικότητα δεν παρεμποδίζεται ποτέ με την εξέταση του τι έχουν κάνει οι άλλοι. Αντίθετα, η κατανόηση των διδαγμάτων που έχουν μάθει άλλοι μας βοηθά να προσαρμόσουμε τις ιδέες τους σε νέα στυλ.
Βλέπετε κάποια άλλα στυλ του 20ου αιώνα που εκπροσωπούνται εμφανώς στις σημερινές ιστοσελίδες;