The Bauhaus Grid: Γιατί εξακολουθεί να διαμορφώνει σύγχρονες διεπαφές

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

Έχουμε την τάση να σκεφτόμαστε τον ψηφιακό σχεδιασμό ως μια πρόσφατη εφεύρεση - ένα προϊόν της Silicon Valley και των ανθρωποκεντρικών φιλοσοφιών UX. Αλλά πίσω από τις σημερινές απρόσκοπτες εφαρμογές και διεπαφές βρίσκεται μια βαθύτερη οπτική λογική, η οποία γεννήθηκε όχι από το μικροτσίπ, αλλά από τραπέζια σχεδίασης, μηχανικά μολύβια και μια ριζοσπαστική γερμανική σχολή της δεκαετίας του 1920 που έθεσε ένα ερώτημα που εξακολουθεί να είναι επίκαιρο σήμερα: Τι συμβαίνει όταν η τέχνη και η τεχνολογία μιλούν την ίδια γλώσσα;

The physical Bauhaus was designed with the same rational clarity that informed its graphics. Photo byHisashi Oshite on Unsplash

Ιδρυμένο το 1919 από τον αρχιτέκτονα Walter Gropius στην πόλη της Βαϊμάρης, το Bauhaus δεν ήταν απλώς μια σχολή. Ήταν μια σύγκρουση επιστημονικών κλάδων - αρχιτεκτονική, ζωγραφική, τυπογραφία, γλυπτική - κάτω από ένα ενιαίο όραμα: να ενοποιήσει τη μορφή και τη λειτουργία. Στην καρδιά του βρισκόταν η πεποίθηση ότι ο σχεδιασμός πρέπει να υπηρετεί τους ανθρώπους και ότι η δομή δεν ήταν περιορισμός, αλλά απελευθέρωση. Δεν επρόκειτο για διακόσμηση μόνο για διακόσμηση. Αυτή ήταν η σαφήνεια ως φιλοσοφία.

Το πλέγμα, ως έννοια, δεν εφευρέθηκε από το Bauhaus. Τα αρχαία χειρόγραφα, η ισλαμική κεραμοσκεπή και η ρωμαϊκή αρχιτεκτονική είχαν χρησιμοποιήσει εκδοχές του για αιώνες. Αλλά αυτό που έκανε το Bauhaus ήταν να διατυπώσει το πλέγμα ως ένα συνειδητό εργαλείο για τη νεωτερικότητα. Μετέτρεψε το πλέγμα από κάτι αόρατο σε κάτι ουσιαστικό. Ήταν το Bauhaus που υπερασπίστηκε την ιδέα ότι ο καλός σχεδιασμός χτίζεται - μαθηματικά, αναλογικά, με προσοχή. Και αυτή η θεμελιώδης πεποίθηση συνεχίζει να διαμορφώνει το πιο προοδευτικό μέσο σχεδιασμού της εποχής μας: την οθόνη.

Στο Bauhaus, οι μαθητές διδάσκονταν να βλέπουν τον χώρο όχι ως κενό, αλλά ως ένα δομημένο πεδίο. Η τυπογραφία δεν ήταν αιωρούμενη. ήταν αγκυροβολημένο. Το χρώμα δεν ήταν διακοσμητικό. Υπηρέτησε μια ιεραρχία. Ο Josef Müller-Brockmann, αν και Ελβετός και τεχνικά εκτός της επίσημης καταγωγής της σχολής, απορρόφησε και επέκτεινε αυτή τη φιλοσοφία. Το θρυλικό του έργο «Συστήματα Πλέγματος στη Γραφιστική» (1961) έγινε μια de facto Βίβλος για τη σύγχρονη γραφιστική επικοινωνία. Και όταν η οθόνη αντικατέστησε το χαρτί ως κύριο μέσο, τα μαθήματα του πλέγματος ήρθαν μαζί της — ήσυχα, κομψά.

Αν και ελβετικά, τα πλέγματα του Müller-Brockmann οφείλουν πολλά στη σαφήνεια του Bauhaus.

Οι σημερινές διεπαφές, ειδικά εκείνες που τηρούν την επίπεδη σχεδίαση και τις μινιμαλιστικές αρχές, οφείλουν μεγάλο μέρος του DNA τους στο Bauhaus. Όταν ένας σχεδιαστής ανοίγει το Figma ή το Sketch ή το Adobe XD, συχνά δεν ξεκινά με έμπνευση, αλλά με ένα πλέγμα διάταξης - μια δομή στηλών, γραμμών και υδρορροών που απηχεί τις διδασκαλίες του László Moholy-Nagy ή του Herbert Bayer. Ακόμη και ο responsive σχεδιασμός, ο οποίος προσαρμόζει μια διάταξη σε διάφορα μεγέθη οθόνης, βασίζεται σε αναλογικά συστήματα - χρυσές αναλογίες, αρθρωτές κλίμακες, πλαίσια 12 στηλών - που μπορούν να εντοπιστούν στις εξερευνήσεις της εποχής του Bauhaus.

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

Ακόμα και σε καθημερινές εφαρμογές, οι αρχές του Bauhaus καθοδηγούν την ευθυγράμμιση, τον ρυθμό και την ιεραρχία. Φωτογραφία από Sebastian Bednarek στο Unsplash

Σκεφτείτε την αρχική οθόνη του iPhone. Ένα αυστηρό πλέγμα εικονιδίων εφαρμογών τεσσάρων επί έξι διέπει τα πάντα, ακόμα και όταν οι χρήστες μπορεί να μην το προσέξουν ποτέ συνειδητά. Ή κοιτάξτε τη διεπαφή του Spotify: συνεπής απόσταση μεταξύ των πλακιδίων εξώφυλλου άλμπουμ, κείμενο που ευθυγραμμίζεται με το pixel, συνεπή περιθώρια - όλες αόρατες χειρονομίες της λογικής του Bauhaus. Ακόμα και στο χάος, υπάρχει χορογραφία.

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

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

Στο πλαίσιο του 3TA Design, εξακολουθούμε να ξεκινάμε τα περισσότερα έργα με ένα πλέγμα. Είτε πρόκειται για μια ταυτότητα μάρκας, μια διεπαφή για κινητά ή μια αφίσα, το πλέγμα δεν είναι περιορισμός — είναι ένας συνομιλητής. Μας ρωτάει: Τι ανήκει εδώ; Τι δεν ανήκει; Όταν σχεδιάζουμε μια διεπαφή για μια δίγλωσση εφαρμογή ή δημιουργούμε κινούμενα γραφικά για μια πολυεθνική καμπάνια, στρεφόμαστε στο πλέγμα όχι για ομοιομορφία, αλλά για σαφήνεια. Επειδή σε έναν κόσμο που κατακλύζεται από γραφικά, η σαφήνεια είναι επαναστατική.

Today’s UI design tools begin with grids — a continuation of Bauhaus logic made digital. Photo by Budka Damdinsuren on Unsplash

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

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

Και με αυτή την αίσθηση, το πλέγμα του Bauhaus συνεχίζει το αόρατο, απαραίτητο έργο του.