Ο σχεδιασμός ιστοσελίδων έχει να κάνει με το βλέμμα στο μέλλον. Λόγω της σχέσης του με την τεχνολογία, η ψηφιακή σφαίρα μπορεί να αποτελεί βιτρίνα για νέες καινοτομίες στο animation, την αλληλεπίδραση και τη συνολική “εμβάπτιση” κάθε χρόνο. Και το 2022 υπόσχεται πολλά να περιμένουμε, όπως θα ανακαλύψουμε σύντομα στις παρακάτω τάσεις σχεδιασμού ιστοσελίδων.
Οι δεκαετίες του ’80 και του ’90 επιστρέφουν, η τυπογραφία διαδραματίζει πρωταγωνιστικό ρόλο και το ζωντανό animation ανεβαίνει σε νέα ύψη. Τα οπτικά στυλ, εν τω μεταξύ, καλύπτουν τη γκάμα από την εντυπωσιακά υψηλής τεχνολογίας σχεδίαση έως τα ιδιότροπα χειροποίητα σχέδια. Συνολικά, το 2022 διαμορφώνεται ως μια ποικιλόμορφη και πειραματική είσοδο στα ψηφιακά χρονικά. Αλλά προτού εγκατασταθούμε σε αυτό το γενναίο νέο έτος, ας κάνουμε μια προεπισκόπηση των 7 καινοτόμων τάσεων σχεδιασμού ιστοσελίδων, που θα εμφανιστούν το 2022.
Οι 7 κορυφαίες τάσεις στο σχεδιασμό ιστοσελίδων για το 2022
- Memphis design
- Typographic hero image
- Ρετρό επανάσταση
- Visible borders
- Συναρπαστικές αλληλεπιδράσεις
- Neo-brutalism
- Moving type
1. Memphis design
Το Memphis design, μια από τις καθοριστικές αισθητικές για τη δεκαετία του 1980, μερικές φορές θεωρείται ως ένα φανταχτερό στυλ, που συνδυάζει μια πληθώρα χαοτικών μοτίβων και σχημάτων μαζί. Στην εποχή του, το Memphis design ήταν μια απόρριψη του μινιμαλισμού και των υποτιθέμενων υψηλών γούστων των κριτικών τέχνης, κάνοντας το σχέδιο ταυτόχρονα πιο πολύχρωμο, προσιτό και περιπετειώδες από ό,τι ήταν. Αυτή η στάση είναι ιδιαίτερα επίκαιρη σήμερα, τη στιγμή που οι μινιμαλιστικές προσεγγίσεις έχουν οδηγήσει σε μια θάλασσα διεπαφών, οι παρόλο που είναι καλαίσθητες είναι συντριπτικά ομοιόμορφες. Δεν είναι λοιπόν περίεργο, που πολλοί σχεδιαστές ιστοσελίδων στρέφονται στο σχεδιασμό του Memphis για μια έκρηξη πολύχρωμης προσωπικότητας, που κανένας επισκέπτης δεν θα ξεχάσει σύντομα.
2. Typographic hero image
Ως το πρώτο μέρος ενός ιστότοπου, που βλέπουν οι επισκέπτες, το Typographic hero image πρέπει να κάνει μια δήλωση. Οι σχεδιαστές ιστοσελίδων του 2022 αποδέχονται αυτή την ιδέα με εικόνες ηρώων, που βασίζονται στην τυπογραφία. Ουσιαστικά, αυτές οι ενότητες ηρώων μειώνουν ή εξαλείφουν εντελώς τις εικόνες, για να επιτρέψουν στο ίδιο το μήνυμα να φέρει το βάρος της πρώτης εντύπωσης. Αντί να φαίνονται γυμνές, αυτές οι ενότητες ηρώων είναι τολμηρές στην απλότητά τους. Τραβούν την προσοχή, όπως κάνει ένας σαγηνευτικός τίτλος ειδήσεων. Και στην πορεία, παρέχουν μια εξαιρετική βιτρίνα για μερικά καλόγουστα, δημιουργικά στυλ γραμμάτων.
3. Ρετρό επανάσταση
Καθώς η έλευση του Παγκόσμιου Ιστού γίνεται όλο και πιο μακρινή ανάμνηση, οι ανερχόμενοι σχεδιαστές ιστοσελίδων του σήμερα εμπνέονται από εκείνες τις πρώτες μέρες της Άγριας Δύσης. Το λεγόμενο Web 1.0 της δεκαετίας του ’90 χαρακτηριζόταν από φωτεινά χρώματα φόντου, ορατά table layouts και ρομποτικές γραμματοσειρές, όπως η Courier. Αν και όλα αυτά εφαρμόστηκαν με τραγικά και συχνά ξεκαρδιστικά αποτελέσματα, οι σχεδιαστές ιστοσελίδων του 2022 αναβιώνουν αυτή την τάση με το πρόσθετο πλεονέκτημα της σχεδόν 30χρονης συλλογικής εμπειρίας στον σχεδιασμό. Ενώ το Διαδίκτυο της δεκαετίας του ’90 ήταν μια βιτρίνα περιττών τεχνασμάτων, γραφικών και χρωμάτων, ήταν επίσης μια εποχή, κατά την οποία οι κανόνες δεν είχαν ακόμη γραφτεί. Ο webdesigner δεν ήταν καν επάγγελμα.
4. Visible borders
Η σχεδίαση ιστοσελίδων αρέσκεται να δημιουργεί μια αίσθηση μαγείας ή τουλάχιστον την ψευδαίσθηση, ότι το περιεχόμενο είναι τακτοποιημένο από ένα αόρατο χέρι. Η πραγματικότητα, φυσικά, είναι ότι οι ιστότοποι είναι χτισμένοι σε ένα αυστηρό πλέγμα και διατηρούνται μαζί με κώδικα. Για το 2022, οι σχεδιαστές ιστοσελίδων προσπαθούν να γίνουν λίγο πιο πραγματικοί με διατάξεις, που αποκαλύπτουν τη βάση τους μέσα από απλά περιγράμματα και πλαίσια. Ένα ορατό πλέγμα έχει το προφανές πλεονέκτημα να διακρίνει το ένα τμήμα από το άλλο. Αυτό διευκολύνει τη σάρωση της σελίδας, ενώ επιτρέπει περισσότερο περιεχόμενο χωρίς να φαίνεται η σελίδα γεμάτη. Αυτά τα απλά περιγράμματα δίνουν επίσης στους ιστότοπους μια λεπτή, ρετρό πινελιά, που συνδυάζεται καλά με άλλες τάσεις της δεκαετίας του ’90, που επιστρέφουν.
5. Αλληλεπιδραστική συμμετοχή
Με τα χρόνια, έχουμε δει ιστότοπους να αυξάνουν τις προθήκες κινούμενων εικόνων σε τεχνολογικά εφευρετικά ύψη. Ενώ στο παρελθόν έπαιξαν σε μεγάλο βαθμό ρόλο σε ενότητες ηρώων και μεταβάσεις σελίδων, αναμένουμε ότι περισσότεροι σχεδιαστές το 2022 θα στραφούν σε μεγάλης κλίμακας κινούμενες αλληλεπιδράσεις. Αυτές οι αλληλεπιδράσεις ξεπερνούν την κύλιση, η οποία μπορεί να είναι σχετικά παθητική, για να ενθαρρύνει την πιο ουσιαστική αφοσίωση στη σελίδα, όπως κλικ, σάρωση και μεταφορά. Αυτό δημιουργεί καινοτόμες εμπειρίες, που κάνουν τους επισκέπτες να νιώθουν περισσότερο σαν ερευνητές και να παρακινούν τη σελίδα να αποκαλύψει τα μυστικά της.
6. Neo-brutalism
Ο Neo-brutalism προέρχεται από τις κλασικές ρίζες του “μπρουταλισμού”, ενός αρχιτεκτονικού κινήματος των δεκαετιών 50-70 που έδωσε έμφαση στα ακατέργαστα, εκτεθειμένα υλικά όπως το σκυρόδεμα. Ο μπρουταλισμός έχει κερδίσει έλξη στον σχεδιασμό ιστοσελίδων από την ψηφιακή επανεμφάνισή του το 2014. Το γυμνό, χωρίς στυλ html, τα απλά φόντα, οι ασύμμετρες διατάξεις, οι προεπιλεγμένες γραμματοσειρές υπολογιστών και οι φωτογραφίες χωρίς επεξεργασία χαρακτηρίζουν όλα τον ψηφιακό μπρουταλισμό. Το μπρουταλιστικό στυλ είναι φτιαγμένο για να είναι έντονο, και συχνά έχει ένα συναρπαστικό αποτέλεσμα. Αλλά για το 2022, αναμένουμε ότι αυτό το στυλ θα μεταμορφωθεί σε μια πιο υποτονική και λιγότερο ακραία εκδοχή, ουσιαστικά, Neo-brutalism. Αυτό συνδυάζει την ωμότητα του μπρουταλισμού με τα συγκρατημένα γούστα του μινιμαλισμού, καθιστώντας ιστοσελίδες που λειτουργούν για λιγότερους πελάτες της avant-garde.
7. Moving type
Όπως γνώριζαν πάντα οι σχεδιαστές, η τυπογραφία μπορεί να κάνει περισσότερα από το να μεταφέρει πληροφορίες, μπορεί να συγκινήσει τον θεατή. Το 2022, οι σχεδιαστές ιστοσελίδων προχωρούν περαιτέρω αυτή την ιδέα με κυριολεκτικά κινούμενο τύπο. Τα κινούμενα σχέδια δεν είναι φυσικά τίποτα καινούργιο στο σχεδιασμό ιστοσελίδων, αλλά συνήθως προορίζονται για εικονογραφημένα γραφικά, στοιχεία διεπαφής χρήστη και μεταβάσεις σελίδων. Για αυτόν τον λόγο, το κινούμενο κείμενο μπορεί να είναι φρέσκο και απροσδόκητο, ακόμη και όταν τα κινούμενα σχέδια είναι απλά. Αυτές οι μικρές πινελιές επιτρέπουν στην τυπογραφία να μπει στο επίκεντρο χωρίς να κατακλύζει τον αναγνώστη με τεχνάσματα κινουμένων σχεδίων.