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

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

Τι είναι αρνητικός χώρος;

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

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

Yeedor

yeedor

Φιλία Αμβούργο

friendshiphamburg

Moving Things Design Company

κινήσεις

Μικρός αρνητικός χώρος

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

Και μιλάμε Micro, οπότε αυτή η εστίαση και η συντήρηση πρέπει να πάει βαθιά. Πρέπει να φροντίσουμε να διασφαλίσουμε ότι όλο το αρνητικό χώρο των μπλοκ κειμένου μας είναι σφιχτό. Όχι με πολυσύχναστο τρόπο, αλλά σφιχτά με έναν αισθητικά ισορροπημένο και ανοιχτό τρόπο. Το 'πιασες? Αυτό σημαίνει την αντιμετώπιση του χώρου μεταξύ επικεφαλίδων και παραγράφων. Δίνοντας ιδιαίτερη προσοχή στα ύψη των γραμμών μέσα στις παραγράφους. Βεβαιωθείτε ότι ο χώρος μεταξύ των στοιχείων γραμμών στις λίστες δεν είναι πάνω ή κάτω. Ακόμη και ο χώρος μεταξύ λέξεων και γραμμάτων.

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

Πληροφορίες αυτοκινητόδρομο

informationhighway

Σύνοψη

σύνοψη

MakeMatter

makematter

Μακροπρόθεσμος χώρος

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

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

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

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

Viva Audio

viva

Εμπορεύματα

εμπορεύματα

Κάντε ένα Backflip

ανάποδο πήδημα

Γιατί το αρνητικό διάστημα έχει σημασία

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

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

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

Κύκλοι καθαρισμού

purefix

Nurun

nurun

Σχεδόν Αδύνατο

σχεδόν αδύνατο

Πώς χρησιμοποιείτε αρνητικό χώρο στα σχέδιά σας; Είναι "αρνητικός" ο σωστός όρος για τα κενά; Ας γνωρίσουμε τις σκέψεις σας στα σχόλια.