Παρασκευή, Σεπτεμβρίου 28, 2018

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

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

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


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

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


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

Blog desing Ultimate guide to create your dream blog and freebies

Δεν προλαβαίνεις να διαβάσεις τον οδηγό τώρα; 
Καρφίτσωσέ τον στο Pinterest 
για να τον διαβάσεις με την ησυχία σου όταν έχεις χρόνο!


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

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


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


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

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;}


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

Tutorial: Πώς να τοποθετήσεις το blog header στο κέντρο

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


FREE blog headers


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



Blog Header Dots Colorful FREE


Blog Header Dots Pink FREE



Blog Header Tropical FREE


Blog Header Cupcake FREE


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

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


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 


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

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


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


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

5 tips για την σωστή επιλογή χρωμάτων στο blog


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

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

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

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


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

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

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


Σχεδιασμός blog με βάση το χρώμα : Κόκκινο




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


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


Παρακάτω σου δίνω μερικές ιδέες για το πώς να το συνδυάσεις.
Σχεδιασμός blog με βάση το χρώμα : Κόκκινο

Σχεδιασμός blog με βάση το χρώμα : Κόκκινο


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


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

Σχεδιασμός blog με βάση το χρώμα : Πορτοκαλί


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


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

Σχεδιασμός blog με βάση το χρώμα : Πορτοκαλί

Σχεδιασμός blog με βάση το χρώμα : Πορτοκαλί

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



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

Σχεδιασμός blog με βάση το χρώμα : Κίτρινο



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


Προτάσεις για χρωματικές παλέτες:
Σχεδιασμός blog με βάση το χρώμα : Κίτρινο

Σχεδιασμός blog με βάση το χρώμα : Κίτρινο




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




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

Σχεδιασμός blog με βάση το χρώμα : Πράσινο


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


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

Σχεδιασμός blog με βάση το χρώμα : Πράσινο

Σχεδιασμός blog με βάση το χρώμα : Πράσινο




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


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

Σχεδιασμός blog με βάση το χρώμα : Μπλε


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


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

Σχεδιασμός blog με βάση το χρώμα : Μπλε

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


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

Σχεδιασμός blog με βάση το χρώμα : Μοβ



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

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

Σχεδιασμός blog με βάση το χρώμα : Μοβ

Σχεδιασμός blog με τα βασικά χρώματα : Μοβ


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

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

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

Χρωματικοί συνδυασμοί εμπνευσμένοι από τις καλοκαιρινές στιγμές
Χρωματικοί συνδυασμοί εμπνευσμένοι από τις καλοκαιρινές στιγμές

Χρωματικοί συνδυασμοί εμπνευσμένοι από τις καλοκαιρινές στιγμές
color palette inspiration summer and ice cream


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


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





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


Πώς σου φάνηκε ο οδηγός που σου ετοιμάσαμε; 
Υπάρχει κάτι άλλο που θα ήθελες να μάθεις σχετικά με το blog design; 
Άφησέ μας σχόλιο ώστε να το αναλύσουμε σε επόμενο άρθρο.


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

Είμαστε μια ομάδα bloggers που βοηθάει άλλες bloggers να αλλάξουν το blog και τη ζωή τους προς το καλύτερο. Μάθε περισσότερα για τις συντάκτριές μας ΕΔΩ

2 σχόλια:

Αν έχεις ένα λεπτό στη διάθεσή σου γράψε μας ένα σχόλιο με τη γνώμη σου!Αν έχεις λιγότερο χρόνο τότε μοιράσου αυτό το άρθρο στα social media, δε θα σου πάρει πάνω από 10 δεπτερόλεπτα!