Ο αρνητικός χώρος υπήρξε εδώ και πολύ καιρό βασικό σχέδιο. Το να αφήσετε έναν κενό χώρο γύρω από τα στοιχεία ενός σχεδίου είναι το πρώτο πράγμα που έρχεται στο μυαλό. Αλλά τότε υπάρχουν σχέδια που χρησιμοποιούν αυτόν τον λευκό χώρο για να συναγάγουν ένα στοιχείο που δεν υπάρχει στην πραγματικότητα (το κρυφό βέλος μεταξύ του E και του X στο λογότυπο FedEx έρχεται αμέσως στο μυαλό ως παράδειγμα).
διαφωνία πώς να προγραμματίσετε ένα botΤα 'E' και 'x' στο λογότυπο FedEx δημιουργούν ένα βέλος μέσα στον αρνητικό κενό μεταξύ τους.
Ο ανθρώπινος εγκέφαλος είναι εξαιρετικά καλός στο να συμπληρώνει τα κενά σε μια εικόνα και να δημιουργεί ένα σύνολο που είναι μεγαλύτερο από το άθροισμα των μερών του. Γι 'αυτό βλέπουμε πρόσωπα σε πράγματα όπως φύλλα δέντρων ή ρωγμές στα πεζοδρόμια.
Αυτή η αρχή είναι μια από τις πιο σημαντικές υποκείμενες ιδέες πίσω από τις αρχές της οπτικής αντίληψης του Gestalt. Η πιο σημαντική αρχική πρόταση που γράφτηκε για τη θεωρία δημοσιεύτηκε από τον Max Wertheimer στο 1923 Laws of Perceptual Organisation του, αν και η συζήτηση του Wolfgang Köhler το 1920 σχετικά με τη φυσική Gestalten περιέχει επίσης πολλές επιρροές ιδέες για το θέμα.
Ασχέτως που πρότεινε για πρώτη φορά τις ιδέες (υπήρξαν δοκίμια που χρονολογούνται από το 1890), οι αρχές του Gestalt είναι ένα σημαντικό σύνολο ιδεών για οποιαδήποτε σχεδιαστής να μάθουν, και η εφαρμογή του μπορεί να βελτιώσει σημαντικά όχι μόνο την αισθητική ενός σχεδιασμού, αλλά και τη λειτουργικότητά του και την ευκολία χρήσης.
Με τους απλούστερους όρους, η θεωρία Gestalt βασίζεται στην ιδέα ότι ο ανθρώπινος εγκέφαλος θα προσπαθήσει να απλοποιήσει και να οργανώσει σύνθετες εικόνες ή σχέδια που αποτελούνται από πολλά στοιχεία, οργανώνοντας ασυνείδητα τα μέρη σε ένα οργανωμένο σύστημα που δημιουργεί ένα σύνολο, και όχι μόνο μια σειρά διαφορετικών στοιχείων. Ο εγκέφαλός μας έχει σχεδιαστεί για να βλέπει τη δομή και τα μοτίβα, έτσι ώστε να κατανοούμε καλύτερα το περιβάλλον στο οποίο ζούμε.
Υπάρχουν έξι μεμονωμένες αρχές που σχετίζονται συνήθως με τη θεωρία Gestalt: ομοιότητα , συνέχιση , κλείσιμο , εγγύτητα , Φόντο σχήμα Γ συμμετρία και τάξη (επίσης λέγεται περιεκτικότητα ). Υπάρχουν επίσης μερικές πρόσθετες νεότερες αρχές που μερικές φορές σχετίζονται με το gestalt, όπως κοινό πεπρωμένο .
Ομοιότητα
Είναι ανθρώπινη φύση να ομαδοποιούμε παρόμοια πράγματα. Στο gestalt, παρόμοια αντικείμενα ομαδοποιούνται οπτικά, ανεξάρτητα από την εγγύτητά τους. Μπορεί να ομαδοποιηθεί ανά χρώμα, σχήμα ή μέγεθος. Ομοιότητα μπορεί να χρησιμοποιηθεί για τη σύνδεση στοιχείων που ενδέχεται να μην είναι κοντά. το άλλο στο άλλο σε ένα σχέδιο.
Φυσικά, μπορείτε να κάνετε τα πράγματα διαφορετικά αν θέλετε να ξεχωρίζουν από το πλήθος. Γι 'αυτό τα κουμπιά παρότρυνσης για δράση συχνά σχεδιάζονται με διαφορετικό χρώμα από την υπόλοιπη σελίδα, οπότε ξεχωρίζουν και εφιστούν την προσοχή του επισκέπτη στην επιθυμητή ενέργεια.
Στη σχεδίαση UX, η χρήση ομοιότητας καθιστά σαφές στους επισκέπτες ποια στοιχεία είναι τα ίδια. Για παράδειγμα, σε μια λίστα χαρακτηριστικών που χρησιμοποιεί επαναλαμβανόμενα στοιχεία σχεδίασης (όπως ένα εικονίδιο που συνοδεύεται από 3-4 γραμμές κειμένου), η αρχή της ομοιότητας θα διευκόλυνε τη σάρωση. Αντίθετα, η εναλλαγή των στοιχείων σχεδίασης για τις δυνατότητες που θέλετε να επισημάνετε τα κάνει να ξεχωρίζουν και τους δίνει μεγαλύτερη σημασία στην αντίληψη του επισκέπτη.
Ακόμα και τα πράγματα τόσο απλά όσο το να βεβαιωθείτε ότι οι σύνδεσμοι μιας διάταξης έχουν τη ίδια μορφή βασίζονται στο αρχή της ομοιότητας με τον τρόπο που οι επισκέπτες σας θα αντιληφθούν την οργάνωση και τη δομή του ιστότοπού σας.
Συνέχιση
ο νόμος της συνέχειας Θεωρεί ότι το ανθρώπινο μάτι θα ακολουθήσει την πιο ομαλή πορεία κατά την προβολή γραμμών, ανεξάρτητα από το πώς σχεδιάστηκαν οι γραμμές.
Το μάτι τείνει να ακολουθεί την ευθεία γραμμή από το ένα άκρο αυτού του σχήματος στο άλλο, και την καμπύλη γραμμή από πάνω προς τα κάτω, ακόμα και όταν οι γραμμές αλλάζουν χρώμα στη μέση.
Αυτή η συνέχεια μπορεί να είναι ένα πολύτιμο εργαλείο όταν ο στόχος είναι να καθοδηγήσει το βλέμμα του επισκέπτη σε μια συγκεκριμένη κατεύθυνση. Θα ακολουθήσουν την απλούστερη διαδρομή στη σελίδα, οπότε βεβαιωθείτε ότι τα πιο ζωτικά μέρη που πρέπει να δουν εμπίπτουν σε αυτήν τη διαδρομή.
Δεδομένου ότι το μάτι ακολουθεί φυσικά μια γραμμή, η τοποθέτηση των στοιχείων μιας σειράς σε μια γραμμή θα τραβήξει την προσοχή από το ένα στοιχείο στο άλλο. Τα οριζόντια ρυθμιστικά είναι ένα τέτοιο παράδειγμα, όπως και οι σχετικές καταχωρίσεις προϊόντων σε ιστότοπους όπως το Amazon.
Κλείσιμο
Κλείσιμο είναι μία από τις πιο όμορφες αρχές του Gestalt και την οποία ήδη άγγιξα στην αρχή αυτού του κομματιού. Είναι η ιδέα ότι ο εγκέφαλός σας θα συμπληρώσει τα κομμάτια ενός σχεδίου ή εικόνας που λείπουν για να δημιουργήσει ένα σύνολο.
Στην απλούστερη μορφή του, η αρχή κλεισίματος επιτρέπει στο μάτι σας να ακολουθεί κάτι σαν μια διακεκομμένη γραμμή στο τέλος του. Αλλά πιο σύνθετες εφαρμογές εμφανίζονται συχνά σε λογότυπα, όπως αυτή για το Παγκόσμιο Ταμείο Άγριας Ζωής. Λείπουν μεγάλα κομμάτια του περιγράμματος του panda, αλλά ο εγκέφαλός σας δεν έχει κανένα πρόβλημα να συμπληρώσει τα τμήματα που λείπουν και να δει ολόκληρο το ζώο.
Το κλείσιμο χρησιμοποιείται πολύ συχνά στη σχεδίαση λογότυπου, με άλλα παραδείγματα όπως αυτά για το αμερικανικό δίκτυο, το NBC, το Sun Microsystems, ακόμη και το Adobe.
Ένα άλλο πολύ σημαντικό παράδειγμα κλεισίματος στην εργασία σε UX και Περιβάλλον χρήστη είναι όταν εμφανίζεται μια μερική εικόνα που εξαφανίζεται από την οθόνη του χρήστη για να τους δείξει ότι υπάρχουν περισσότερα να βρούμε αν κάνουν σάρωση προς τα αριστερά ή προς τα δεξιά. Χωρίς μερική εικόνα, δηλαδή, εάν εμφανίζονται μόνο πλήρεις εικόνες, ο εγκέφαλος δεν ερμηνεύει αμέσως ότι θα μπορούσαν να φανούν περισσότερα, και ως εκ τούτου ο χρήστης είναι λιγότερο πιθανό να πραγματοποιήσει κύλιση (καθώς το κλείσιμο είναι ήδη εμφανές).
Εγγύτητα
Εγγύτητα αναφέρεται στο πόσο κοντά τα στοιχεία είναι μεταξύ τους. Οι ισχυρότερες σχέσεις εγγύτητας είναι αυτές μεταξύ αλληλεπικαλυπτόμενων θεμάτων, αλλά η απλή ομαδοποίηση αντικειμένων σε μία μόνο περιοχή μπορεί επίσης να έχει ισχυρό αποτέλεσμα εγγύτητας.
Το αντίθετο ισχύει επίσης, φυσικά. Τοποθετώντας χώρο μεταξύ των στοιχείων, μπορείτε να προσθέσετε διαχωρισμό ακόμα και όταν τα άλλα χαρακτηριστικά τους είναι τα ίδια.
Πάρτε αυτήν την ομάδα κύκλων, για παράδειγμα:
σε τι χρησιμεύει το adobe experience designΈνα PDF του USPS Για παράδειγμα, όπου η αρχή της εγγύτητας της εγγύτητας βλάπτει το UX. Επειδή οι ετικέτες πεδίου είναι πιο κοντά στα πεδία που βρίσκονται κάτω από αυτά, οι άνθρωποι πιστεύουν λανθασμένα ότι αυτό είναι όπου οι πληροφορίες πηγαίνουν για το «c». y 'd' Ωστόσο, οι πληροφορίες υποτίθεται ότι παρέχονται στα πεδία πάνω από τις ετικέτες κειμένου.
Στη σχεδίαση UX, η εγγύτητα χρησιμοποιείται συχνότερα για τους χρήστες να ομαδοποιούν ορισμένα πράγματα χωρίς τη χρήση στοιχείων όπως άκαμπτα άκρα. Τοποθετώντας παρόμοια πράγματα πιο κοντά, με χώρο μεταξύ κάθε ομάδας, ο θεατής θα αναγνωρίσει αμέσως τον οργανισμό και τη δομή που θέλετε να αντιληφθούν.
Φόντο σχήμα
ο αρχή της φιγούρας / του εδάφους Είναι παρόμοιο με την αρχή κλεισίματος επειδή εκμεταλλεύεται τον τρόπο με τον οποίο ο εγκέφαλος επεξεργάζεται αρνητικό χώρο. Ίσως έχετε δει παραδείγματα αυτής της αρχής να κυμαίνονται στα μιμίδια των κοινωνικών μέσων ή ως μέρος λογότυπων (όπως το λογότυπο FedEx που έχει ήδη αναφερθεί).
Ο εγκέφαλός σας θα διακρίνει μεταξύ αντικειμένων που πιστεύει ότι βρίσκονται στο προσκήνιο μιας εικόνας (το σχήμα ή το σημείο εστίασης) και το φόντο (την περιοχή όπου βρίσκονται τα σχήματα). Όπου τα πράγματα γίνονται ενδιαφέροντα είναι όταν το πρώτο πλάνο και το φόντο περιέχουν πραγματικά δύο διαφορετικές εικόνες, όπως αυτή:
Ένα απλούστερο παράδειγμα μπορεί να φανεί με αυτήν την εικόνα, δύο όψεων δημιουργώντας ένα κηροπήγιο ή ένα βάζο μεταξύ τους:
Σε γενικές γραμμές, ο εγκέφαλός σας θα ερμηνεύσει τη μεγαλύτερη περιοχή μιας εικόνας ως το έδαφος και τη μικρότερη ως την εικόνα. Όπως φαίνεται στην παραπάνω εικόνα, μπορείτε να δείτε ότι τα πιο ανοιχτά και πιο σκούρα χρώματα μπορούν να επηρεάσουν την εμφάνιση του σχήματος και την εμφάνιση του εδάφους.
Η αρχή της φιγούρας / του εδάφους μπορεί να είναι πολύ χρήσιμη όταν σχεδιαστές προϊόντων Θέλετε να επισημάνετε ένα σημείο εστίασης, ιδιαίτερα όταν είναι ενεργό ή σε χρήση, για παράδειγμα, όταν εμφανίζεται ένα τροπικό παράθυρο και ο υπόλοιπος ιστότοπος ξεθωριάζει στο παρασκήνιο ή όταν γίνεται κλικ σε μια γραμμή αναζήτησης και η αντίθεση αυξάνεται μεταξύ αυτού και τον υπόλοιπο ιστότοπο.
Συμμετρία και τάξη
Ο νόμος της συμμετρίας και της τάξης είναι επίσης γνωστός ως περιεκτικότητα , η γερμανική λέξη για 'καλή φιγούρα'. Αυτό που λέει αυτή η αρχή είναι ότι ο εγκέφαλός σας θα αντιληφθεί διφορούμενα σχήματα με τον απλούστερο δυνατό τρόπο. Για παράδειγμα, μια μονόχρωμη έκδοση του Ολυμπιακού λογότυπου μοιάζει με μια σειρά επικαλυπτόμενων κύκλων και όχι μια συλλογή καμπύλων γραμμών.
Εδώ είναι ένα άλλο καλό παράδειγμα της αρχής σχεδιασμού gestalt ' περιεκτικότητα ':
Ο εγκέφαλός σας θα ερμηνεύσει την εικόνα στα αριστερά ως ορθογώνιο, κύκλο και τρίγωνο, ακόμα και όταν τα περιγράμματα του καθενός είναι ελλιπή, επειδή είναι απλούστερα σχήματα από τη συνολική εικόνα.
Κοινό πεπρωμένο
Ενώ κοινό πεπρωμένο Αρχικά δεν συμπεριλήφθηκε στη θεωρία gestalt, έχει προστεθεί έκτοτε. Στη σχεδίαση UX, δεν μπορεί να αγνοηθεί η χρησιμότητά του. Αυτή η αρχή δηλώνει ότι οι άνθρωποι θα ομαδοποιούν πράγματα που δείχνουν ή κινούνται προς την ίδια κατεύθυνση.
Στη φύση, το βλέπουμε σε πράγματα όπως κοπάδια πουλιών ή σχολές ψαριών. Αποτελούνται από ένα σύνολο μεμονωμένων στοιχείων, αλλά επειδή προφανώς κινούνται ως ένα, ο εγκέφαλός μας τα ομαδοποιεί και τα θεωρεί ως ένα μόνο ερέθισμα.
Αυτό είναι πολύ χρήσιμο στο UX καθώς τα κινούμενα εφέ γίνονται πιο διαδεδομένα στον μοντέρνο σχεδιασμό. Σημειώστε ότι τα αντικείμενα δεν χρειάζεται να μετακινηθούν για να επωφεληθούν από αυτήν την αρχή, αλλά πρέπει να δώσουν το Τυπώνω κίνησης.
Αρχές Gestalt στο σχεδιασμό UX
Όπως συμβαίνει με οποιαδήποτε ψυχολογική αρχή, η εκμάθηση να ενσωματώνει τις αρχές της οπτικής αντίληψης του Gestalt στο σχεδιασμό του έργου σας μπορεί να βελτιώσει σημαντικά την εμπειρία του χρήστη. Η κατανόηση του τρόπου λειτουργίας του ανθρώπινου εγκεφάλου και, στη συνέχεια, η εκμετάλλευση των φυσικών τάσεων ενός ατόμου δημιουργεί μια πιο ρευστή αλληλεπίδραση που κάνει τον χρήστη να αισθάνεται άνετα σε έναν ιστότοπο, ακόμα κι αν είναι η πρώτη του επίσκεψη.
Οι αρχές του Gestalt είναι σχετικά εύκολο να ενσωματωθούν σε σχεδόν οποιοδήποτε σχέδιο και μπορούν να ανυψώσουν γρήγορα ένα σχέδιο που φαίνεται τυχαίο ή σαν να παλεύει για την προσοχή ενός χρήστη σε αυτό που προσφέρει μια απρόσκοπτη και φυσική αλληλεπίδραση που καθοδηγεί τους χρήστες προς τη δράση που επιθυμούν.
