tsak-norris

Ένα ενημερωτικό site για το web design, την κατασκευή ιστοσελίδων και τις τάσεις του tech. Ενημερωθείτε για ότι σας ενδιαφέρει μόνο στο sih.gr.

Καλώς ήρθατε!

Παραδείγματα επιτυχημένων σχεδιασμών ιστοσελίδων

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

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

 menu1

Μια πολύ καλή και κομψή επιλογή για μια σελίδα που αφορά αντρικό κοινό. Κατά το σχεδιασμό της ιστοσελίδας επέλεξαν μια όμορφη εικόνα με έναν κομψό άντρα, δηλώνοντας και την πιο sport και νεανικήεκδοχή του με ένα καφέ στο χέρι. Έχουν επιλεγεί πολύ σωστά οι χρωματικοί συνδυασμοί έτσι ώστε να προσδίδει ένα κύρος στη σελίδα. Το μενού είναι απλό, κατανοητό και εύκολο στη χρήση του.

menu2

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

menu3

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

menu4

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

menu5

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

 

404 error: Κάντε το με φαντασία

Πόσες φορές δεν έχουμε πέσει εκάνω σε μια χαλασμένη ιστοσελίδα. Και πάντα το ίδιο απλό μήνυμα. "404 error". Δεν θα ήταν όμως πιο απλό και πιο ευφάνταστο να βάλουμε στην ιστοσελίδα μας ένα μήνυμα ή μια εικόνα που θα λέει μια χιουμοριστική ατάκα σχετικά με το πρόβλημα που βρέθηκε;

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

Εμείς ψάξαμε και βρήκαμε μερικές ιδέες και σας τις παραθέτουμε.

404error

404error2

404error3

404error4

404error5

Web design για αρχάριους

Εάν δεν θέλετε να χαλάσετε λεφτά για να πάτε σε μια σχολή για web design - αν και καλό θα ήταν γιατί δεν μπορείτε να μάθετε πολλά πράγματα μέσω ίντερνετ- τότε αρχίστε να ψάχνετε τα εκατομμύρια tutorials που υπάρχουν για να βρείτε σε πιο μπορείτε να ανταπεξέλθετε καλύτερα.

sxediasi-istoselidas

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

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

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

3. Προσπαθήστε να κρατήσετε την σελίδα σας απλή. Πολλές εικόνες και πολλές πληροφορίες μπορεί να έχουν σαν αποτέλεσμα την σύγχυση του κοινού σας, κάτι που θα σας κοστίσει σε unique users.

4. Χρησιμοποιείστε χρώματα που θα κάνουν πιο ελκυστική την ιστοσελίδα σας. Εάν θέλετε ένα σοβαρό site κρατήστε το χρώμα μπλε. Θα σας αποζημιώσει!

Εμείς, παρόλα αυτά, σας προτείνουμε το παρακάτω βίντεο για να πάρετε ιδέες, μόνο και μόνο επειδή και εμείς κάπως έτσι αρχίσαμε. 

Web design από την εταιρεία google

Θέλετε να φτιάξετε το δικό σας site αλλά δεν έχετε τα εργαλεία; Μην ανησυχείτε. Η Google σας σκέφτηκε.

google-site

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

Όπως λέει και το σλόγκαν τους "Μια ιδέα, όλες οι οθόνες". Αυτό που μπορείτε δηλαδή είναι να φτιάξετε ένα template το οποίο θα προσαρμοστεί σε κάθε κινητό και κάθε συσκευή.

Αυτό που περιλαμβάνει το πρόγραμμα είναι 2 προγράμματα για κατασκευή βίντεο αλλά για να μπορούν οι σελίδες σας να "κινούνται". Επίσης, μπορείτε να δουλέψετε σε 3D mode με την βοήθεια css3.

google-site-moto

Άλλη μια δυνατότητα που μπορείτε να έχετε με το web design tool είναι να γράφετε τον κώδικα και να τον προβάρετε ανα πάσα στιγμή. 

Επίσης, με την δυνατότητα drag and drop, μπορείτε να βάλετε ή να βγάλετε features για να κάνετε το site σας πιο φιλικό στον χρήστη.

10 τάσεις στο web design για το 2014

Τα τελευταία χρόνια κυκλοφορούν όλο και περισσότερα site για σχεδιασμό και κατασκευή ιστοσελίδων. Όλα υπόσχονται να κάνουν την καλύτερη ιστοσελίδα που έχετε δει. Και τα καταφέρνουν. Πως όμως;

Αυτή είναι η δουλειά του web designer και του graphic designer. Εκείνοι έχουν την ιδέα, σας την προτείνουν και εσείς -καλά θα κάνετε- συμφωνείτε. Πως το καταφέρνουν αυτό όμως; Πως μπορούν να είναι συνέχεια "στη μόδα" και να έχουν τα πιο φρέσκα μυαλά; It's called internet!

Το διαδίκτυο έχει κατακλειστεί με άπειρες ιστοσελίδες οι οποίες ανανεώνονται ανά 2 χρόνια. Τουλάχιστον στον τομέα της σχεδίασης. Υπάρχουν λοιπόν κάποια trend τα οποία ακολουθούν και φέτος, τα trend αυτά είναι 10.

megales-photografies

Ορίστε:

1. Τέλος πια στις βαρετές γραμματοσειρές και μάλιστα στις επικεφαλίδες. Οι γραμματοσειρές με χαρακτήρα είναι ένα μεγάλο ατού στις ιστοσελίδες.

2. Flat Design. Με λίγα λόγια λακωνικότητα. Απλές εικόνες, ξακρισμένα φινιρίσματα και απλά καρτούν. 

3. Όχι άλλο slider. Προτιμήστε μια μεγάλη εικόνα με λίγα λόγια για Intro.

4. Δώστε βαρύτητα στα κινητά τηλέφωνα. Περισσότερο από το 70% των χρηστών internet μέσω τηλεφώνου ενημερώνονται αποκληστικά μέσω αυτού για οτιδήποτε. Από social media μέχρι τα email τους.

5. Βίντεο αντί για κείμενο. Για παράδειγμα, ανοίγοντας την σελίδα σας, θα παίζει ένα βίντεο που θα εξηγεί καθαρά τι είναι η επιχείρησή σας ή το προϊόν σας.

6. "Μεγάλα" site. Και σκρολλάρεις και σκρολλάρεις και δεν σταματά. Με αυτό τον τρόπο δείχνετε στο κοινό σας ότι ανανεώνεστε καθημερινά και έχει μεγάλο όγκο δεδομένων.

7. Μονόχρωμα site. Όσο λιγότερα χρώματα, τόσο το καλύτερο. Γϊνεται πιο ευθής και τολμήστε μια μονοχρωμία στην ιστοσελίδα σας. Είναι πιο ανάλαφρο και πιο επαγγελματικό.

8. Λίγα Λόγια. Σκεφτείτε σαν το twitter. Λίγα λόγια με περισσότερο νόημα.

twitter

9. Μαζί με την σελίδα ανεβοκατεβαίνει και το sidebar. Με αυτό τον τρόπο γίνεται πιο εύκολο στον χρήστη να διαλέξει που θέλει να περιηγηθεί.

10. Τεράστιες φωτογραφίες για intro. Μια φωτογραφία, το λογότυπό σας, το μενού και δυο λόγια για το site. Η αρχική σας σελίδα δεν θα χρειαστεί περισσότερα.