Αρχές σχεδιασμού περιοδικών που εφαρμόζονται στο σχεδιασμό ιστοσελίδων
Πήρα την επαγγελματική μου εκκίνηση στον κόσμο του σχεδιασμού σε έναν εξειδικευμένο εκδότη περιοδικών. Η διάταξη του περιοδικού και ο σχεδιασμός είναι, επομένως, πολύ κοντά στην καρδιά μου.
Πολλές αρχές του σχεδιασμού περιοδικών και της διάταξης μεταφέρονται εύκολα στον κόσμο του web design. Μερικά από αυτά είναι αρκετά προφανή, ενώ μπορεί να έχετε παραβλέψει άλλους. Αλλά πραγματικά, είναι όλα σχετικά με τον καλό σχεδιασμό που υπερβαίνει το μέσο.
Εδώ έχω καλύψει μερικά από τα αγαπημένα μου μαθήματα από το σχεδιασμό περιοδικών, και πώς μπορούν να ισχύουν για το σχεδιασμό ιστοσελίδων. Αλλά το πιο σημαντικό πράγμα που ελπίζω να απομακρύνετε από αυτό το άρθρο είναι ότι μπορείτε να πάρετε ιδέες και συμβάσεις σχεδίασης από μια μορφή μέσων και να την εφαρμόσετε σε άλλους.
Έτσι, εάν το υπόβαθρό σας είναι σε κάτι όπως εσωτερικός σχεδιασμός ή γραφικός σχεδιασμός ή ακόμα και κάτι σαν βιομηχανικός σχεδιασμός, μπορείτε να πάρετε αυτές τις αρχές που ήδη γνωρίζετε και να τις εφαρμόσετε στα έργα σχεδίασης ιστοσελίδων σας.
Απλό υπόβαθρο = καλύτερη αναγνωσιμότητα
Εάν ανοίξετε το 90% των περιοδικών, το κύριο χρώμα φόντου πίσω από το αντίγραφο του σώματος είναι λευκό. Ενώ η παράδοση είναι ο κύριος λόγος για αυτό, η παράδοση ξεκίνησε για καλό λόγο (εκτός από την τεχνολογία εκτύπωσης). Ακόμη και σε περιπτώσεις όπου ένα λευκό φόντο δεν χρησιμοποιείται, ένα απλό, συμπαγές ή λεπτό υπόβαθρο φόντο. Αυτό κάνει την αντιγραφή του σώματος πολύ ευανάγνωστη και βοηθά στην αποφυγή της στραγγαλισμού του ματιού.
Σε ορισμένες περιπτώσεις, θα βρείτε τύπους αντιγράφου σώματος πάνω σε μια εικόνα, αλλά σε αυτές τις περιπτώσεις, θα διαπιστώσετε συχνά ότι το μέγεθος του τύπου έχει αυξηθεί και ότι δίνεται ιδιαίτερη προσοχή στην εξασφάλιση επαρκούς αντίθεσης μεταξύ κειμένου και εικόνας. Και είναι σπάνιο να βρεθεί ολόκληρος ο τύπος του άρθρου πάνω στις εικόνες. Το ίδιο θα πρέπει να ισχύει για οποιοδήποτε σχέδιο ιστοσελίδας.
Διατηρήστε συνοχή σε όλη την έκταση
Μεταβείτε σε οποιοδήποτε περιοδικό και πιθανότατα θα παρατηρήσετε ότι υπάρχει μεγάλη συνέπεια από τη μια σελίδα στην άλλη. Οι γραμματοσειρές είναι οι ίδιες. Οι επικεφαλίδες είναι οι ίδιες. Οι βασικές διατάξεις σελίδας είναι οι ίδιες. Σίγουρα, τα άρθρα ενδέχεται να έχουν κάποιες αποκλίσεις στον τρόπο με τον οποίο έχουν σχεδιαστεί, αλλά πράγματα όπως οι αριθμοί σελίδων θα βρίσκονται σε περίπου τον ίδιο τόπο και οι εικόνες πιθανόν να εμφανίζονται με το ίδιο στυλ, μεταξύ άλλων συνεκτικότητας.
Αυτή η συνέπεια είναι καθησυχαστική για τον αναγνώστη. Θα γυρίσουν από τη μια σελίδα στην άλλη και ξέρουν τι να περιμένουν. Το ίδιο ισχύει και για ένα θέμα του περιοδικού στο επόμενο.
Αυτό το είδος συνέπειας μπορεί εύκολα να μεταφερθεί στον κόσμο του web design. Βεβαιωθείτε ότι τα στοιχεία όπως η κεφαλίδα, η πλοήγηση και άλλα βασικά στοιχεία της διάταξης σας είναι τα ίδια σε ολόκληρο τον ιστότοπο. Κατά μήκος των ίδιων γραμμών, βεβαιωθείτε ότι οι γραμματοσειρές σας είναι συνεπείς σε ολόκληρο τον ιστότοπο, όχι μόνο το πρόσωπο της γραμματοσειράς αλλά και το μέγεθος και τα στυλ που χρησιμοποιούνται.
Κάθε απόκλιση προσελκύει την προσοχή
Επειδή οι διατάξεις περιοδικών είναι τόσο συνεπείς, οποιαδήποτε απόκλιση από την τυποποιημένη διάταξη προσελκύει την προσοχή. Διακρίνεται μεταξύ των άλλων σελίδων. Αυτός είναι ο λόγος που, τόσο συχνά, διαπιστώνουμε ότι το κύριο χαρακτηριστικό άρθρο σε ένα περιοδικό έχει τουλάχιστον τη σελίδα τίτλου μορφοποιημένη με διαφορετικό τρόπο.
Η ίδια αρχή μπορεί να εφαρμοστεί στον ιστότοπό σας. Εάν έχετε μια συγκεκριμένη σελίδα που θέλετε να ξεχωρίσετε, κάντε αλλαγές από την τυπική διάταξη. Αυτό γίνεται συχνά με δύο συγκεκριμένους τύπους σελίδων: σελίδες προορισμού και δημοσιεύσεις ιστολογίου με αντικείμενο την τέχνη. Και στις δύο περιπτώσεις, το θέμα είναι να κάνετε τη σελίδα ιδιαίτερη στο μάτι των επισκεπτών σας.
Η διαφήμιση είναι σαφώς επισημασμένη και όχι παρεμβατική
Η διαφήμιση στα περιοδικά είναι πάντα ξεκάθαρα οριοθετημένη από το περιεχόμενο του περιοδικού. Είτε είναι οπτικά ξεχωριστό από το συντακτικό περιεχόμενο, είτε χαρακτηρίζεται συγκεκριμένα ως διαφήμιση.
Αυτό έχει να κάνει με την εμπιστοσύνη. Εάν οι αναγνώστες σας δεν είναι σίγουροι τι είναι η συντακτική και η διαφήμιση, τότε είναι λιγότερο πιθανό να εμπιστευθεί το περιεχόμενό σας. Αυτό ισχύει ιδιαίτερα για πράγματα όπως οι διαφημιστικές αναρτήσεις ιστολογίου. Εάν δεν είναι ξεκάθαρο ότι είναι χορηγία, οι αναγνώστες σας μπορεί να αισθάνονται εξαπατημένοι εάν αρχικά πιστεύουν ότι είναι συντακτική μόνο για να ανακαλύψουν διαφορετικά αργότερα.
Οι μεγάλες εικόνες είναι καλύτερες εικόνες
Τα περιοδικά τείνουν να χρησιμοποιούν μεγαλύτερες εικόνες. Στην πραγματικότητα, θα δείτε πολλές εικόνες που καλύπτουν μια ολόκληρη σελίδα ή ακόμα και δύο σελίδες.
Το ίδιο μπορεί σίγουρα να υιοθετηθεί από τους ιστοτόπους. Χρησιμοποιήστε εικόνες που καταλαμβάνουν ολόκληρη την οθόνη του χρήστη. Θα τραβήξουν την προσοχή του επισκέπτη, ενώ θα είναι πιο οπτικά ελκυστικές. Η ενσωμάτωση μεγάλων εικόνων στο σχέδιό σας είναι μια τολμηρή κίνηση και αυτή που μπορεί πραγματικά να ξεχωρίσει το σχεδιασμό μιας ιστοσελίδας.
Ditch μεγάλα τμήματα του κειμένου
Αυτός ίσως δεν φαίνεται αρκετά προφανής στην αρχή. Μετά από όλα, τα περισσότερα περιοδικά έχουν τεράστια μπλοκ κειμένου. Ολόκληρες σελίδες, στην πραγματικότητα.
Αλλά αυτά τα μεγάλα τεμάχια του κειμένου γενικά διαλύονται από πράγματα όπως αποσπάσματα ή εικόνες. Έχετε σπάνια σελίδα μετά τη σελίδα μετά από σελίδα κειμένου στα περιοδικά των καταναλωτών (οι εμπορικές ή επιστημονικές δημοσιεύσεις μπορεί να είναι διαφορετική ιστορία).
Έτσι αντί να σχεδιάσετε το κύριο κείμενο του ιστότοπού σας σε μεγάλα κομμάτια, σπάστε το με τυπογραφικά στοιχεία, εικόνες, ακόμα και διαφήμιση. Ακόμα και τα πράγματα τόσο απλά όσο η διατήρηση των παραγράφων σας σε σύντομο χρονικό διάστημα και η διάσπαση του περιεχομένου σας σε τμήματα με επικεφαλίδες μπορούν να κάνουν τεράστια διαφορά στην αναγνωσιμότητα και στην κατοχή του ενδιαφέροντος των επισκεπτών σας.
Χρησιμοποιήστε το πλέγμα, αλλά μην φοβάστε να το σπάσετε
Τα περιοδικά παρουσιάζονται αρκετά αυστηρά σε ένα πλέγμα. Αλλά ταυτόχρονα, θα δείτε συχνά τις διατάξεις που σκορπίζουν σκοπίμως το πλέγμα. Τα στοιχεία όπως οι εικόνες ή τα αποσπάσματα αποστέλλονται στις στήλες, προσδίδοντας οπτικό ενδιαφέρον στο σχεδιασμό της διάταξης.
Ενώ το σπάσιμο έξω από το πλέγμα μπορεί να είναι λίγο πιο τεχνικά δύσκολο για τον σχεδιαστή ιστοσελίδων από τον σχεδιαστή της εκτύπωσης, εξακολουθεί να είναι κάτι που μεταφράζεται καλά από την εκτύπωση σε ψηφιακό σχέδιο.
Χρειάζεστε ένα ισχυρό teaser
Το εξώφυλλο ενός περιοδικού χρησιμεύει ως δίδακτρα. Όταν ένας καταναλωτής περιηγεί σε ένα περίπτερο, το εξώφυλλο ενός περιοδικού χρησιμεύει για να προσελκύσει την προσοχή του. Είναι η μόνη ευκαιρία που έχουν τα περισσότερα περιοδικά να προσελκύσουν έναν νέο αναγνώστη ή να προσελκύσουν έναν υπάρχοντα αναγνώστη για να ελέγξουν το νέο θέμα.
Οι ιστότοποι δεν έχουν πραγματικά "καλύμματα" (σίγουρα δεν προτείνω να χρησιμοποιείτε κινούμενα intros ή splash σελίδες για να σχεδιάσετε επισκέπτες μέσα), αλλά έχουν teasers. Αυτό βλέπει ο επισκέπτης όταν εμφανίζεται για πρώτη φορά στον ιστότοπό σας. Είναι η επικεφαλίδα, ο τίτλος, η πλοήγηση, το οπτικό στυλ και η ευκολία χρήσης. Βασικά, η αρχική εμπειρία χρήστη.
Χωρίς ένα μεγάλο teaser, ένας επισκέπτης είναι πιθανό να κάνει κλικ στο πίσω κουμπί του browser του, ακριβώς όπως θα αγνοούσαν ένα περιοδικό με μια μη ενδιαφέρουσα κάλυψη στο περίπτερο. Κοιτάξτε την εντύπωση που δίνει ο ιστότοπός σας αρχικά με ένα κρίσιμο μάτι και ρωτήστε τον εαυτό σας αν θα έπρεπε να παραμείνετε ειλικρινά γύρω για να διαβάσετε πραγματικά περισσότερα από το site.
συμπέρασμα
Ενώ πολλές από τις αρχές της διάταξης του περιοδικού και του σχεδιασμού μπορούν εύκολα να εφαρμοστούν στο σχεδιασμό ιστοσελίδων, θυμηθείτε ότι δεν πρόκειται πραγματικά για την εφαρμογή αρχών απευθείας από το ένα μέσο στο άλλο. Αντ 'αυτού, πρόκειται για τη διερεύνηση άλλων μορφών σχεδιασμού και των λεπτομερειών μιας συγκεκριμένης μορφής και για την κατανόηση του τι μπορεί να μεταφερθεί από μια πειθαρχία στην άλλη. Η σκέψη για τα σχέδιά σας με αυτούς τους όρους θα σας οδηγήσει σίγουρα να δοκιμάσετε νέα πράγματα και να πειραματιστείτε με ιδέες από άλλες μορφές. Κάποιοι μπορεί να δουλέψουν και κάποιοι μπορεί να μην το κάνουν, αλλά ο καλός σχεδιασμός είναι καλός σχεδιασμός.
Παραδείγματα σελίδων που λαμβάνονται από .net Magazine και Κήπος και όπλο .