Ψάχνετε για μερικές καλύτερες πρακτικές διάταξης ιστολογίου; Βλέποντας παραδείγματα απίστευτων σχεδίων ιστολογίου μπορεί να σας παρακινήσει να φτιάξετε το δικό σας αριστούργημα. Με αυτήν τη λίστα με τα κορυφαία σχέδια ιστολογίου, θα είμαστε σε θέση να σας βοηθήσουμε σήμερα.
Το blogging είναι ένα είδος αφήγησης. Ένα καλοσχεδιασμένο blog γίνεται επέκταση των ιστοριών που λέτε. Ένα απλό, λιτό τεχνολογικό ιστολόγιο μπορεί να μεταφέρει σοβαρότητα και σαφήνεια. Η διασκέδαση και η σχετικότητα προτείνονται από ένα πολύχρωμο, καρτουνίστικο ιστολόγιο γονέων.
Η ικανότητα ενός σχεδίου να λέει μια αφήγηση δεν πρέπει ποτέ να κρύβει ή να εμποδίζει την ικανότητα του αναγνώστη να διαβάσει το ιστολόγιο. Ένας έξυπνος σχεδιασμός ιστολογίου επικοινωνεί μια αφήγηση ενώ εξακολουθεί να είναι συμβατικός και ευχάριστος στην ανάγνωση (μην δημιουργείτε τίποτα τόσο περίεργο ώστε οι άνθρωποι να μπερδεύονται!).
Αυτή είναι μια επιλογή από ιστολόγια που θεωρώ ότι αποτελούν σταθερά παραδείγματα εξαιρετικού σχεδιασμού ιστολογίων σε μια ποικιλία επιχειρήσεων.
Όσοι έχουν ήδη αρχίσει να γράφουν στο blog πιθανότατα διάλεξαν ένα θέμα WordPress και άφησαν τη βασική δομή αυτού του θέματος να καθορίσει τη διάταξη του ιστότοπού τους… κάτι που είναι αποδεκτό.
Επιλέγοντας ένα φανταστικό θέμα είναι μια μέθοδος για να διασφαλίσετε ότι το ιστολόγιό σας φαίνεται εξαιρετικό, αλλά δεν πρέπει να είναι η μόνη σκέψη όταν αποφασίζετε για τη διάταξη του ιστότοπού σας.
Με τη μεγάλη ποικιλία επιλογών που είναι διαθέσιμες σήμερα, η απόφαση για το ιδανικό στυλ ιστολογίου και τη λειτουργικότητα σχεδίασης μπορεί να είναι μια πρόκληση. Συγκεντρώσαμε μια λίστα με δώδεκα από τις καλύτερες διατάξεις ιστολογίου (μαζί με τις βέλτιστες πρακτικές) για να σας βοηθήσουμε να κάνετε κρίσεις σχετικά με τα σχέδια, τα πρότυπα, τις γραμματοσειρές, τους συνδυασμούς χρωμάτων και πολλά άλλα.
Περιεχόμενα
Τι κάνει έναν υπέροχο σχεδιασμό ιστολογίου;
Ας εξετάσουμε μερικές βασικές οδηγίες σχεδίασης ιστολογίου προτού ξεκινήσουμε.
Ίσως πιστεύετε ότι ένας υπέροχος σχεδιασμός ιστολογίου χρειάζεται πολλά εντυπωσιακά κινούμενα σχέδια, πολύπλοκη τυπογραφία, συμπεριλαμβανομένων πολλών συναρπαστικών widget, αλλά αυτό δεν ισχύει.
Εάν ο σχεδιασμός του ιστολογίου σας είναι υπερβολικά απασχολημένος, μπορεί να προκαλέσει απόσπαση της προσοχής των αναγνωστών, νικώντας την πιο ζωτική πτυχή ενός επιτυχημένου σχεδιασμού ιστολογίου: την αναγνωσιμότητα.
Οι επισκέπτες πρέπει να μπορούν να διαβάσουν το περιεχόμενό σας χωρίς δυσκολία, διαφορετικά δεν θα επιστρέψουν.
Λοιπόν, εδώ είναι μερικά χαρακτηριστικά μιας εξαιρετικής διάταξης και σχεδίου ιστολογίου που δίνει προτεραιότητα στην αναγνωσιμότητα:
- Λευκός χώρος: Ο λευκός χώρος είναι ένας κενός χώρος μεταξύ και γύρω από αντικείμενα σε μια σελίδα που δεν είναι απαραίτητα λευκό. Χρησιμοποιήστε το κενό διάστημα στη σχεδίαση του ιστολογίου σας για να τραβήξετε την προσοχή σε βασικές ενότητες, όπως το περιεχόμενό σας.
- Πλοήγηση: Το ιστολόγιό σας θα πρέπει να περιλαμβάνει ένα μενού πλοήγησης, έτσι ώστε οι αναγνώστες να μπορούν απλώς να βρουν το δρόμο τους στις σελίδες ή τα άρθρα που αναζητούν.
- Κεφαλίδα ιστολογίου: Όταν οι αναγνώστες φτάνουν στο ιστολόγιό σας, η περιοχή κεφαλίδας στο επάνω μέρος της σελίδας είναι γενικά το πρώτο πράγμα που βλέπουν. Καθιερώνει τον τόνο του ιστότοπού σας και προσελκύει κόσμο. Θα πρέπει να περιλαμβάνονται μια εικόνα υψηλής ποιότητας, το λογότυπό σας και μια σύντομη περιγραφή του θέματος του ιστολογίου σας.
- Κάρτες ιστολογίου: Η χρήση καρτών ή μικρογραφιών για την εμφάνιση των αναρτήσεων του ιστολογίου σας σάς επιτρέπει να διαχειρίζεστε μεγάλο όγκο υλικού για τους αναγνώστες σας. Μια επιλεγμένη εικόνα, τίτλος, ημερομηνία, όνομα συγγραφέα, απόσπασμα ιστολογίου, κατηγορία και κουμπί "Διαβάστε περισσότερα" είναι όλα κοινά χαρακτηριστικά των μικρογραφιών ιστολογίου.
- Κοινωνική κοινή χρήση: Η συμπερίληψη της λειτουργίας κοινωνικής κοινής χρήσης στο ιστολόγιό σας επιτρέπει στους χρήστες να μοιράζονται εύκολα το υλικό σας στο διαδίκτυο. Μια προσθήκη όπως το Shared Counts διευκολύνει την προσθήκη εικονιδίων κοινής χρήσης κοινωνικών δικτύων στον ιστότοπό σας.
Αυτές είναι μόνο μερικές συνιστώμενες πρακτικές που πρέπει να θυμάστε, αλλά θα πρέπει να είναι πολλές για να ξεκινήσετε.
Διαβάστε επίσης: Πώς να ξεκινήσετε ένα blog;
8 καλύτερα παραδείγματα διάταξης ιστολογίου
Ακολουθεί η λίστα με τις καλύτερες διατάξεις ιστολογίου (μαζί με τις βέλτιστες πρακτικές) που θα σας βοηθήσουν να κάνετε κρίσεις σχετικά με τα σχέδια, τα πρότυπα, τις γραμματοσειρές, τους συνδυασμούς χρωμάτων και πολλά άλλα.
-
Με εκτίμηση Jules
Με όμορφο σχεδιασμό, το Sincerely Jules είναι ένας διάσημος ιστότοπος μόδας και τρόπου ζωής. Ο ιστότοπος του ιστολογίου της έχει μια εικόνα κεφαλίδας πλήρους πλάτους της πιο πρόσφατης ανάρτησης ιστολογίου, καθώς και έναν σύνδεσμο για την ανάγνωση του περιεχομένου.
Στην επάνω αριστερή γωνία, υπάρχει ένα μενού πλοήγησης και οι συνδέσεις με τις πλατφόρμες κοινωνικών μέσων της εμφανίζονται κάθετα στη δεξιά πλευρά.
Περισσότερες από τις πρόσφατες αναρτήσεις του ιστολογίου της εμφανίζονται με τεράστιες, εντυπωσιακές μικρογραφίες καθώς κάνετε κύλιση προς τα κάτω στη σελίδα.
Η Jules έχει συμπεριλάβει τη ροή της στο Instagram στο κάτω μέρος της σελίδας.
Αυτό μπορεί να σας βοηθήσει με τους εξής τρόπους:
- Διατηρείτε το ιστολόγιό σας ενημερωμένο με νέα πράγματα σε τακτική βάση.
- Ενισχύστε τη συμμετοχή.
- Αυξήστε τον αριθμό των ατόμων που σας ακολουθούν στα μέσα κοινωνικής δικτύωσης.
-
Ένα φλιτζάνι Jo
Το A Cup of Jo είναι άλλος ένας βασικός σχεδιασμός ιστολογίου που εστιάζει μόνο στο περιεχόμενο, το οποίο περιλαμβάνει κουζίνα, σχέδιο, ταξίδια, γονεϊκότητα και άλλα θέματα.
Η γραμμή πλοήγησης στο επάνω μέρος της σελίδας, παρόμοια με το προηγούμενο παράδειγμα, χωρίζει το υλικό σε ευδιάκριτες κατηγορίες και οι πιο πρόσφατες καταχωρήσεις παρουσιάζονται καθώς κάνετε κύλιση προς τα κάτω στη σελίδα.
Ο σχεδιασμός αυτού του ιστολογίου περιλαμβάνει επίσης τα ακόλουθα στοιχεία:
- Μια φόρμα συμμετοχής για email.
- Το εικονίδιο στα μέσα κοινωνικής δικτύωσης.
- Αναρτήσεις ιστολογίου με πολλή επισκεψιμότητα.
- Αναρτήσεις που σχετίζονται.
-
TED Blog
Το TED Blog έχει μια κομψή εμφάνιση και αίσθηση που είναι ιδανικό για ειδησεογραφικά ιστολόγια και ιστοσελίδες.
Το γραφικό banner πλήρους πλάτους στην κορυφή της σελίδας προωθεί το πιο πρόσφατο περιεχόμενο. Κάτω από τον τίτλο και την περιγραφή του ιστολογίου εμφανίζεται ένα κουμπί παρότρυνσης για δράση για να παροτρύνει τους αναγνώστες να διαβάσουν το περιεχόμενο.
Οι επισκέπτες μπορούν να περιηγηθούν σε όλα τα πιο πρόσφατα άρθρα του ιστολογίου κάτω από αυτήν την ενότητα.
Οι επισκέπτες μπορούν επίσης να ταξινομήσουν τα άρθρα στον ιστότοπο κατά νεότερες, δημοφιλέστερες ή άλλες κατηγορίες TED.
-
Copyblogger
Ο ιστότοπος Copyblogger διαθέτει ένα καθαρό, μινιμαλιστικό στυλ με άφθονο λευκό χώρο. Αυτός ο σχεδιασμός ιστολογίου δείχνει ότι δεν χρειάζεστε πολλά πράγματα για να κάνετε μια σελίδα αποτελεσματική ή ενδιαφέρουσα. Αντίθετα, μπορείτε να επιτρέψετε στο φανταστικό περιεχόμενό σας να μιλήσει.
Οι μικρογραφίες των πιο πρόσφατων άρθρων εμφανίζονται σε αυτήν τη σελίδα. Οι επισκέπτες μπορούν να διαβάσουν ολόκληρη την ανάρτηση κάνοντας απλώς κλικ στη μικρογραφία.
Το Copyblogger παρέχει έναν οδηγό μαγνήτη στο κάτω μέρος της σελίδας για να κάνει τους αναγνώστες να συμμετάσχουν στη λίστα μάρκετινγκ ηλεκτρονικού ταχυδρομείου τους.
-
TechCrunch
Ο μινιμαλιστικός σχεδιασμός ιστολογίου του TechCrunch είναι ιδανικός για αναγνώστες που θέλουν να μεταβούν απευθείας στις πιο πρόσφατες ειδήσεις τεχνολογίας.
Στο επάνω μέρος της σελίδας, υπάρχουν επισημασμένες καταχωρήσεις ιστολογίου. Στη συνέχεια, οι πιο πρόσφατες αναρτήσεις εμφανίζονται σε μια κατακόρυφη λίστα.
Στην αριστερή πλευρά, υπάρχει ένας πίνακας πλοήγησης και μια γραμμή αναζήτησης για να βοηθήσετε τους επισκέπτες να εντοπίσουν γρήγορα αυτό που αναζητούν.
-
Jess Ann Kirby
Αυτός ο υπέροχος, καθαρός ιστότοπος για τον τρόπο ζωής, τη μόδα και τα ταξίδια ανήκει στην Jess Ann Kirby.
Αλλά είναι ο τρόπος με τον οποίο η Jess προωθεί τα είδη θυγατρικών της που πραγματικά ξεχωρίζουν.
Ερωτήσεις από τους αναγνώστες της εμφανίζονται στην περιοχή "Αιτήματα αναγνωστών" στην κορυφή του ιστότοπου, όπως: Έχετε να προτείνετε φυσικά αποσμητικά;
Όταν κάνετε κλικ σε αυτήν την ερώτηση, θα μεταφερθείτε σε μια σελίδα όπου προσφέρει σχετικά στοιχεία μέσω συνδέσμων συνεργατών.
Έχει επίσης μια περιοχή "Αγαπημένα αναγνωστών" όπου εμφανίζει αντικείμενα θυγατρικών σε ένα καρουζέλ.
-
The Crafty Needle
Το ιστολόγιο του Crafty Needle είναι μάλλον απλό στη σχεδίαση. Για να το κάνουν πιο διασκεδαστικό, χρησιμοποιούν πολλά χρώματα και εντυπωσιακές εικόνες.
Το γραφικό κεφαλίδας ιστότοπου πλήρους πλάτους ενημερώνει τους αναγνώστες για το περιεχόμενο του ιστολογίου.
Καθώς κάνετε κύλιση προς τα κάτω, θα δείτε καταχωρήσεις ιστολογίου οργανωμένες σε τρεις κατηγορίες: ράψιμο, κέντημα και καπιτονέ.
Διαθέτουν επίσης μια περιοχή "Ξεκινήστε εδώ", όπου οι αρχάριοι μπορούν να λάβουν τις πιο κατάλληλες πληροφορίες για αυτούς.
Τελική απόφαση
Πώς θα οργανώσετε το σχεδιασμό του δικού σας ιστολογίου τώρα που καλύψαμε όλες τις πιο σημαντικές βέλτιστες πρακτικές διάταξης ιστολογίου και αξιολογήσαμε έναν τόνο παραδειγμάτων διάταξης ιστολογίου;
Τώρα εναπόκειται σε εσάς να εφαρμόσετε όλα όσα έχετε μάθει στη σχεδίαση του δικού σας ιστολογίου και στη συνολική σχεδίαση του ιστότοπού σας.
- Ποια είναι τα σχέδιά σας για την προσαρμογή αυτών των ιδεών διάταξης ιστολογίου ώστε να ανταποκρίνονται στο όραμά σας;
- Πώς πιστεύετε για τα δείγματα διάταξης ιστολογίου που έχετε δει μέχρι τώρα (και γιατί);
- Έχετε ανακαλύψει προβλήματα διάταξης ιστολογίου που είστε έτοιμοι να διορθώσετε;
Θυμηθείτε, κανείς δεν πρέπει ποτέ να κάνει αντίγραφο της διάταξης ιστολογίου κάποιου άλλου. Η λογοκλοπή είναι ένας όρος που χρησιμοποιείται για να περιγράψει την πράξη της αντιγραφής της δουλειάς κάποιου άλλου. Ωστόσο, οι διατάξεις ιστολογίου που έχετε δει σε αυτό το άρθρο μπορεί να εξακολουθούν να παρέχουν πολλή έμπνευση, επειδή έχουν δημιουργηθεί σκόπιμα για να προσελκύουν (και να διατηρούν) επισκέπτες με την πάροδο του χρόνου.
Επίσης, λάβετε υπόψη ότι οι διατάξεις ιστολογίου που έχετε δει εδώ ακολουθούν δοκιμασμένες και αληθινές βέλτιστες πρακτικές για τη μείωση του ποσοστού εγκατάλειψης και την ενθάρρυνση των επισκεπτών να επιστρέψουν στον ιστότοπό σας για περισσότερα.
