| |
|
Κοινά χαρακτηριστικά ποιοτικών ιστοσελίδων
Στις μέρες μας, ο σχεδιασμός ιστοσελίδων έχει
φθάσει σε πολύ υψηλό επίπεδο, Αυτό δεν οφείλεται στο ότι υπάρχουν
πλέον εκατομύρια ιστοσελίδες αλλά επειδή οι σχεδιαστές στις μέρες
μας ξέρουν περισσότερα από ποτέ για το web design. Δείτε στη συνέχεια
παραδείγματα ιστοσελίδων που είναι παραδείγματα προς μίμηση και
είναι απλές και ξεκάθαρες στη χρήση.
|
| |
|
..................................................................... |
| |
|
Οι καλύτερες ιστοσελίδες μοιράζονται τα παρακάτω
σχεδιαστικά χαρακτηριστικά που πρέπει να προσέξετε και εσείς:
Ας αναλύσουμε όμως λίγο τα παραπάνω χαρακτηριστικά
ένα προς ένα: |
| |
|
..................................................................... |
| |
|
Απλή μορφή
Τον τελευταίο καιρό βλέπουμε όλο
και περισσότερες σελίδες που σχεδιαστικά περιέχουν 1 ή 2 στήλες,
σε σχέση με προηγούμενα έτη που έμοιαζαν περισσότερο με "εφημερίδες"
και είχαν πολλές στήλες.
Αυτό κατά γενική ομολογία έχει το αποτέλεσμα οι σελίδες να "λειτουργούν"
καλύτερα και πιο αποδοτικά.
Αυτές οι σελίδες διαβάζονται πιο εύκολα από την κορυφή ως το τέλος
και δεν αναγκάζουν τον επισκέπτη να ψάχνει μέσα στη σελίδα σε
διάφορα σημεία.
Εννοείται βέβαια ότι είναι εντελώς απαράδεκτο, αν η σελίδα είναι
πολύ φαρδυά και ο επισκέπτης αναγκάζεται να "σκρολάρει"
δεξιά - αριστερά.
|
| |
|
..................................................................... |
| |
|
Στοίχιση προς το κέντρο
Κάτι άλλο που σίγουρα θα πρέπει να προσέξετε
στις ιστοσελίδες σας και που ήδη το βλέπετε στο διαδίκτυο είναι
όλο το περιεχόμενο της σελίδας να βρίσκεται γύρω από ένα κεντρικό
άξονα.
Μέχρι πριν λίγα χρόνια βλέπαμε πολλών ειδών σελίδες . Άλλες στοιχισμένες
προς τα αριστερά, άλλες προς τα δεξιά, ενώ σήμερα το περιεχόμενο
των σελίδων βρίσκεται στοιχισμένο στο κέντρο της οθόνης.
 |
Στοίχιση αριστερά |
Στοίχιση
δεξιά-αριστερά |
Στοίχιση
στο κέντρο |
Θα έχετε παρατηρήσει επίσης ότι πλέον δεν χρησιμοποιούνται
οι στοιχισμένες προς τα αριστερά σελίδες όπως επίσης και οι σελίδες
με πλήρη στοίχιση (δεξιά-αριστερά).
Η φιλοσοφία που επικρατεί σήμερα, είναι πως πρέπει να έχουμε σε
πρώτο πλάνο το μεγαλύτερο, αν όχι όλο, μέρος της σελίδας μας. Με
άλλα λόγια να μη χρειάζεται να κάνουμε scroll για να διαβάσουμε
κάτι. Η σχεδίαση που προτείνουμε, επιτυγχάνει αυτό ακριβώς το πράγμα.
Αν πρέπει να εφαρμόσουμε scrolling, αυτό θα πρέπει να γίνει μόνο
προς τα κάτω (ποτέ προς τα πλάγια) και μόνο για να αυξήσουμε τον
λευκό χώρο στη σελίδα μας και εφόσον δεν επιβαρύνουμε τη σελίδα
με περιττά γραφικά. |
| |
|
..................................................................... |
| |
|
Σχεδιάστε το περιεχόμενο, όχι τη σελίδα
Οι όμορφες ιστοσελίδες σήμερα δίνουν μικρότερη
βαρύτητα στη σχεδίαση του φόντου, των χρωμάτων και των μόνιμων χαρακτηριστικών
μιας σελίδας και επικεντρώνονται κυρίως στη σχεδίαση του περιεχομένου.
Με άλλα λόγια στοχεύουν να κάνουν το επισκέπτη να ρίξει αμέσως το
βλέμμα του στο περιεχόμενο και όχι αλλού. Αυτό επιτυγχάνεται όταν
έχουμε:
- ελεύθερες σελίδες με λιγότερα "κελιά"
(Tables)
- απαλό και απλό σχεδιασμό
- εφέ 3D και έντονα χρώματα στο ίδιο το
περιεχόμενο το οποίο θέλουμε να τραβήξει τη προσοχή
- περισσότερη βαρύτητα στο να φαίνεται καλά
το περιεχόμενο παρά το ταλέντο του σχεδιαστή!
Συμβουλή
Θα πρέπει να καταλάβουμε ότι το θέμα δεν είναι
το πως θα σχεδιάσουμε την ιστοσελίδα αλλά θα πρέπει να κατανοήσουμε
πως ως σχεδιαστές έχουμε την ευθύνη της επικοινωνίας και το περιεχόμενο
της σελίδας μας φέρει το μήνυμα αυτής της επικοινωνίας.
Γιατί όλα να είναι στοιχισμένα στο κέντρο;
Η στοίχιση στο κέντρο αρέσει πολύ και οι περισσότεροι σχεδιαστές
τείνουν να το χρησιμοποιούν όλο και περισσότερο. Όταν το περιεχόμενο
είναι στοιχισμένο στο κέντρο της οθόνης η σελίδα φαίνεται να είναι
μπροστά μας με αυτοπεποίθηση. Επίσης, δίνει την εντύπωση της απλότητας
και της ισοροπίας που αντικατοπτρίζει ένα ξεκάθαρο σχεδιασμό. Τέλος,
στοιχίζοντας και τον λογότυπο, η σελίδα γίνεται πιο φιλική και προβάλει
καλύτερα το περιεχόμενο της στην οθόνη. |
| |
|
..................................................................... |
| |
|
Χρησιμοποιήστε με φειδώ τα 3D εφέ
Μπορούμε να χρησιμοποιήσουμε πολλά εφέ για να
κάνουμε το σχεδιασμό με περισσότερες καμπύλες ή να δώσουμε το αίσθημα
του κενού χώρου στο φόντο ή ακόμα και να κάνουμε ένα κουμπί μας
να ξεχωρίζει πολύ. Πρέπει όμως να ξέρουμε ότι οι αντανακλάσεις και
τα "σβησίματα" χρησιμοποιούνται πολύ, όχι όμως όσο οι
σκιές.
Επίσης, συχνά μπορείτε να δείτε στρογγυλούς λογότυπους
με αρκετές καμπύλες και εφέ.
|
| |
|
..................................................................... |
| |
|
Απαλά ουδέτερα χρώματα φόντου
Όλες οι όμορφες ιστοσελίδες έχουν πολύ απλό και
απαλό φόντο και οι πιο καλές από αυτές είναι σχεδιασμένες με αποχρώσεις
λευκού ή ανοιχτού γκρί δίνοντας έτσι μια απλή και ουδέτερη βάση
για το περιεχόμενο ώστε να μην τραβάει την προσοχή του επισκέπτη
το φόντο αλλά το περιεχόμενο. |
| |
|
..................................................................... |
| |
|
Αποφεύγετε να χρησιμοποιείτε πολύ τα έντονα
χρώματα
Ένα απαλό και στυλάτο φόντο είναι η τέλεια βάση
ώστε να αποφύγουμε να επικεντρώνουμε εκτός περιεχομένου τη προσοχή
του επισκέπτη. Έτσι πρέπει να σκεφτόμαστε και για τα υπόλοιπα χρώματα
της σελίδας. Θα πρέπει να χρησιμοποιοιούμε έντονα χρώματα μόνο εκεί
που θέλουμε να τραβήξουμε την προσοχή του επισκέπτη.
|
| |
|
..................................................................... |
| |
|
Όμορφα εικονίδια αλλά να χρησιμοποιούνται
σε μικρό βαθμό
Δεν θα πρέπει να χρησιμοποιείτε πολλά ελκυστικά εικονίδια ή άλλα
αντικείμενα στη σελίδα σας. Θα πρέπει και αυτά να χρησιμοποιούνται
με μέτρο ώστε η προσοχή του επισκέπτη να είναι επικεντρωμένη στο
περιεχόμενο.
|
| |
|
..................................................................... |
| |
|
Δώστε άπλετο λευκό χώρο
Το μάτι του επισκέπτη χρειάζεται χώρο ώστε να
παρατηρεί εύκολα τα αντικείμενα της σελίδας. Γενικά, όσο περισσότερο
λευκό χώρο δώσουμε, τόσο το καλύτερο. Βέβαια ας μην περιοριστούμε
συγκεκριμένα στον λευκό χώρο αλλά στον χώρο γενικά! Είναι πολύ όμορφο
να βλέπεις σελίδες με πολύ καλά οριοθετημένες αποστάσεις και κενούς
χώρους ανάμεσα στο περιεχόμενο. Δείτε αυτούς του ωραίους χώρους
στα επόμενα παραδείγματα σελίδων!
|
| |
|
..................................................................... |
| |
|
Καλό και μεγάλο κείμενο
Φυσικά και δεν προτείνουμε όλο το κείμενο σας
να είναι μεγάλο! Στις περισσότερες των περιπτώσεων το μικρό μέγεθος
του κειμένου είναι ικανοποιητικό απλά αυτό που πρέπει να πούμε σαν
συμβουλή είναι
να τονίσετε το κείμενο το οποίο έχει μεγάλη σημασία!
Αν όλο το κείμενο στο περιεχόμενο σας είναι μεγάλο, τότε πρακτικά
δεν έχετε μεγάλο κείμενο! Χρησιμοποιείστε μεγάλο κείμενο ώστε οι
επισκέπτες να βλέπουν γρήγορα τον σκοπό της σελίδας και τα πιο σημαντικά
στοιχεία που θέλετε να παρατηρήσουν αμέσως. |
| |
|
..................................................................... |
