Ακούστε την ηχητική έκδοση αυτού του άρθρου

Ο αρνητικός χώρος υπήρξε εδώ και πολύ καιρό βασικό σχέδιο. Το να αφήσετε κενό χώρο γύρω από στοιχεία ενός σχεδίου είναι το πρώτο πράγμα που συνήθως έρχεται στο μυαλό. Υπάρχουν όμως σχέδια που χρησιμοποιούν αυτόν τον λευκό χώρο για να συναγάγουν ένα στοιχείο που δεν υπάρχει στην πραγματικότητα (το βέλος που κρύβεται μεταξύ του E και του X στο λογότυπο της FedEx έρχεται αμέσως στο μυαλό ως παράδειγμα).

απόδοση από την πλευρά του πελάτη έναντι απόδοσης από την πλευρά του διακομιστή

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

Αυτή η αρχή είναι μια από τις πιο σημαντικές υποκείμενες ιδέες πίσω από τις αρχές της οπτικής αντίληψης. Η πιο σημαντική πρόωρη πρόταση που γράφτηκε για τη θεωρία δημοσιεύτηκε από τον Max Wertheimer το 1923 του Νόμοι Gestalt της αντιληπτικής οργάνωσης , αν και η συζήτηση του Wolfgang Köhler το 1920 για Φυσικά σχήματα περιέχει επίσης πολλές ιδέες που επηρεάζουν το θέμα.

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

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

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

Ομοιότητα

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

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

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

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

Συνέχιση

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

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

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

Κλείσιμο

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

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

Το κλείσιμο χρησιμοποιείται συχνά στη σχεδίαση λογότυπου, με άλλα παραδείγματα όπως αυτά για το δίκτυο των ΗΠΑ, το NBC, το Sun Microsystems, ακόμα και το Adobe.

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

Εγγύτητα

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

πανδημικό σχέδιο για την επιχειρηματική συνέχεια

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

Πάρτε αυτήν την ομάδα κύκλων, για παράδειγμα:

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

Σχήμα / έδαφος

ο αρχή του σχήματος / εδάφους είναι παρόμοιο με την αρχή κλεισίματος στο ότι εκμεταλλεύεται τον τρόπο με τον οποίο ο εγκέφαλος επεξεργάζεται αρνητικό χώρο. Ίσως έχετε δει παραδείγματα αυτής της αρχής να κυμαίνονται στα meme στα κοινωνικά μέσα ή ως μέρος λογότυπων (όπως το λογότυπο FedEx που έχει ήδη αναφερθεί).

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

Τα πρωτότυπα είναι ιδιαίτερα σημαντικά στη διαδικασία:

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

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

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

Συμμετρία και τάξη

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

Εδώ είναι ένα άλλο καλό παράδειγμα της αρχής σχεδιασμού gestalt ' περιεκτικότητα ':

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

Κοινή μοίρα

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

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

πώς να χρησιμοποιήσετε ένα discord bot

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

Αρχές Gestalt στο σχεδιασμό UX

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

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

• • •

Περαιτέρω ανάγνωση στο ApeeScape Design Blog:

• Αρχές σχεδιασμού: Εισαγωγή στην Ιεραρχία
• Βέλτιστες πρακτικές και κοινά λάθη σχεδίασης UI
• Πώς να χρησιμοποιήσετε ισχυρές αρχές Gestalt στο σχεδιασμό (με Infographic)
• Ο περιεκτικός οδηγός για την αρχιτεκτονική πληροφοριών
• Ενισχύστε το UX σας με αυτές τις επιτυχημένες αρχές σχεδιασμού αλληλεπίδρασης

Κατανόηση των βασικών

Ποιες είναι οι αρχές του σχεδιασμού gestalt;

Οι κλασικές αρχές της θεωρίας gestalt της οπτικής αντίληψης περιλαμβάνουν ομοιότητα, συνέχεια, κλείσιμο, εγγύτητα, φιγούρα / έδαφος και συμμετρία & τάξη (επίσης γνωστή ως prägnanz). Άλλα, όπως η «κοινή μοίρα», έχουν προστεθεί τα τελευταία χρόνια.

Γιατί είναι σημαντική η θεωρία gestalt;

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

Τι είναι η οπτική ιεραρχία στο σχεδιασμό;

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

Ποια είναι η θεωρία της αντίληψης gestalt;

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