Τέσσερις μικροσκοπικές αρχές σχεδιασμού ιστολογίου που κάνουν μεγάλη διαφορά - 💡 Fix My Ideas

Τέσσερις μικροσκοπικές αρχές σχεδιασμού ιστολογίου που κάνουν μεγάλη διαφορά

Τέσσερις μικροσκοπικές αρχές σχεδιασμού ιστολογίου που κάνουν μεγάλη διαφορά


Συγγραφέας: Ethan Holmes, 2019

Από την Diane Gilleland Εμείς οι bloggers είμαστε τόσο τυχεροί - ανεξάρτητα από το ποια πλατφόρμα blogging χρησιμοποιούμε, έχουμε χιλιάδες πρότυπα σχεδίασης για να διαλέξετε. Όχι μόνο αυτό, ένας αυξανόμενος αριθμός από αυτούς είναι προσαρμόσιμοι. Ακόμα, είναι εύκολο να κατακλυστεί σε όλες αυτές τις οπτικές επιλογές. Τι είδους κεφαλίδα θα πρέπει να χρησιμοποιήσουμε; Πόσες στήλες; Τι χρώμα θα πρέπει να είναι οι σύνδεσμοι μας; Πρέπει να έχουμε φόντο ή όχι; Επομένως, ας απλοποιήσουμε όλη τη συζήτηση για το blog-design. Ακολουθούν τέσσερα μικρά στοιχεία για να αναζητήσετε όταν αξιολογείτε ένα πρότυπο ιστολογίου - ή προσθέτοντας τις δικές σας προσαρμογές. Αυτές οι μικρές έννοιες μπορούν να κάνουν οποιοδήποτε blog πιο όμορφο.

Λευκός χώρος (ή κενός χώρος) Ως ιστολόγια τέχνης, γράφουμε για ένα πολύ οπτικά προσανατολισμένο κοινό. Τα blogs μας θα περιέχουν φυσικά πολλές εικόνες, γραφικά sidebar και άλλα διάφορα candy eye. Αυτό είναι υπέροχο, αλλά πάρα πολύ καραμέλα ματιών μπορεί να γεμίσει πραγματικά ένα blog και να συντρίψει τους αναγνώστες. Αντ 'αυτού, προσπαθήστε να δώσετε σε κάθε οπτικό στοιχείο στο ιστολόγιό σας ένα μαξιλάρι λευκού χώρου. Αυτό βοηθά το μάτι του αναγνώστη σας να κινείται πιο εύκολα από το ένα σημείο στο άλλο. Μια μικρή καλύβα, πάνω, είναι ένα όμορφο παράδειγμα αυτής της ιδέας - δείτε πώς κάθε στοιχείο περιβάλλεται από λευκό χώρο; (Εάν το ιστολόγιό σας χρησιμοποιεί χρώμα φόντου, τότε ο "λευκός χώρος" θα είναι "χώρος χρώματος φόντου".) Λάβετε υπόψη ότι αυτή η ιδέα για το λευκό διάστημα ισχύει και για το κείμενο στο ιστολόγιό σας. Μακριά, αδιάσπαστα μπλοκ κειμένου είναι πολύ αποθαρρυντικά σε μια οθόνη του υπολογιστή, και μπορεί να αναγκάσει τους αναγνώστες σας για να μεταβείτε απλά στο επόμενο blog. Κάντε το ιστολόγιό σας πιο φιλικό προς τον αναγνώστη, σπάζοντας το γράμμα σας σε μικρότερες παραγράφους και αφήνοντας ένα μικρό κενό μεταξύ τους.

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

Οπτική ιεραρχία Αυτό είναι απλά ένας φανταχτερός όρος για "Τι βλέπει το μάτι πρώτα; Τι βλέπει το δεύτερο; Και το τρίτο; "Ένας μπλόγκερ λάθος κάνει είναι εστιάζεται σε κάθε στοιχείο ενός blog στην απομόνωση - ας πάρουμε ότι Etsy μίνι! Ας κάνουμε μια εκπληκτική κεφαλίδα! Ας φτιάξουμε όλα τα πρωτοσέλιδα πράσινα! Είναι πιο σημαντικό να θυμάστε ότι όλα τα στοιχεία του ιστολογίου σας πρέπει να συνεργαστούν και να μοιραστούν τη σκηνή με λογικό τρόπο. Ρίξτε μια ματιά στο twirling betty, παραπάνω. Η κεφαλίδα είναι ζωντανή και απλή, και τα χρώματα της αντίθεση όμορφα με το μπλε φόντο. Το μάτι σας πηγαίνει πρώτα στην κεφαλίδα, και στη συνέχεια μπορεί να ταξιδέψει στην πρώτη φωτογραφία post blog, και από εκεί στην πλαϊνή μπάρα.

Εδώ είναι μια ελαφρώς διαφορετική ανάληψη αυτής της ιδέας - elsie marley. Σε αυτή την περίπτωση, είναι οι φωτογραφίες του blog post που τραβούν το μάτι σας πρώτα. Στη συνέχεια, μπορείτε να δείτε την απλή κεφαλίδα και πλευρικές γραμμές. Ποιο είναι το πιο εμφανές οπτικό στοιχείο στο ιστολόγιό σας; Και από πού πηγαίνει το μάτι σας από εκεί; Εδώ είναι μια καλή δοκιμή: βρείτε μερικούς φίλους που δεν διαβάζουν τακτικά το ιστολόγιό σας. Ζητήστε τους να δουν την αρχική σας σελίδα και να λάβουν απαντήσεις πρώτης εμφάνισης σε αυτές τις δύο ερωτήσεις.

Ένταση χρώματος Κάθε πρότυπο blog έχει ένα συγκεκριμένο συνδυασμό χρωμάτων, το οποίο συνήθως περιλαμβάνει συνδυασμό χρωμάτων φόντου και χρωμάτων τύπου. Όταν επιλέγετε μια κεφαλίδα για το ιστολόγιό σας, βεβαιωθείτε ότι τα χρώματα της είναι καλά συντονισμένα με το πρότυπο. Και αυτό είναι λίγο πιο δύσκολο, αλλά και να παρακολουθήσετε τα συνολικά χρώματα στις φωτογραφίες που χρησιμοποιείτε στο ιστολόγιό σας. Η Wendolonia είναι ένα πολύ καλό παράδειγμα αυτής της ιδέας. Υπάρχει έντονη παρουσία χρώματος σε αυτές τις ρίγες φόντου, αλλά τα χρώματα στις φωτογραφίες της συντονίζονται όμορφα μαζί τους. Εάν επιλέξετε ένα πρότυπο ιστολογίου με έντονη παρουσία χρώματος, λάβετε υπόψη ότι θα πρέπει να συντονίζετε την επιλογή φωτογραφίας, κεφαλίδας και κουμπιού πλευρικής εργαλειοθήκης με την πάροδο του χρόνου. Αν προτιμάτε να έχετε λίγο περισσότερη ευελιξία χρώματος, δοκιμάστε ένα απλούστερο πρότυπο χωρίς χρώματα. Ποιο είναι το προφίλ χρωμάτων του ιστολογίου σας; Πόσο καλά συντονίζονται όλα τα στοιχεία; Δοκιμάστε να εφαρμόσετε αυτές τις μικροσκοπικές αρχές σχεδιασμού στο ιστολόγιό σας και δείτε τη μεγάλη διαφορά! Σχετικά με τον Συγγραφέα:

Η Diane Gilleland παράγει το CraftyPod, ένα blog και ένα διμηνιαίο podcast για την παραγωγή στοιχείων. Το πρώτο της βιβλίο, Kanzashi στο Bloom είναι επί του παρόντος έξω σε βιβλιοπωλεία.



Μπορεί Να Σας Ενδιαφέρει

Η Nvidia εγκαινιάζει $ 99 Jetson Board for Makers, αυτοματοποιημένο λογισμικό ρομπότ

Η Nvidia εγκαινιάζει $ 99 Jetson Board for Makers, αυτοματοποιημένο λογισμικό ρομπότ


Γιορτάζοντας την Ημέρα Πι στο Hackathon RVR Sphero

Γιορτάζοντας την Ημέρα Πι στο Hackathon RVR Sphero


Corinne Okada Takara: Φέρνοντας βιολογία και βιώσιμα υλικά στους χώρους δημιουργίας νέων

Corinne Okada Takara: Φέρνοντας βιολογία και βιώσιμα υλικά στους χώρους δημιουργίας νέων


Παρακολουθήστε αυτό το φίδι ρομπότ ανεβαίνουν κάθετους τοίχους

Παρακολουθήστε αυτό το φίδι ρομπότ ανεβαίνουν κάθετους τοίχους