Blog

Top 10 Trends Σχεδιασμού Ιστοσελίδων 2019

Σε προηγούμενα άρθρα είδαμε ποια είναι τα είναι τα trends για το 2019 στο γραφιστικό σχεδιασμό και στο σχεδιασμό λογοτύπων. Παρακάτω παρουσιάζονται τα κορυφαία 10 trends στο σχεδιασμό ιστοσεδίδων, σύμφωνα με τους 99designs

, με παραδείγματα για κάθε ένα από αυτά. Περιλαμβάνοται ασπρόμαυρες παλέτες, γραμματοσειρές serif, σχήματα, glitch art, minimal σχεδιασμός κ.α., τα οποία μπορείτε να δείτε αναλυτικά παρακάτω.

 



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

 

Ενώ οι γραμματοσειρές sans, με την ευκολεία που προσφέρουν στην ανάγνωση, αποτελούν ακόμα το έναυσμα για μεγαλύτερες περιόδους παραμονής των χρηστών στην ιστοσελίδα που τις χρησιμοποιεί, όλο και περισσότερα brands στρέφονται προς bold εκδοχές των serifs σε άλλες πτυχές του σχεδιασμού τους, όπως επικεφαλίδες και callouts. Υπάρχει ένας καλός λόγος για αυτό: οι γραμματοσειρές serif είχαν σχεδιαστεί με σκοπό να έχουν “διακοσμητικό” ρόλο, κάτι που τις καθιστά τέλειες όταν σκοπός είναι να δοθεί έμφαση σε κάποιο μέρος του κειμένου.

 

Και παρόλο που οι γραμματοσειρές serif συχνά συνδέονται με το παρελθόν, δίνουν πολύ “χαρακτήρα” και είναι πιο προσαρμόσιμες από ό, τι νομίζετε. Πάρτε για παράδειγμα τις στρογγυλεμένες γραμματοσειρές serif που χρησιμοποιούνται στην χαρούμενη επωνυμία του Mailchimp. Ή τα wedge serifs (σφηνοειδή) και τα έντονα περιγράμματα που δημιουργούν μια μοντέρνα εμφάνιση για το Medium.

 

 

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

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

 

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

 

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

 

 

Παρόλο που οι ιστοσελίδες συνήθως δημιουργούνται για συστημικά δίκτυα (grids), οι σχεδιαστές στρέφονται προς τα φυσικά σχήματα και τις ομαλές γραμμές. Γεωμετρικές δομές όπως τετράγωνα, ορθογώνια και τρίγωνα με τις αιχμηρές γωνίες τους δημιουργούν μια αίσθηση σταθερότητας, αλλά οι τάσεις του 2019 απαιτούν περισσότερο την αίσθηση προσβασιμότητας και άνεσης.

 

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

 

 

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

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

 

 

Οι μικρο-αλληλεπιδράσεις είναι γεγονότα με ένα σκοπό: να προκαλέσουν έκπληξη στο χρήστη, να τραβήξουν την προσοχή του και να διατηρήσουν το ενδιαφέρον του. Κάθε φορά που κάνετε μια μικρή ενέργεια σε έναν ιστότοπο ή μια εφαρμογή και υπάρχει μια συγκεκριμένη ανταπόκριση σε αυτήν, πρόκειται για μια μικρο-αλληλεπίδραση. Όταν ανανεώνετε μια σελίδα Twitter και ακούτε τον ήχο μιας ειδοποίησης, αυτή είναι μια μικρο-αλληλεπίδραση. Ή όταν ελέγχετε το Facebook, το κόκκινο εικονίδιο που εμφανίζει τον αριθμό μηνυμάτων σας είναι - το μαντέψατε - μια μικρο-αλληλεπίδραση.

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

 

 

Τα Chatbots έχουν ξεκινήσει να χρησιμοποιούνται αρκετά εδώ και καιρό, αλλά τελικά θα βρεθούν στο προσκήνιο το 2019. Αυτό οφείλεται κυρίως στις εξελίξεις στο AI (τεχνητή νοημοσύνη) και στη μηχανική μάθηση, καθιστώντας τα πιο έξυπνα και αποδοτικά. Πρόκειται, ουσιαστικά, για chats στα οποία απαντάνε αυτόματα μηχανές (bots).

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

 

 

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

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

 

 

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

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

 

 

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

 

 

Πολύ συχνά, οι άνθρωποι ξεχνούν ότι ο ιστός συνοδεύεται πάντα από ένα ζευγάρι άλλων σημαντικών W: «World Wide». Το Διαδίκτυο συνδέει δισεκατομμύρια ανθρώπους σε όλο τον κόσμο από διαφορετικούς πολιτισμούς, με διαφορετικές ικανότητες, ηλικίες, φύλο - ανθρώπους που θέλουν για να δουν τους εαυτούς τους να αντανακλώνται στο περιεχόμενό που τους ενδιαφέρει, αντί να χαμογελούν φωτομοντέλα.

Ακόμη και μικρές σκέψεις του παρελθόντος (όπως τα διαφορετικά χρώματα δέρματος στα emojis της Apple) έχουν ακολουθήσει μια μακρά πορεία μέχρι να κάνουν τις ομάδες ανθρώπων με διαφορετικό τρόπο ζωής ή διαφορετικής κοινωνικής τάξης να αισθάνονται λίγο πιο ευπρόσδεκτοι στο ψηφιακό χώρο ενός brand. Το 2019 αναμένεται να δούμε τους σχεδιαστές ιστοσελίδων να κάνουν ακόμη μεγαλύτερα άλματα προς την ενσωμάτωση, από τα βελτιωμένα πρότυπα προσβασιμότητας σε κοινωνικά συνειδητές και διαφορετικές εικόνες. Η κοινωνία έχει ακόμα πολύ δρόμο να διανύσει σε αυτό τον τομέα, αλλά οι web designers μπορούν να χρησιμοποιήσουν τον τρόπο που σχεδιάζουν για να αποδείξουν ότι ο ιστός πρέπει να είναι για πραγματικούς ανθρώπους που κάνουν πραγματικές συνδέσεις.

 

Πηγή: 99designs, digitalsynopsis.com

 

Τοπογράφος Μηχανικός Α.Π.Θ. | Graphic Designer | Web Designer

Analipseos 18

Thessaloniki, 54643

Email: dimitra@sarantiadou.graphics

Phone: 2313 25 21 20