Οι ιστότοποι γίνονται όλο και πιο χαοτικοί, ακαταστατικοί και ακαθόριστοι; Παραβιάζονται οι κανόνες καλής σχεδίασης; Ο ιστός γίνεται άσχημος; Είναι μια νέα τάση;
Αν σας αρέσουν οι περισσότεροι σχεδιαστές και προσέχετε τι συμβαίνει, έχετε ακούσει τη λέξη βαρβαρότητα απελευθερώνεται για λίγο. Οι βάναυσες ιστοσελίδες απομακρύνονται από τις εύχρηστες διεπαφές που αποτελούν από καιρό τις βέλτιστες πρακτικές στον κλάδο και αντίθετα επικεντρώνονται σε ατελείς, κωδικοποιημένους ιστότοπους HTML. Φαίνεται ότι οι σχεδιαστές απορρίπτουν τους κανόνες του UX όπως τους γνωρίζουμε, αφήνοντας τα πάντα να αισθάνονται λίγο χαοτικά.
Κομψές, σύγχρονες αρχές σχεδιασμού είναι τόσο συχνές που δύσκολα τις θεωρούμε στυλιστική επιλογή. Ο «καλός» σχεδιασμός ιστοσελίδων σημαίνει γενικά αυτόν που ακολουθεί τους κανόνες του μινιμαλισμού. Καθαρές, απλές και αδιάλειπτες διεπαφές - αλλά αυτό δεν συνέβαινε πάντα. Αφήστε το ρολόι να γυρίσει πίσω μερικές δεκαετίες.
Ο σχεδιασμός ιστοσελίδων έχει προχωρήσει πολύ από το 1991, όταν το πρώτη ιστοσελίδα . Η επανάσταση του Διαδικτύου ξεκίνησε με τους πρώτους καθαρά διαδικτυακούς ιστότοπους χρησιμοποιώντας την πρώτη γενιά HTML.
Στη συνέχεια ήρθε το Flash με όλους αυτούς τους τρελούς ιστότοπους κινουμένων σχεδίων που σίγουρα θυμούνται όλοι. Έφτασε η ανάπτυξη CSS (κλιμακωτά φύλλα στυλ), παρέχοντας το σχεδιαστές ιστοσελίδων ακόμη περισσότερο έλεγχος για βελτιώσεις όπως το χρώμα φόντου, το μέγεθος κειμένου και τα στυλ κειμένου σε κώδικα. Η JavaScript μας έδωσε αναπτυσσόμενα μενού, σύνθετη πλοήγηση και φόρμες ιστού για έλεγχο σφαλμάτων.
Στην αρχή, κανείς δεν ήξερε τι πραγματικά εννοούσε το «web design» και οι πρωτοπόροι του διαδικτύου καθιέρωσαν μοτίβα σχεδιασμού από δοκιμή και λάθος. Η πρωτόγονη εποχή του σχεδιασμού ιστοσελίδων χρησιμοποίησε σχέδια που δεν έδωσαν ιδιαίτερη προσοχή στην επίσημη σημασιολογία και την προσβασιμότητα, επιλέγοντας περισσότερο την αισθητική παρά τη δομή.
Για να δημιουργήσουν και να δομήσουν τις διατάξεις τους, οι σχεδιαστές βασίζονταν σε μεγάλο βαθμό σε στοιχεία HTML όπως πίνακες, ένθετα τραπέζια και αόρατα αρχεία διαχωριστικών 1 pixel, δίνοντάς τους τη δυνατότητα να δημιουργήσουν πιο περίπλοκες διατάξεις πολλών στηλών. Έκανε μερικές αρκετά βαρετές διεπαφές.
Στα μέσα της δεκαετίας του 2000, οι ιστότοποι γεννήθηκαν με πιο προσεκτική σκέψη πίσω από τη δομή τους. Η πλοήγηση ήταν στην κορυφή του προγράμματος περιήγησής σας και οι κατηγορίες τοποθετήθηκαν σε μια αριστερή γραμμή. Οι ιστοσελίδες διατηρήθηκαν μικρές και στενές, με περιεχόμενο που απλώθηκε σε πολλές σελίδες, ώστε να μην αναγκάσει τους χρήστες να κάνουν κύλιση. Οι σχεδιαστές έμαθαν τι λειτούργησε και άρχισαν να κατασκευάζουν καλύτερους ιστότοπους, θέτοντας πρότυπα και βέλτιστες πρακτικές.
Με όλο και περισσότερες επιλογές σχεδιασμού ήρθε ένας συνδυασμός θορυβώδεις διεπαφές με εικόνες και κείμενο. Ορισμένοι πειθαρχημένοι σχεδιαστές, ωστόσο, επέλεξαν ακόμα τον μινιμαλισμό.
Οι τάσεις του σχεδιασμού έρχονται και φεύγουν. Ωστόσο, ο μινιμαλισμός είναι μια σχεδιαστική γλώσσα που υπήρχε με την πάροδο του χρόνου. Πρόκειται για μια φιλοσοφία σχεδιασμού που εστιάζει στην απλοποίηση της φόρμας, που επιτυγχάνεται με τη χρήση των απλούστερων και πιο βασικών στοιχείων σε ένα σχέδιο.
Ο μινιμαλισμός δεν είναι μοναδικός στον σχεδιασμό ιστοσελίδων. Σκεφτείτε όλα τα στοιχεία γύρω σας που περιλαμβάνουν αυτό το ιδανικό σχέδιο. είναι εύκολο να συνδέσετε μινιμαλιστικά σχέδια με Nest, Apple, Herman Miller και πολλά άλλα που έχουν εμπνεύσει πολλούς [μινιμαλιστικούς σχεδιαστές] (https://www.toptal.com/designers/digital).
Τι κάνει το σχέδιο Herman Miller υπέροχο σήμερα; Είναι απλά καλά σχεδιασμένα αντικείμενα με διαχρονική εμφάνιση. Τα σχέδιά του είναι υπέροχα σε σύγχρονα σπίτια και εσωτερικούς χώρους, εξακολουθούν να αισθάνονται φρέσκα και μοντέρνα σήμερα. Πολλά από τα κομμάτια της έχουν σχεδιαστεί με μινιμαλιστική εμφάνιση και δεν μπορούν να συνδεθούν με μια συγκεκριμένη μόδα. Ακόμα αντέχουν στη δοκιμασία του χρόνου.
Τα μινιμαλιστικά σχέδια ενός από τους πιο αναγνωρισμένους γραφίστες της εποχής του, Josef Müller-Brockmann , είναι πολύ παρόμοια με τα Herman's. Μυλωνάς: αιώνιος . Ο Müller-Brockmann αγκάλιασε και κυριάρχησε στο μινιμαλισμό κατά τη διάρκεια της δεκαετίας του 1940 και του 1950 με τη μορφή του ελβετικό στυλ σχεδίασης .
Οποιαδήποτε ξένη ή ξένη διακόσμηση αφαιρέθηκε από το γραφικό του σχέδιο. κάθε στοιχείο στα σχέδιά τους είχε ένα σκοπό. Ο σχεδιασμός που σκέφτεται πίσω από αυτήν την προσέγγιση είναι αυτό που κάνει τα μινιμαλιστικά ψηφιακά σχέδια να λειτουργούν τόσο καλά σήμερα.
Η ιστορία βρίσκει πάντα έναν τρόπο να μας φτάσει. Όπως έκανε στον σχεδιασμό εκτύπωσης, ο μινιμαλισμός και η φιλοσοφία πίσω από αυτό προσαρμόστηκε στο σχεδιασμό ιστοσελίδων και σε άλλα ψηφιακά αντικείμενα. Σκεφτείτε πώς φαινόταν οι ιστότοποι πριν από λίγα χρόνια με τα λαμπερά κουμπιά, τις γραμμές και τις παραγράφους του κειμένου, όλα φωνάζοντας για προσοχή.
Τότε ήρθε το σκεομορφική τάση όπου οι σχεδιαστές σχεδίασαν στοιχεία που μιμούσαν αντικείμενα πραγματικής ζωής στον ψηφιακό χώρο. Θυμάστε τη δερμάτινη επένδυση iCal de Apple ;
Τα ελάχιστα σχέδια είναι πραγματικά σκόπιμα. Πρόκειται για μια σχεδιαστική προσέγγιση που αφαιρεί όλα τα περιττά και εστιάζει στα στοιχεία που υποτίθεται ότι προσελκύουν την περισσότερη προσοχή έμφαση στο περιεχόμενο .
Η μινιμαλιστική σχεδίαση προσεγγίστηκε για πολλούς περισσότερους λόγους παρά μόνο την εμφάνισή της. Η μεγαλύτερη κατανόηση των συμπεριφορών των χρηστών, των διαδικασιών του σχεδιαστική λογική και η αύξηση του πρώτες διαδικασίες σχεδιασμού περιεχομένου έχουν βοηθήσει στην προώθηση αυτής της σκέψης. Η πρόσφατη μαζική αύξηση των χρηστών κινητής τηλεφωνίας ήταν ένα ισχυρό σημείο επιτάχυνσης προς τον μινιμαλισμό, με μεγαλύτερη εστίαση στο UX και τη χρηστικότητα.
Τώρα που οι χρήστες έχουν πρόσβαση στο Διαδίκτυο ανά πάσα στιγμή, σχεδιαστές προϊόντων Πρέπει να επικεντρωθούν στην παροχή ό, τι είναι απολύτως απαραίτητο στο πλαίσιο της στιγμής: τα σωστά πράγματα με τον σωστό τρόπο και την κατάλληλη στιγμή, όπου ο σχεδιασμός καταλήγει στα πιο θεμελιώδη χαρακτηριστικά του.
Η χρήση για κινητά αντιπροσωπεύει τώρα περισσότερες από τις μισές από όλες τις επισκέψεις στο Διαδίκτυο , και αυτό το ποσοστό θα αυξηθεί μόνο. Ο ανταποκρινόμενος σχεδιασμός έχει αλλάξει και αναγκάζεται οι σχεδιαστές να 'σκεφτείτε διαφορετικά'. Σήμερα περισσότερο από ποτέ, η απόκριση ή η προσαρμοστική σχεδίαση είναι αναγκαιότητα στον κόσμο των φορητών συσκευών, όπου μια προσέγγιση μινιμαλιστικής σχεδίασης είναι ζωτικής σημασίας.
Για τον μέσο χρήστη, ο μινιμαλισμός φαίνεται να είναι ο ευκολότερος σχεδιασμός. Η επίτευξη τέλειας ισορροπίας με τη χρήση του ελάχιστου όγκου οπτικού περιεχομένου και τη συγκέντρωση μόνο στα βασικά στοιχεία με απόλυτη κομψότητα είναι πραγματικά πολύ, πολύ δύσκολη.
Πρέπει να σκεφτούμε τον μινιμαλισμό ως διαχρονική ιδέα, που εκπέμπει κομψότητα και εκλεπτυσμό, παρά μια πραγματική τάση ή μια απλή φάση έγκρισης. Αν και διαχρονικό και κλασικό, θα εξελιχθεί και θα βελτιωθεί, όπως έχουμε ήδη δει από την εφαρμογή του στις αρχές του 20ου αιώνα.
Για παράδειγμα, Σχεδιασμός υλικών Google Ήταν μια από τις πρώτες μεγάλες εξελίξεις στην «επίπεδη» σχεδιαστική προσέγγιση εμπνευσμένη από τον μινιμαλισμό. Οι σχεδιαστές της Google κράτησαν τα πράγματα απλά και ελάχιστα, αλλά βελτίωσαν τη σχεδιαστική τους γλώσσα με τη χρήση του εφέ σκιάς και οι έννοιες της κίνησης και του βάθους . Το υλικό αγκαλιάζει την επίπεδη σχεδίαση με μια συγκεκριμένη συστροφή: μιμείται τα υλικά στον πραγματικό κόσμο.
Όπως και με άλλα στοιχεία της ζωής, πρέπει πάντα να εξετάζουμε τα πλεονεκτήματα και τα μειονεκτήματα. Πολλοί υποστηρίζουν ότι οι σημερινοί ιστότοποι δεν έχουν γεύση και είναι σχεδόν όλοι ίδιοι. Ξέρετε, μια μεγάλη εικόνα ή βίντεο με επικάλυψη κειμένου, μια σειρά εικονιδίων με κείμενο κ.λπ. Ο καθένας μπορεί να πάρει μερικά λεπτά από το χρόνο του και να βρει 10 ιστότοπους που μοιάζουν πολύ μεταξύ τους. Αυτό αντικατοπτρίζει τη συνεχώς μεταβαλλόμενη διαδικτυακή συμπεριφορά και προτιμήσεις μας;
Η συνοχή του σχεδιασμού και του σχεδιασμού για κοινή συμπεριφορά χρήστη είναι εξαιρετικά σημαντική σε όλα τα σχέδια, αλλά δεν μπορούμε να ξεχάσουμε την αξία του να είμαστε μοναδικοί. Έχουμε τεμπέληδες ή έχουμε μετατρέψει τις σκέψεις μας από τη μοναδικότητα σε μια πιο αποτελεσματική στρατηγική εμπειρίας χρήστη;
Με την ευρωστία και την έλλειψη ανησυχίας για να φαίνεται άνετη ή εύκολη, ο βαρβαρισμός μπορεί να θεωρηθεί ως αντίδραση μιας νεότερης γενιάς στην ελαφρότητα, την αισιοδοξία και την ασυγκίνητη του πανταχού παρόν μινιμαλιστικού σχεδιασμού ιστοσελίδων.
Μερικοί το λατρεύουν, κάποιοι το μισούν και πολλοί άλλοι δεν το καταλαβαίνουν: βάναυσες ιστοσελίδες .
Λήψη Craigslist ως παράδειγμα. Το Craigslist πρέπει να θεωρείται ο «παππούς» των βαρβαρικών ιστότοπων. Δεν είναι αισθητικά ευχάριστο και δεν θα εμφανιστεί ποτέ www.awwwards.com . Μαύρο κείμενο, μπλε σύνδεσμοι, λευκό φόντο. Δεν είναι χαριτωμένο. Δεν πρέπει να είναι επειδή λειτουργεί - και λειτουργεί πολύ καλά. Βρείτε ό, τι χρειάζεστε για να αγοράσετε ή να πουλήσετε χωρίς φασαρία ή σύγχυση και χωρίς περίεργα κινούμενα μέρη.
Από την ίδρυσή του το 1996, η Craigslist παρέμεινε δημοφιλής παρά - ή ίσως λόγω - του εξαιρετικά χρηστικού σχεδιασμού της. Ο σχεδιασμός δεν έχει αλλάξει σημαντικά τα τελευταία 20 χρόνια.
Ίσως εμπνευσμένο από το παράδειγμα του Craigslist, το βίαιο στιλ επιστρέφει. Τα παρακάτω είναι εξαιρετικά παραδείγματα καλώς εκτελεσμένων σχεδίων που χρησιμοποιούν το στιλ Brutalist.
Αυτές οι βάναυσες ιστοσελίδες προσελκύουν με μεγάλο τρόπο. Γιατί αυτοί οι ιστότοποι ξαφνικά είναι τόσο δημοφιλείς; Είναι επειδή ορισμένοι σχεδιαστές κουράστηκαν να ομογενοποιήσουν τον Ιστό;
Στις ημέρες που ο σχεδιασμός UX είναι υψίστης σημασίας, όπου η συμπεριφορά των χρηστών και η εστίαση του περιεχομένου είναι πρωταρχικά, το UX σε αυτούς τους ιστότοπους είναι κακό (σκόπιμα). Σε αντίθεση με τις αρχές του μινιμαλισμού, αυτά τα σχέδια αντιμετωπίζουν κολάζ κειμένου και εικόνων όπου ο σχεδιασμός είναι παντού (εκ νέου σκόπιμα).
Το στιβαρό στυλ σχεδίασης δεν είναι καινούργιο. Μια γρήγορη αναζήτηση Βικιπαίδεια θα σας πει ότι το στιλ προέρχεται πραγματικά από τη βίαιη αρχιτεκτονική από τη δεκαετία του 1950 έως τα μέσα της δεκαετίας του 1970. Αστείο αυτό βαρβαρότητα ακολούθησε το μοντέρνο αρχιτεκτονικό κίνημα όπου μινιμαλισμός ήταν κλειδί.
Le corbusier ήταν ένας από τους μεγαλύτερους πρωτοπόρους αυτού του κινήματος. Η καριέρα του εκτείνεται σε πέντε δεκαετίες με κτίρια σχεδιασμένα σε Ευρώπη, Ιαπωνία, Ινδία και Βόρεια και Νότια Αμερική.
Ο όρος προέρχεται από τη γαλλική λέξη ' ακαθάριστο 'Για το' ακατέργαστο ', καθώς ο Le Corbusier περιέγραψε την επιλογή του υλικού' ακαθάριστο τσιμέντο Ακατέργαστο σκυρόδεμα. Ο υπερλειτουργικός σχεδιασμός φάνηκε να έχει σχεδιαστεί μόνο για να παρέχει χρησιμότητα, όχι για ευχαρίστηση, σαν να χειραψία με τον μοντερνισμό.
Ο βίαιος προσπαθεί να αντισταθεί σε μια κοινωνία μαζικής παραγωγής και βγάζει την ακατέργαστη ποίηση από τις μπερδεμένες και ισχυρές δυνάμεις στην εργασία. Μέχρι τώρα, ο βαρβαρισμός έχει συζητηθεί στιλιστικά, ενώ η ουσία του είναι ηθική. - Alison and Peter Smithson, The New Brutalism, Architectural Design (Απρίλιος 1957)
Τα σχέδια Brutalist απορρίπτουν την εμφάνιση, επιλέγοντας τη λειτουργία έναντι της φόρμας. Οι βίαιοι σχεδιαστές υπερηφανεύονται για την εκτέλεση σχεδίων με ελάχιστη προσπάθεια και φθηνότερα διαθέσιμα υλικά , για να επιτύχουμε ένα πιο ειλικρινές και αντι-αστικό αποτέλεσμα.
Bloomberg έχει υιοθετήσει το στυλ με τον δικό του τρόπο για τον ιστότοπο ειδήσεων. Ο σχεδιασμός είναι σχεδόν εντυπωσιακός και εστιάζει σαφώς στην ακατέργαστη λειτουργικότητα.
Ο βίαιος επιστρέφει σταθερά. Άσχημο, ακατέργαστο, χωρίς συμβατικά σχέδια, αγωνιστικά εφέ και επιφανειακά διακοσμητικά είναι παντού. Πολλοί καθαριστές θεωρούν αυτή την τάση σκληρή, σκληρή, τραχιά, άβολη, αντιπαράθεση και κυνική. Προορίζεται.
Ο βίαιος ακολουθεί μια πιο πρωτόγονη προσέγγιση στο σχεδιασμό και επαναπροσδιορίζει τον πυρήνα του σχεδιασμού ιστοσελίδων: τον κώδικά του. Ο βίαιος συχνά απεικονίζεται ως «άσχημη» τάση σχεδιασμού, αλλά πρέπει να κοιτάξουμε πέρα από αυτό. Η φιλοσοφία πίσω από το βάναυσο κίνημα δεν είναι να κάνουμε τα πράγματα 'άσχημα', αλλά ακατέργαστα και χωρίς διακόσμηση.
Θα μπορούσαμε να πούμε ότι οι σημερινοί βαρβαροί ιστότοποι βασίζονται στον ιστό DIY της δεκαετίας του '90, εστιάζοντας σε μια εσωτερική προσέγγιση αντί να κρύβουμε τη λειτουργικότητα πίσω από μια όμορφη πρόσοψη.
Σχεδιασμός διεπαφής χρήστη για δημοφιλή ιστότοπο κοινής χρήσης κοινωνικών μέσων Reddit Είναι απογοητευτικά ακατέργαστο και πυξάρι, γεμάτο τυπογραφία ιστού στα τέλη της δεκαετίας του '90, απλή ραδιενέργεια και σχεδόν καθόλου χώρο για να αναπνέει κάθετα.
Ο σχεδιαστής Pierre Buttin έχει φτάσει σε ένα νέο άκρο με μια σειρά επανασχεδιασμένων εφαρμογών για κινητά. Στο τελευταίο του έργο, με τίτλο βάναυση επανασχεδιασμός Ο Buttin δημιουργεί Facebook, Instagram, Twitter και άλλες δημοφιλείς εφαρμογές σε στιβαρό στιλ, με βαριές διατάξεις κειμένου και επίπεδα επίπεδα.
Ο βίαιος και ο μινιμαλισμός δεν πρέπει να θεωρούνται συγκριτικά, αλλά ως ένας νέος τρόπος να βλέπουμε τα πράγματα και μια άλλη προσέγγιση στο σχεδιασμό. Ο βίαιος είναι μια ώθηση κατά της ομογενοποίησης των τρεχόντων ιστότοπων και εφαρμογών, αλλά πριν οι σχεδιαστές Μπορούν ακόμη και να αρχίσουν να σχεδιάζουν έναν ιστότοπο χρησιμοποιώντας τη βίαιη προσέγγιση, πρέπει πρώτα να γνωρίζουν τους κανόνες που πρόκειται να παραβιάσουν.
Ο συμβατικός και μινιμαλιστικός σχεδιασμός δεν πρόκειται να αντικατασταθεί από βαρβαρότητα. Πρέπει να αντιμετωπίσουμε τον βαρβαρισμό ως μια κουλτούρα σχεδιασμού που προκαλεί το status quo, μια κουλτούρα που έχει κουραστεί να λέει τι είναι 'καλύτερο'.
Δεν υπάρχει σωστό ή λάθος κατά την επιλογή μεταξύ αυτών των στυλ για το επόμενο έργο σας. Ωστόσο, προτού αποχωρήσετε από την επιχείρηση και σχεδιάσετε τον επόμενο ιστότοπο ή την εφαρμογή σας με βίαιο στιλ σχεδίασης, βεβαιωθείτε ότι γνωρίζετε το κοινό σας. Αναλάβετε τον κίνδυνο εάν πιστεύετε ότι η εταιρεία και το κοινό σας θα το εκτιμήσουν.
Ο βίαιος σχεδιασμός ιστοσελίδων προσελκύει την προσοχή και η αναγνωρισιμότητα της μάρκας αυξάνεται εξαιρετικά γρήγορα. Οι κανόνες γίνονται παραβιασμένοι. Τολμήστε να αφήσετε τον Ιστό να είναι ο Ιστός. Τολμήστε να ξεχωρίσετε και να είστε λίγο τολμηροί, ακόμα κι αν είναι λίγο περίεργο.