Και στο TurboBlog guest post. Αυτή τη φορά είμαστε στην ευχάριστη θέση να σας προσφέρουμε υλικό που ετοιμάστηκε από Τζούλια Σόλντσεβα — ο ανεξάρτητος συγγραφέας μας. Στο πρώτο της άρθρο για το ιστολόγιό μας, η Τζούλια μοιράστηκε το δικό της όραμα για το μινιμαλιστικό σχεδιασμό ιστοσελίδων και το υποστήριξε με συναρπαστικά παραδείγματα. Ωστόσο, είναι καλύτερο να το δεις μια φορά παρά να το ακούσεις μια-δυο φορές.

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

Ο σύγχρονος κόσμος διέρχεται από διάφορα στάδια ανάπτυξης των τεχνολογιών του Διαδικτύου. Η εποχή του web 1.0 έχει παρέλθει - όλο το σύνολο του τι ήταν και τι αποτελούνταν το Διαδίκτυο πριν από την εμφάνιση των τεχνολογιών web 2.0, οι συμμετέχοντες και οι άμεσοι δημιουργοί των οποίων είμαστε όλοι μαζί σας.

Πρόσφατα, ερευνητές στην ανάπτυξη των τεχνολογιών του Διαδικτύου, με επικεφαλής Jason McCabe Calacanis, ο ηγέτης του Netscape.com, μας προφητεύει την έλευση μιας νέας εποχής - το web 3.0, τις ιδιαιτερότητες της οποίας, εκτός από το γεγονός ότι το Διαδίκτυο θα γίνει πιο κοινωνικά προσανατολισμένο, δεν κατάφεραν να διαμορφώσουν. αδύνατο χωρίς να ληφθούν υπόψη οι ιδιαιτερότητες κάθε σταδίου της τεχνολογίας Ιστού και ο σχεδιασμός που το οπτικοποίησε.

Το πρώτο στάδιο ανάπτυξης σχεδιασμού στην εποχή του web 1.0. ήταν χαρακτηριστικά:

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

Έτσι έμοιαζαν οι ιστοσελίδες διάσημων εταιρειών τη δεκαετία του '90:







Οι σχεδιαστές γνώριζαν και αγάπησαν μόνο μία γραμματοσειρά - Comic Sans.Αλλά πρέπει να θυμόμαστε ότι ο σχεδιασμός έχει εξελιχθεί παράλληλα με τις τεχνολογίες του Διαδικτύου. Οι σχεδιαστές δεν είχαν πού και από κανέναν να μάθουν - ήταν πρωτοπόροι.

Στη συνέχεια, στο γύρισμα των δεκαετιών του '90 και του 2000, η ​​ανάπτυξη του σχεδιασμού και των γραφικών οδήγησε σε έναν αγώνα δρόμου για δημιουργικότητα. Μόλις πριν από μερικά χρόνια, οι σχεδιαστές προσπάθησαν να κρατήσουν την προσοχή του επισκέπτη με οπτικά θέλγητρα, είτε ήταν ένα εντυπωσιακό φλας είτε ένα ρεαλιστικό 3D. Αφηρημένες φόρμες και μη τυπική διεπαφή - όλα αυτά, φυσικά, προσέλκυσαν την προσοχή του χρήστη, αλλά ταυτόχρονα τον αποσπούσαν την προσοχή από το περιεχόμενο του ιστότοπου, σε σχέση με το οποίο οι περισσότεροι ιστότοποι δεν εκπλήρωσαν την κύρια λειτουργία τους - την ενημέρωση. Ως αποτέλεσμα, σήμερα το Διαδίκτυο είναι υπερκορεσμένο με δημιουργικά προτύπων, κάτι που έχει δημιουργήσει πολλούς ιστότοπους του ίδιου τύπου.

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

Βασικές αρχές της μινιμαλιστικής σκέψης:

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

Τεμπέλης σχεδιαστής ή μινιμαλιστής σχεδιαστής; Πώς να αναγνωρίσετε το ταλέντο;Για να σχηματίσουν ένα σύστημα αντίληψης, οι μινιμαλιστές σχεδιαστές χρησιμοποιούν ορισμένες μεθόδους. Περισσότερα για αυτούς.

Ελάχιστη χρήση γραφικώνδεν πρέπει να σημαίνει την απουσία του.

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




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


Modular Grid Clarity- είναι σημαντικό. Οι πληροφορίες που έχουν σαφή δομή γίνονται εύκολα αντιληπτές και απομνημονευμένες.rnΗ χρήση ενός αρθρωτού πλέγματος και οδηγών όχι μόνο θα διευκολύνει τη δομή όλων των στοιχείων σχεδίασης μεταξύ τους, αλλά θα εξοικονομήσει πολλά νεύρα για τον σχεδιαστή διάταξης, ο οποίος θα υπολογίσει οι διαστάσεις όλων των στοιχείων του υποστρώματος πολύ πιο γρήγορα.








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


Με την πιο αληθινή έννοια της λέξης - αφαιρέστε όλα τα περιττά.Λιγότερα γραφικά. Εάν αποφασίσετε να χρησιμοποιήσετε φωτογραφικό υλικό, κάντε τους μια σαφή απεικόνιση του είδους της δραστηριότητας της εταιρείας.


Παλέτα.Η σωστή επιλογή της παλέτας είναι πολύ σημαντική για τη διαμόρφωση της απαραίτητης αντίληψης πληροφοριών. Ο μινιμαλισμός δεν είναι συνώνυμο της απλότητας και της θαμπάδας ή καθόλου χρώματος, ο μινιμαλισμός είναι ένα στυλ παρουσίασης πληροφοριών. Οι ιστορικοί τέχνης δίνουν μόνο στυλιστικές συμβουλές και όλα τα άλλα είναι θέμα γούστου του web designer και προτιμήσεων του πελάτη.




Απλοποίηση σχεδίασης, βγάζουμε αρχικά τη γραμματοσειρά. Εάν το περιεχόμενο κειμένου είναι πρωταρχικής σημασίας για εσάς, τότε η γραμματοσειρά για το σχεδιασμό είναι "βασιλιάς και θεός". Πειραματιστείτε όχι μόνο με τύπους γραμματοσειρών, αλλά και με διαστήματα, χρώματα. Υπάρχουν μερικά ενδιαφέροντα στοιχεία για τις γραμματοσειρές. Όπως είναι φυσικό, ο σχεδιαστής, δουλεύοντας με γραμματοσειρές, θέλει το site του να φαίνεται πρωτότυπο. Αλλά η αλήθεια είναι ότι οι περισσότεροι από τους χρήστες που έχουν την τύχη να επισκεφτούν αυτόν τον ιστότοπο έχουν εγκαταστήσει μόνο γραμματοσειρές συστήματος και το 99% έχει αυτές τις γραμματοσειρές συστήματα Windows. Έτσι το πείραμα έχει τους λογικούς περιορισμούς του, χρησιμοποιήστε μη τυπικές γραμματοσειρές όπου χρειάζεται: λογότυπα, επιγραφές.

Πεδίο εφαρμογής του μινιμαλισμού στο σχεδιασμό ιστοσελίδωνΌσο για μένα, ο μινιμαλισμός, καταρχήν, δεν έχει περιορισμούς στο πεδίο εφαρμογής του. Αλλά η πρακτική της χρήσης αυτής της κατεύθυνσης έχει αναπτυχθεί με τέτοιο τρόπο που τις περισσότερες φορές
οι σχεδιαστές ιστοσελίδων χρησιμοποιούν αυτό το στυλ όταν δημιουργούν τους ακόλουθους ιστότοπους:

ιστοσελίδα επαγγελματικών καρτών, χαρτοφυλάκιο:




Εταιρικός ιστότοπος:


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

blog / προσωπική σελίδα:




Βασικά, οι αρχές του σχεδιασμού ενός blog και μιας προσωπικής σελίδας είναι οι ίδιες με τις αρχές του σχεδιασμού μιας ιστοσελίδας. Υπάρχουν όμως διαφορές που καθορίζονται από τη φύση της ίδιας της μπλογκόσφαιρας: ένα πλευρικό μενού, απλοποιημένη πλοήγηση, η κύρια θέση δίνεται στο κείμενο. Ένα καλό παράδειγμα που καταδεικνύει τις αρχές σχεδιασμού ιστολογίου είναι το στυλ του ιστότοπου του Facebook. Τίποτα δεν πρέπει να αποσπά την προσοχή του χρήστη από τις πληροφορίες και την επικοινωνία:


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

Φυσικά, η στάση απέναντι στον μινιμαλισμό στο σχεδιασμό ιστοσελίδων, καθώς και στον μινιμαλισμό στην τέχνη, μπορεί να είναι διαφορετική για διαφορετικούς ανθρώπους: από τον πλήρη θαυμασμό έως την πλήρη απόρριψη. Ο πελάτης μπορεί να μην αρέσει το νέο τρέχον όραμα του καλλιτέχνη, μπορεί να του φαίνεται ότι ο σχεδιαστής απλά δεν έκανε τίποτα, αλλά το γεγονός ότι η μόδα του μινιμαλισμού κερδίζει μόνο δυναμική παραμένει γεγονός. Έτσι, για παράδειγμα, ένα δημοφιλές στυλ στην αρχιτεκτονική και την εσωτερική διακόσμηση - hi-tech - χρησιμοποιεί σε μεγάλο βαθμό μινιμαλιστικές τεχνικές:


Πολλοί φωτογράφοι προτιμούν αυτό το είδος φωτογραφίας, ειδικά οι Lomographers. Η χρήση του κενού χώρου ως κύριου χαρακτηριστικού για την προσέλκυση της προσοχής είναι η κύρια τεχνική του είδους:






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

Με την ανάπτυξη των τεχνολογιών του Διαδικτύου και του σχεδιασμού ιστοσελίδων, τα τελευταία χρόνια υπάρχει μια συγκεκριμένη τάση (όχι παντού και όχι για όλους) για απλοποίηση της σελίδας. Απλοποίηση σχεδιασμού και κώδικα. Και αυτή είναι η κύρια ιδέα του μινιμαλισμού στο σχεδιασμό ιστοσελίδων, «λιγότερο είναι περισσότερο».

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

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

Σήμερα θα δούμε παραδείγματα σελίδων για καθεμία από αυτές τις ενότητες (στο τέλος του άρθρου - μια επισκόπηση των ρωσικών τοποθεσιών στο στυλ του μινιμαλισμού):

Blogs

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

Αρκετά στάνταρ σχέδιο, λευκό φόντο και μικρά γράμματα.

Υπάρχει ήδη περισσότερη δημιουργικότητα εδώ - βλέπουμε ένα ενδιαφέρον λογότυπο και ένα παιχνίδι με γραμματοσειρές.

Ulap

Και εδώ η γραμματοσειρά είναι μεγάλη - και πάλι, τίποτα περισσότερο.

Έγγρ

Υπάρχουν πολλά για αυτό το θέμα ελεύθερος χώρος, υπάρχει και κόκκινη προφορά.

οδηγω

Πιο «θηλυκό» και πιο απαλό σχέδιο, οι τίτλοι είναι ακόμη και ροζ.

Αυτό το θέμα συνδυάζει φωτογραφία και κείμενο ενώ διατηρείται ένας μεγάλος αριθμός απόαέρας.

Και εδώ είναι ένα πιο ενδιαφέρον υπόβαθρο.

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

Χαρτοφυλάκιο

Όπως έγραψα ήδη, ο μινιμαλισμός είναι υπέροχος για την παρουσίαση της δουλειάς σας - τίποτα απλά δεν θα αποσπάσει την προσοχή από αυτά!

Ένα τόσο απλό σχέδιο, το λογότυπο, η κύρια φωτογραφία και η επιγραφή καλωσορίσματος επισημαίνονται στη σελίδα.

Γκρι με κόκκινο-μπλε σχέδιο splash, πινελιές, πάλι, μοιάζουν με φωτογραφία και λογότυπο.

Οι δημιουργοί αυτής της σελίδας έχουν εντοπίσει τομείς δραστηριότητάς τους.

Απαλό κρεμώδες σχέδιο. Η εστίαση επιστρέφει στη φωτογραφία.

Δεν υπάρχουν σχεδόν φωτογραφίες, αλλά το κόκκινο λογότυπο ξεχωρίζει - το πιο φωτεινό σημείο στη σελίδα.

Εδώ, γενικά, όλα είναι πολύ, πολύ μικρά, πράγματι, τίποτα περιττό.

Ένας λαμπερός συνδυασμός μαύρου και ροζ, συν μια μεγάλη φωτογραφία, καθορίζουν τον χαρακτήρα του ιστότοπου.

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

Εταιρικές ιστοσελίδες

Ο μινιμαλισμός στον σχεδιασμό της εταιρικής τους ιστοσελίδας επιλέγεται από εταιρείες που θέλουν να τονίσουν την αρχή της δουλειάς: «Η επιχείρηση έρχεται πρώτη».

Η εταιρεία αποφάσισε ξεκάθαρα να επικεντρωθεί σε τρία στοιχεία μενού.

Το κομψό γραφικό παρακάτω δείχνει το προφίλ της εταιρείας.

Αυτός ο ιστότοπος αναδεικνύει το σλόγκαν και τις υπηρεσίες της εταιρείας.

Ένα άλλο παράδειγμα τοποθεσίας όπου το κέντρο της σύνθεσης είναι μια φωτογραφία.

Σε αυτή τη σελίδα, από το κείμενο παρουσιάζεται μόνο το κύριο μενού της ιστοσελίδας της εταιρείας.

Λογότυπο, τιμή και μια σύντομη ιστορία για το προϊόν - δεν υπάρχει τίποτα άλλο στη σελίδα.

ΜΠΑΜΠΑΣ

μήλο

Κλασικά του είδους) Μενού, λίγα λόγια για το προϊόν και το ίδιο το προϊόν.

ΚΑΝΑΠΕΣ

Και πάλι, όλη η προσοχή είναι στραμμένη στα προϊόντα της εταιρείας.

Μεσα ΚΟΙΝΩΝΙΚΗΣ ΔΙΚΤΥΩΣΗΣ

Κλασικό παράδειγμα και trendsetter είναι το facebook.

Το Linkedin επιλέγει επίσης μίνιμαλ σχέδιο, αν και η σελίδα έχει ακόμη και banner.

Ένα από τα νέα κοινωνικά δίκτυα για σχεδιαστές, όλα είναι απλά και προσεγμένα. Αν και, υποθέτω, το προφίλ του δικτύου εξακολουθούσε να υποχρεώνει τους δημιουργούς να το εξωραΐσουν λίγο.

Η δημοφιλής υπηρεσία σελιδοδεικτών προσπαθεί να μην αποσπά την προσοχή των χρηστών από τον κύριο στόχο - να προσθέσει έναν σύνδεσμο σε σελιδοδείκτες

Η Google κάνει πάντα τα πράγματα να φαίνονται απλά.

Ανάμεσα στις άλλες τάσεις του web design, ξεχωριστή θέση κατέχει ο μινιμαλισμός. Στην απεραντοσύνη του Runet, αυτή η τάση δεν είναι ιδιαίτερα δημοφιλής και συχνά δεν χρησιμοποιείται αρκετά σωστά. Και για καλό λόγο, γιατί ο μινιμαλιστικός σχεδιασμός μπορεί να φαίνεται πραγματικά εκπληκτικός!

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

Ελπίζουμε αυτό το άρθρο να ρίξει λίγο φως σε αυτό το θέμα.

Οι ρίζες του μινιμαλισμού στο σχεδιασμό ιστοσελίδων

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

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

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

Μινιμαλιστική διεπαφή - τι είναι;

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

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

Ο ιστότοπος χαρτοφυλακίου του σχεδιαστή Brian Danaher είναι ένα χαρακτηριστικό παράδειγμα αυτού που πολλοί σχεδιαστές αποκαλούν μινιμαλιστικό ιστότοπο. Όταν προβάλλεται σε λειτουργία πλήρους οθόνης σε 15" Macbook Pro, Αρχική σελίδασχεδόν εξ ολοκλήρου λευκό χώρο. Ο ιστότοπος έχει σχεδιαστεί σε αποχρώσεις της γκρι παλέτας, οι έντονες πινελιές τοποθετούνται χρησιμοποιώντας διαδραστικά στοιχεία.

Αυτός ο ιστότοπος περιλαμβάνει πολύ λίγα στοιχεία που αφαιρούν από το κύριο περιεχόμενο. Ο μινιμαλισμός προσφέρεται για ιστότοπους χαρτοφυλακίου που έχουν αρκετά απλούς στόχους, σχετικά χαμηλό όγκο περιεχομένου και πολύ παρόμοιες πληροφορίεςστις περισσότερες σελίδες. Η αποτελεσματική εφαρμογή του μινιμαλισμού σε πιο σύνθετους ιστότοπους μπορεί να είναι δύσκολη.

Το μονοπάτι του μινιμαλισμού προς τη δημοτικότητα

δεκαετία του 1960

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

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

Μινιμαλιστές που αξίζει να σημειωθούν είναι ο γραφίστας Josef Müller-Brockmann, ο καλλιτέχνης Ellsworth Kelly και ο βιομηχανικός σχεδιαστής Dieter Rams. Παρατηρήστε τις καθαρές γραμμές, την απλότητα και τη φειδωλή χρήση του χρώματος σε καθένα από τα παρακάτω παραδείγματα. Παρά τη μεγάλη ποικιλία χρήσεων, ένα συγκεκριμένο στυλ σχεδίασης είναι πολύ απτό.

Το σύνθημα του μινιμαλισμού εκείνη την εποχή ήταν: «Less is more». Αυτό το σύνθημα θα γίνει αργότερα το ανεπίσημο μάντρα του μινιμαλισμού στο σχεδιασμό ιστοσελίδων.

1980-2000

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

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

δεκαετία του 2000

Ξεκινώντας από τα μέσα της δεκαετίας του 2000, οι απόηχοι του μινιμαλισμού ως καλλιτεχνικού κινήματος άρχισαν να εμφανίζονται στις διεπαφές ιστού: περισσότερος αρνητικός χώρος, λιγότερο περιεχόμενο και περιορισμένες χρωματικές παλέτες. Η Google αναφέρεται συχνά ως ο πρωτοπόρος των μινιμαλιστικών διεπαφών ιστού. Η Google έχει δώσει προτεραιότητα στην απλότητα και την αυστηρότητα στη διεπαφή της από την κυκλοφορία της beta τη δεκαετία του 1990.

Λίγα πράγματα έχουν αλλάξει σε 15 χρόνια. Οι χρήστες μπορούν να δουν μόνο τρεις επιλογές πλοήγησης: πρόσβαση στις υπόλοιπες Χαρακτηριστικά της Google, πρέπει να ανοίξετε το μενού.

Αργά αλλά σταθερά, ο μινιμαλισμός βρήκε βάση. Άρχισε να χρησιμοποιείται από σχεδιαστές ιστοσελίδων, σχεδιαστές, καλλιτέχνες, φωτογράφους, αρχιτέκτονες και προγραμματιστές.

2010-2013

Η εμφάνιση της έννοιας του Responsive Web Design (RWD) το 2010 έφερε μια νέα εκτίμηση για τη μινιμαλιστική προσέγγιση. Για να χρησιμοποιήσουν αποτελεσματικά τις μεθόδους RWD, οι οργανισμοί έπρεπε να δώσουν προτεραιότητα στο περιεχόμενο. Στα μέσα για κινητά, τα στοιχεία τρίτων θα μπορούσαν να είναι πραγματικό πρόβλημα - δεν θα μπορούσαν να αγνοηθούν με τον ίδιο τρόπο όπως στους επιτραπέζιους υπολογιστές.

Σταδιακά, οι προτιμήσεις των χρηστών και του σχεδιασμού άρχισαν να κλίνουν προς την απλότητα των διεπαφών ιστού. Αυτή η αλλαγή επισημάνθηκε από σημαντικές αναβαθμίσεις από δύο τεχνολογικούς γίγαντες: τον μοντέρνο σχεδιασμό της Microsoft το 2011 και την κυκλοφορία του iOS7 από την Apple το 2013.

Η κυκλοφορία των Windows 8 το 2011 είναι ο πρώτος σημαντικός επανασχεδιασμός του λειτουργικού συστήματος εδώ και δεκαετίες. Η νέα σχεδιαστική φιλοσοφία έχει εφαρμοστεί πλήρως στο πνεύμα του μινιμαλισμού.

Το 2013, η Apple παρουσίασε ένα ριζικά ενημερωμένο λειτουργικό σύστημασε πιο επίπεδο και πιο μινιμαλιστικό στυλ - iOS7. Η απόφαση της Apple να κινηθεί προς ένα πιο μινιμαλιστικό και επίπεδο σχέδιο υπογραμμίζει ιδιαίτερα τη δημοτικότητα της τάσης, δεδομένου ότι έρχεται σε θεμελιώδη αντίθεση με το ιστορικό στυλ σχεδίασης της μάρκας.

2014-2015

Οι μινιμαλιστικές αρχές σχεδιασμού εμφανίζονται τώρα σε νέα και απροσδόκητα μέρη: ιστότοπους ηλεκτρονικού εμπορίου, διαδικτυακές δημοσιεύσεις, ακόμη και ιστότοπους εκπαίδευσης.

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

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

Συζήτηση ευχρηστίας: Είναι ο μινιμαλισμός καλός για τους χρήστες;

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

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

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

Μερικές συμβουλές για τη δημιουργία μιας μινιμαλιστικής διεπαφής

Βεβαιωθείτε ότι η μινιμαλιστική στρατηγική σχεδίασης είναι κατάλληλη για τον ιστότοπό σας, την επωνυμία σας. Εάν είστε σίγουροι ότι ένα μινιμαλιστικό σχέδιο είναι κατάλληλο για εσάς, ακολουθήστε μερικές συμβουλές:

*Χρησιμοποιήστε το σύνθημα: «Less is more» στα έργα σας. Μην προσθέτετε περιττά στοιχεία ακριβώς έτσι. Αυτός ο κανόνας μπορεί να ισχύει τόσο για περιεχόμενο και σχεδιασμό, όσο και για την εμπειρία χρήστη.

* Εξετάστε το ενδεχόμενο να μειώσετε τυχόν στοιχεία που δεν περιέχουν σημαντικές πληροφορίες.

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

*Γνωρίστε ότι η μινιμαλιστική οπτική σχεδίαση από μόνη της, χωρίς ουσιαστική εξέταση των στόχων του χρήστη, δεν θα οδηγήσει σε επιτυχία. Τα ζητήματα χρηστικότητας των Windows 8 μπορούν να χρησιμεύσουν ως παράδειγμα για εσάς.

Μια σε βάθος συζήτηση για τα χαρακτηριστικά του μινιμαλισμού θα καλυφθεί στο επόμενο άρθρο, σε μια εβδομάδα. Ακολουθήστε τα νέα!

Συχνά μπορεί να βρεθεί στα στοιχεία επίπεδων (Flat) διατάξεων ή στο σχεδιασμό υλικών (Material Design). Η βασική ιδέα και τα χαρακτηριστικά παραμένουν ουσιαστικά αμετάβλητα με την πάροδο του χρόνου, για παράδειγμα:

• Πολλοί άνθρωποι προτιμούν να δημιουργούν έργα σε χρωματικούς συνδυασμούς κυρίως λευκών και μαύρων.
• Κατά κανόνα, οι σχεδιαστές αφήνουν πολύ ελεύθερο χώρο - ειδικά στις περιοχές γύρω από την κεντρική εικόνα.
• Χρησιμοποιούνται επίσης γραμματοσειρές Sans-serif.

Τα παραπάνω σημεία δεν είναι οι κύριες απαιτήσεις ενός μινιμαλιστικού σχεδιασμού, αλλά είναι αρκετά κοινά και μπορούν να χρησιμεύσουν ως ένα είδος δείκτη στυλ, ανεξάρτητα από τη χρονική περίοδο.

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

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

uppertodo.com

Πρόσφατα, οι σχεδιαστές αρχίζουν επίσης να ενσωματώνουν κινούμενα σχέδια σε τέτοιου είδους ιστότοπους, ακολουθώντας και θέλοντας να κάνουν μια ιστοσελίδα πιο «ζωντανή» και διαδραστική. Ωστόσο, πρέπει να είστε εξαιρετικά προσεκτικοί με αυτό. Τα κινούμενα σχέδια πρέπει να είναι διακριτικά και να εκτελούνται με το ίδιο στυλ (χρώματα, γραμματοσειρά κ.λπ.) με το κύριο σχέδιο.

Μια άλλη σημαντική τάση στον μινιμαλισμό είναι το μέγεθος κειμένου. Οι ερμηνευτές προτιμούν την ευκρινή βαθμονόμηση - εξαιρετικά μικρά ή τεράστια γράμματα με αντίθεση φόντου και απλές εικόνες. Η υψηλή αντίθεση είναι εξαιρετική για τη δημιουργία εστίασης σε μια απλή δομή και την έμφαση στο «σωστό» περιεχόμενο.

Πλεονεκτήματα του Μινιμαλιστικού Σχεδιασμού

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

1. Έλλειψη πούλιες και αταξία

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

motocms.com

Το πρώτο πράγμα που προσέχουμε είναι το κεντρικό μπλοκ με αντίθεση και η κεφαλίδα του κειμένου. Περαιτέρω, το βλέμμα πέφτει στις κατηγορίες / υπηρεσίες της εταιρείας, όπου ο επισκέπτης μπορεί να βρει άμεσα αυτό που χρειάζεται. Τίποτα επιπλέον. Χάρη σε αυτό, η διάταξη είναι πολύ δημοφιλής.

Αφαιρώντας περιττές λεπτομέρειες και απλοποιώντας το, έχετε μια καθαρή οπτική εικόνα που γίνεται εύκολα αντιληπτή από το κοινό. Θα βρείτε περισσότερες παρόμοιες λύσεις στην επιλογή μας.

Μαζί με τη μείωση της ακαταστασίας, ένας μινιμαλιστικός σχεδιασμός θα σας βοηθήσει να εστιάσετε στα πιο σημαντικά στοιχεία μιας ιστοσελίδας. Κάνοντάς τα πιο ορατά, δείχνετε στους επισκέπτες του ιστότοπού σας τι να αναζητήσουν. Ιδιαίτερη προσοχή, και μπορείτε να αυξήσετε σημαντικά τη μετατροπή του έργου.

3. Αύξηση της δημιουργικότητας

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

4. Ευχρηστία

Προφανώς, μια διάταξη με λιγότερα στοιχεία είναι πολύ πιο εύκολη στην εργασία. Για παράδειγμα, πάρτε το κοινωνικό δίκτυο Facebook - έχει ένα εκατομμύριο δυνατότητες, χιλιάδες διαφορετικά αντικείμενα και αρκετούς περισπασμούς. Ο μέσος χρήστης χρειάζεται να αφιερώσει πολύ χρόνο για να μάθει πώς να χρησιμοποιεί την πλατφόρμα και πώς να συμπεριφέρεται σε αυτήν. Για πολλούς, αυτό είναι πραγματικά δύσκολο.

Εναλλακτικά, σκεφτείτε κάτι σαν το Tumblr ή το Instagram. Οι υπηρεσίες έχουν επίσης αρκετά χαρακτηριστικά, όπως όλα κοινωνικό δίκτυο, αλλά η λειτουργικότητα γίνεται σαφής μετά από λίγα λεπτά παραμονής στον ιστότοπο.

Το νόημα αυτού του μύθου είναι ότι ένας μινιμαλιστικός σχεδιασμός (και απλός) εγγυάται ότι θα κάνει τους επισκέπτες σας να αισθάνονται σαν στο σπίτι τους και θα τους επιτρέψει να προσαρμοστούν στα χαρακτηριστικά ενός έργου web πολύ πιο γρήγορα.

orendasecurity.com

5. Λιγότερη κωδικοποίηση/ανάπτυξη

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

Από την άλλη πλευρά, η δημιουργία μιας διάταξης που θα αποφύγει την περιττή ταλαιπωρία κατά την περαιτέρω ενσωμάτωσή της είναι μια εξαιρετική ευκαιρία για τον ερμηνευτή να επιδείξει τις επαγγελματικές του δεξιότητες.

Γενικά, το μινιμαλιστικό στυλ στο σχεδιασμό είναι πολύ πιο εύκολο να εφαρμοστεί λόγω της απλότητας και της δομής του.

6. Καλύτερη ταχύτητα λήψης και συμβατότητα μεταξύ προγραμμάτων περιήγησης

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

belancio.com

7. Σας βοηθά να εστιάσετε στο περιεχόμενο

Παρά την ενεργό ανάπτυξη της μορφής πολυμέσων, το περιεχόμενο κειμένου εξακολουθεί να είναι εκτός ανταγωνισμού. Ο μινιμαλιστικός σχεδιασμός το εξυπηρετεί τέλεια και επιτρέπει στον επισκέπτη να εστιάσει αποκλειστικά στο περιεχόμενο. Ωστόσο, δεν πρέπει να ξεχνάμε ότι το περιεχόμενο του ιστότοπου πρέπει να είναι σαφές και περιεκτικό.

Ανακεφαλαίωση

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

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

Δυστυχώς, ορισμένοι σχεδιαστές δεν ερμηνεύουν με ακρίβεια την ουσία του μινιμαλιστικού στυλ. Στη δουλειά τους, δεν λαμβάνουν υπόψη ούτε ξεφορτώνονται σημαντικά στοιχεία αυτού του στυλ, απλοποιώντας τη δουλειά τους και ταυτόχρονα περιπλέκοντας την αλληλεπίδραση των χρηστών με τον ιστότοπο.

Για να κατανοήσουμε καλύτερα και να εφαρμόσουμε τις αρχές του μινιμαλισμού, πρέπει να κατανοήσουμε την προέλευση αυτού του στυλ και τα κύρια χαρακτηριστικά του.

Τι ?

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

Αν και εξακολουθούν να υπάρχουν διαφορετικές απόψεις σχετικά με το τι ακριβώς χαρακτηρίζει το web design ως μινιμαλιστικό στυλ. Υπάρχουν πολλά χαρακτηριστικά που καθορίζουν με ακρίβεια το στυλ του ιστότοπου ως μινιμαλιστικό. Αυτά περιλαμβάνουν επίπεδες υφές, μοτίβα περιορισμένου χρώματος και χρήση λευκού χώρου.

Χαρακτηριστικά του μινιμαλισμού

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

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

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

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

Υπάρχουν πολλά σημεία που πρέπει να λάβετε υπόψη όταν χρησιμοποιείτε περιορισμένο αριθμό χρωμάτων σε μια παλέτα:

• Βεβαιωθείτε ότι ο συνδυασμός χρωμάτων έχει αρκετή αντίθεση ώστε να γίνεται αντιληπτός από άτομα με χαμηλή όραση.
• Χρησιμοποιήστε χρώματα έμφασης σκόπιμα και με συνέπεια για να τονίσετε πολύ σημαντικές πληροφορίες.

Περιορισμένος αριθμός ειδών.Χρησιμοποιήθηκε στο 87% των ιστοτόπων που αξιολογήθηκαν. Οι ειδικοί που σχεδιάζουν έναν ιστότοπο σε μινιμαλιστικό στυλ πρέπει να καθορίσουν την καταλληλότητα χρήσης κάθε στοιχείου στη διεπαφή. Σε περίπτωση που κάποιο στοιχείο έχει μια συγκεκριμένη εργασία στο σχέδιο, είναι απαραίτητο να απαλλαγούμε από αυτό. Αυτή είναι μια από τις κύριες δυσκολίες αυτού του στυλ. Είναι συχνά δύσκολο να προσδιοριστεί πόσο απαραίτητο είναι αυτό ή εκείνο το στοιχείο στο σχέδιο. Όσο περισσότερα στοιχεία περιέχει ο σχεδιασμός, τόσο περισσότερες πληροφορίες πρέπει να κατανοούν οι χρήστες όταν αλληλεπιδρούν με τον ιστότοπο.

Εδώ ένας σχεδιαστής μπορεί να απομακρυνθεί από τους κανόνες του μινιμαλισμού και να σταματήσει να απαλλαγεί από το «χρήσιμο» περιεχόμενο.

Η μέγιστη ποσότητα κενού χώρου.Το 84% των ιστότοπων χρησιμοποιεί αυτήν την τακτική. Η αφαίρεση ή η εξαίρεση στοιχείων από μια ιστοσελίδα αφήνει αναγκαστικά κενό χώρο. Πολλοί σχεδιαστές χρησιμοποιούν αυτόν τον χώρο για να «κατευθύνουν» την προσοχή των χρηστών σε σημαντικά στοιχεία.

Χρησιμοποιώντας «δραματική» τυπογραφία. Εμφανίζεται στο 75% των περιπτώσεων. Όπως το έγχρωμο, τα έντονα ή μεγάλα γράμματα έχουν γίνει ένα άλλο εργαλείο επικοινωνίας. Η αποτελεσματικά χρησιμοποιούμενη τυπογραφία μπορεί να αναπληρώσει την απουσία άλλων στοιχείων (φωτογραφίες, γραφικά) και να κάνει ένα μινιμαλιστικό σχέδιο πιο ελκυστικό οπτικά.

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

συμπέρασμα

Ο σχεδιασμός της διεπαφής ιστού τη δεκαετία του 2000 ήταν κυρίως χαοτικός και συντριπτικός, κάτι που είναι κακό για το UX/UI.

Ο σχεδιασμός του ιστότοπου με το στυλ του μινιμαλισμού απαλλάσσει τον χρήστη από την υπερφόρτωση της διεπαφής και σας επιτρέπει να επιτύχετε τους καλύτερους δείκτες διαδραστικότητας του ιστότοπου. Όπως το επίπεδο σχέδιο είναι μια αντίδραση στον σκεομορφισμό, έτσι και ο μινιμαλισμός είναι μια αντίδραση στον μαξιμαλισμό στο σχεδιασμό ιστοσελίδων. Και στις δύο περιπτώσεις, συνιστάται η επίτευξη ισορροπίας.