Blog design: O απόλυτος οδηγός για να φτιάξεις το blog που ονειρεύεσαι + FREEBIES

Διάβασε επίσης

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

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


Τι περιλαμβάνει ο οδηγός για να σχεδιάσεις το blog σου :

• 5 συνδυασμοί γραμματοσειρών για ένα πετυχημένο blog header
• Tutorial: Πώς να τοποθετήσεις το blog header στο κέντρο + 5 free blog headers για να χρησιμοποιήσεις
• 15 καλύτερες γραμματοσειρές για blogs
• 5 συμβουλές για τη σωστή επιλογή χρωμάτων όταν σχεδιάζεις ένα blog ή website
• Τι συμβολίζει το κάθε χρώμα στη σχεδίαση του ιστολογίου σου και 16 color palettes για να εμπνευστείς και να δημιουργήσεις το blog των ονείρων σου
• Πώς να κάνεις back up της τωρινής σχεδίασης του ιστολογίου σου (video tutorial)

Δεν προλαβαίνεις να διαβάσεις τον οδηγό τώρα; 

Καρφίτσωσέ τον στο Pinterest 

για να τον διαβάσεις με την ησυχία σου όταν έχεις χρόνο!

ΠΡΟΣΟΧΗ: Πριν κάνεις οποιαδήποτε αλλαγή στο blog σου κάνε πρώτα back up

5 συνδυασμοί γραμματοσειρών για ένα πετυχημένο blog header

Πρόκειται για συνδυασμούς που δίνουν ένα άψογο και επαγγελματικό στιλ στο ιστολόγιο σου.

• Alegreya Small Caps 
• Sacramento 

• Great Vibes 
• Aileron Thin 

• Amatic Small Caps 
• Allura 

• Oswald 
• Code 

• Bebas Neue 
• Glass Antiqua 

Πώς να κεντράρεις το blog header Tutorial

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

Στο blogger.com ακολουθείς τα βήματα 
Πρότυπο=>Προσαρμογή=>Προηγμένη=>Προσθήκη CSS

Εκεί κάνεις επικόλληση τον παρακάτω κώδικα

#header-inner img {margin: 0 auto !important;} #header-inner {text-align:center !important;}

Στην συνέχεια πατάς "Εφαρμογή στο ιστολόγιο".

Αυτό ήταν ο τίτλος του blog έχει τοποθετηθεί στο κέντρο!

FREE blog headers

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

DOWNLOAD

DOWNLOAD

DOWNLOAD

DOWNLOAD

Download

Πάτησε download και αυτόματα θα αποθηκευτεί το header που θέλεις στον υπολογιστή σου, όπου μπορείς μετά να τo επεξεργαστείς για να προσθέσεις τον τίτλο του blog σου (το αρχείο που θα κατεβάσεις δε θα έχει γράμματα).

15 καλύτερες γραμματοσειρές για bloggers

Η γραμματοσειρά σε ένα ιστολόγιο πρέπει να είναι ευανάγνωστη στο κοινό, συνεπώς χρειάζεται προσοχή στην επιλογή της.

Φυσικά ανάλογα με τον χαρακτήρα σου, μπορείς να διαλέξεις ανάμεσα από τις 15 πιο δημοφιλείς γραμματοσειρές στην σχεδίαση ενός blog, είτε για τον κεντρικό τίτλο είτε για τα διάφορα gadget.

Playful

• Amatic Small Caps 

• Fredoka One 

• Sunday

Bold

• Oswald 

• Raleway Heavy 

• Cooper Hewitt Heavy 

Thin

• Aileron Thin 

• Archivo Narrow 

• Nixie One 

Brush

• Waterlily 

• Selina 

• Edo 

Handwrite

• Great Vibes 

• Parisien 

• Satisfy 

Σημείωση: Δυστυχώς οι συγκεκριμένες γραμματοσειρές δεν υποστηρίζουν ελληνικούς χαρακτήρες εκτός από την Sunday. 

5 tips για τη σωστή επιλογή χρωμάτων στη σχεδίαση του ιστολογίου σου + FREE color palettes για να εμπνευστείς

Τα χρώματα στην εμφάνιση μπορούν να συμβάλλουν σημαντικά στο αν ο επισκέπτης θα μείνει ή όχι στο blog σου.

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

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

• Επέλεξε χρώματα που αρέσουν και σε φτιάχνουν την διάθεση. Προσοχή όμως μην το παρακάνεις.
• Κάνε μια έρευνα για τα χρώματα που χρησιμοποιούνται γενικά σε blogs.
• Αναζήτησε ή δημιούργησε χρωματικές παλέτες χρωμάτων που συνδυάζονται αρμονικά μεταξύ τους και δεν ξεπερνούν τα 6 χρώματα (παρακάτω θα βρεις 16 color palettes για να εμπνευστείς)
• Δώσε βάση στην ψυχολογία που θα εκπέμπει το ύφος του blog και θα αισθανθεί ο επισκέπτης. 
• Χρησιμοποίησε μαύρο κείμενο και άσπρο φόντο, μπορεί να μην είναι πρωτότυπη ιδέα όμως είναι η πιο καλύτερη για τα μάτια των αναγνωστών.Απέφυγε τα έντονα χρώματα ως φόντο του κειμένου αναρτήσεων γιατί κουράζουν τα μάτια και γίνεται δύσκολη η ανάγνωση, γι΄ αυτό η ασφαλής επιλογή είναι το λευκό φόντο.

Αν την επόμενη φορά που θα αλλάξεις εμφάνιση στο blog σου εφαρμόσεις τα tips τότε θα δημιουργήσεις την ιδανική εμφάνιση στο blog σου για σένα και τους αναγνώστες σου!

Τι συμβολίζει κάθε ένα από τα βασικά και συμπληρωματικά χρώματα στο σχεδιασμό του blog ή του website σου

Τα χρώματα χωρίζονται στα τρία βασικά κόκκινο, κίτρινο, μπλε και τα τρία συμπληρωματικά χρώματα πορτοκαλί, πράσινο και μοβ. 

Τι συμβολίζει το κόκκινο

Πρώτο χρώμα που θα δούμε είναι το κόκκινο που προκαλεί έντονα συναισθήματα.

 Όταν χρησιμοποιείται στη σχεδίαση ενός ιστολογίου δείχνει κομψότητα και επαγγελματισμό.

Παρακάτω σου δίνω μερικές ιδέες για το πώς να το συνδυάσεις.

Τι συμβολίζει το πορτοκαλί

Συνεχίζω με το χρώμα πορτοκαλί που εκφράζει μια παιχνιδιάρικη διάθεση.

Στην σχεδίαση του ιστολογίου δημιουργεί μια φιλική αίσθηση.

Ιδέες για χρωματικούς συνδυασμούς:

Τι συμβολίζει το κίτρινο

Το κίτρινο είναι το χρώμα  που τραβάει την προσοχή.

Στην σχεδίαση του ιστολογίου δίνει την αίσθηση θετικής ενέργειας.

Προτάσεις για χρωματικές παλέτες:

Τι συμβολίζει το πράσινο

Το πράσινο χρώμα αντιπροσωπεύει τη φρεσκάδα και την ανανέωση.

Στον σχεδιασμό του ιστολογίου δείχνει ισορροπία και αρμονία.

Χρωματικοί συνδυασμοί:

Τι συμβολίζει το μπλε

Το μπλε χρώμα δίνει την αίσθηση της εξουσίας.

Όταν χρησιμοποιείται στη σχεδίαση ενός ιστολογίου υποδηλώνει δυναμισμό.

Τρόποι να το συνδυάσεις με άλλα χρώματα:

Τι συμβολίζει το μωβ

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

Στην σχεδίαση του ιστολογίου δείχνει ενέργεια και δημιουργικότητα.

Ιδανικοί συνδυασμοί χρωμάτων:

Μερικές ακόμα color palettes για να σχεδιάσεις το ιστολόγιο ή την ιστοσελίδα σου

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

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

Πώς να κάνεις back up του template σου

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

Διάβασε σχετικά: 10 sites με δωρεάν responsive templates για το blog σου
αλλά και 12 συνηθισμένα λάθη στη σχεδίαση ενός blog και πώς να τα αποφύγεις

Ο λόγος σε σένα!

Πώς σου φάνηκε ο οδηγός που σου ετοιμάσαμε; 

Υπάρχει κάτι άλλο που θα ήθελες να μάθεις σχετικά με το blog design; 

Άφησέ μας σχόλιο ώστε να το αναλύσουμε σε επόμενο άρθρο.

Ελευθερία από Diary of a beauty addict
Επιμέλεια: Δέσποινα από Despina's studio