Μεγάλες ιστοσελίδες πάντα φαίνεται να συνδυάζουν εξαιρετικό σχεδιασμό με εξαιρετικό κώδικα. Δεδομένου ότι η οικοδόμηση ενός δικτυακού τόπου είναι μια πολύ απλή εργασία μπορείτε να βρείτε πολλούς ανθρώπους να μάθουν HTML και CSS και να υπολογίσει ότι αν μπορούν να μάθουν ότι τότε μπορούν να σχεδιάσουν οποιαδήποτε ιστοσελίδα θέλουν. Ενώ από τεχνική άποψη μπορούν συχνά να διαπιστώσετε ότι υπάρχουν ορισμένα βασικά λάθη που κάνουν επειδή δεν θέλουν να αφιερώσουν χρόνο για να μάθουν πραγματικά για το σχεδιασμό.
Οι προγραμματιστές είναι σχεδιαστές από μόνα τους, αλλά σχεδιάζουν κώδικα και θαυμάσια αρχιτεκτονικά συστήματα. Για να σχεδιάσετε κάτι οπτικό είναι εντελώς διαφορετικό και μόνο επειδή έχετε ένα καλό μάτι για το σχεδιασμό δεν σημαίνει ότι έχετε καλό μυαλό για να το εφαρμόσετε.
Δεδομένου ότι τόσοι πολλοί προγραμματιστές έχουν προσωπικά έργα που συνήθως σημαίνει ότι πρέπει να δημιουργήσουν δικούς τους ιστοτόπους. Εάν είστε ανεξάρτητος κωδικοποιητής, ένα από τα μεγαλύτερα πλεονεκτήματα που μπορείτε να έχετε είναι να γνωρίζετε την πλήρη διαδικασία ανάπτυξης ιστοσελίδων από την αρχή μέχρι το τέλος, και αυτό περιλαμβάνει το σχεδιασμό.
Εδώ είναι οκτώ λάθη που συχνά βλέπω οι προγραμματιστές να κάνουν κατά την εφαρμογή του σχεδιασμού σε μια ιστοσελίδα.
Μπορεί να είναι δύσκολο να χωρίσει ένα μάτι για το σχεδιασμό με την ικανότητα να σχεδιάζει. Είναι πολύ παρόμοιο με τους ανθρώπους που μπορούν να δουν τη μόδα και να σας πουν τι φαίνεται καλό, αλλά δεν μπορούν πραγματικά να ντύνονται με τον ίδιο τρόπο.
Μεγάλοι σχεδιαστές γνωρίζουν απλώς ποιο καλό σχέδιο είναι. Ξέρουν τι θα λειτουργήσει και τι δεν θα δουλέψει πολλές φορές πριν πάρουν ακόμη ένα μολύβι ή ανοίξουν το Photoshop. Συχνά αυτό συμβαίνει επειδή έχουν περάσει χρόνια χύνοντας διάφορα σχέδια και δοκιμάζοντας τα σχέδια τους. Ακριβώς όπως κανένας καλλιτέχνης δεν μπορεί να πάρει ένα μολύβι και να τραβήξει κάτι υπέροχο την πρώτη φορά, κανένας προγραμματιστής δεν πρέπει να πιστέψει ότι μπορούν να χτυπήσουν το πρώτο τους σχέδιο ακριβώς έξω από το πάρκο.
Παρόμοια με τον τρόπο που ένας προγραμματιστής μπορεί να μελετήσει τον κώδικα άλλου ατόμου, ο καθένας μπορεί να μελετήσει ένα σχέδιο και να αρχίσει να κατανοεί γιατί λειτουργεί.
Ρίχνοντας μια ματιά στο όμορφο Punchfork μπορείτε να δείτε τι κάνει το σχέδιο τόσο μεγάλο.
Υπάρχουν πολλά άλλα μέρη του σχεδιασμού που το κάνουν τόσο υπέροχο. Όταν συναντά κανείς ένα σχέδιο που σας αρέσει να αφιερώσετε χρόνο για να μελετήσετε τα μεμονωμένα στοιχεία, αλλά και να αναγνωρίσετε πώς ταιριάζουν στο σύνολο. Ένα μεγάλο στοιχείο ενός σχεδίου δεν κάνει το όλο σχέδιο εξαιρετικό.
Η επιλογή χρώματος μπορεί να είναι πόνος. Μισώ που πρέπει να διαλέξω χρώματα γιατί υπάρχουν τόσα πολλά να διαλέξετε. Για κάποιο λόγο οι περισσότεροι προγραμματιστές τείνουν να παραμένουν σε μπλε και άσπρη παλέτα. Ίσως επειδή χρησιμοποιείται παντού ή είναι οι προεπιλογές του προγράμματος περιήγησης, αλλά ο εξαιρετικός σχεδιασμός μπορεί να περιλαμβάνει μια σειρά χρωμάτων. Ευτυχώς για εμάς τους ανθρώπους με προβλήματα χρώματος, υπάρχει ένας τόνος εργαλείων που μπορούν να μας βοηθήσουν να βάλουμε μαζί μερικούς υπέροχους χρωματικούς συνδυασμούς.
COLORlovers είναι μια μεγάλη κοινότητα όπου οι άνθρωποι δημιουργούν τις αγαπημένες τους παλέτες χρωμάτων και τις μοιράζονται. Μπορείτε να περιηγηθείτε, να αποθηκεύσετε και να ψηφίσετε τις αγαπημένες σας παλέτες και χρώματα. Σε περισσότερες από μία περιπτώσεις έχω μετατραπεί σε COLOURlovers για να έρθει και να αποθηκεύσετε την ημέρα με την επιλογή χρώματος.
Όταν επιλέγετε μια παλέτα χρωμάτων, βεβαιωθείτε ότι έχετε κολλήσει με μια που ταιριάζει με τη διάθεση του ιστότοπού σας και το περιεχόμενό του. Μην επιλέγετε μια παλέτα απλώς και μόνο επειδή την αγαπάτε. Το πορτοκαλί και το μαύρο μπορεί να μην είναι τα καλύτερα χρώματα για μια περιοχή γύρω από την έννοια της αγάπης, για παράδειγμα.
Σπάνια θα χρειαστεί να χρησιμοποιήσετε περισσότερα από 3-4 διαφορετικά χρώματα και αν αποφασίσετε να χρειαστείτε να δικαιολογήσετε την επιλογή σας.
Μπορεί να είναι πολύ δελεαστικό να κεντράρετε έναν τίτλο. Φαίνεται μεγάλη στις εφημερίδες, αλλά σπάνια θα λειτουργήσει καλά στο διαδίκτυο, εκτός και αν όλα είναι κεντραρισμένα. Γνωρίζουμε ότι το αριστερότατο κείμενο φαίνεται επαγγελματικό και λειτουργεί με τη φυσική ροή των ματιών, γι 'αυτό λοιπόν να βγείτε έξω από τις γραμμές;
Το κεντρικό κείμενο χρησιμοποιείται καλύτερα για τίτλους και σύντομες γραμμές κειμένου. Οι χρήστες μπορούν να τα διαβάσουν με ευκολία επειδή οι γραμμές είναι σύντομες, σαρωτές και δεν χρειάζονται επαναλαμβανόμενες κινήσεις των ματιών. Το κεντροποιημένο κείμενο μπορεί επίσης να δώσει στη διάταξη σας μια αισθητική εμφάνιση με τη συμμετρική μορφή της. Αυτό λειτουργεί για κείμενο που συνοδεύεται από κεντροποιημένες εικόνες. Εάν οι εικόνες σας είναι αριστερόστροφα ή δεξιόστροφα, θα πρέπει να ευθυγραμμίσετε το κείμενό σας ώστε να συμβαδίζει με τη διάταξη σας.
Οι επικεντρωμένοι τίτλοι ασχολούνται με τις εφημερίδες, διότι το κείμενο χωρίζεται σε στήλες, οπότε ο τίτλος κυλάει σε όλη την ιστορία. Εάν ασχολείστε μόνο με μία στήλη κειμένου, θα πρέπει να επιμείνετε σε τίτλο αριστερά ευθυγραμμισμένο.
Όταν δεν βυθίζεστε στον κόσμο της τυπογραφίας τότε η Arial μοιάζει με την Helvetica και η Γεωργία μοιάζει με την Times New Roman. Ξέρετε ότι υπάρχουν και άλλες γραμματοσειρές εκεί έξω, όπως το Comic Sans, αλλά δεν βλέπετε τη σημασία του να πληρώνετε για μια γραμματοσειρά όταν μπορείτε πολύ εύκολα να χρησιμοποιήσετε ό, τι είναι διαθέσιμο για εσάς.
Με πόρους όπως Τύπος ωστόσο, η επιλογή γραμματοσειράς έχει γίνει αρκετά παρόμοια με την επιλογή χρώματος. Μπορεί να χρειαστούν ημέρες έρευνας για να βρεθεί ο σωστός συνδυασμός όταν θα μπορούσατε εύκολα να χρησιμοποιήσετε μια βασική γραμματοσειρά και να τελειώσετε με τα υπόλοιπα.
Μην πηγαίνετε στη θάλασσα με γραμματοσειρές. Όπως τα χρώματα, μια περιορισμένη επιλογή συχνά λειτουργεί καλύτερα. Όταν πρόκειται για γραμματοσειρές, μία ή δύο διαφορετικές γραμματοσειρές μπορεί να είναι αρκετές για να παράγουν ένα όμορφο σχέδιο. Θυμηθείτε ότι μπορείτε να κάνετε πολλά διαφορετικά πράγματα με τις γραμματοσειρές. Μπορείτε να τους τοποθετήσετε σε πλάγια γραφή, τους τολμηρούς, τους υπογραμμίστε, τους κεφαλαία ή πεζά τους.
Όταν είστε προγραμματιστής, τόσο περισσότερες πληροφορίες μπορείτε να έχετε σε μια σελίδα τόσο το καλύτερο. Όταν κωδικοποιώ, μου αρέσει να το κάνω σε πολλές οθόνες, επειδή μου επιτρέπει να έχω τα πάντα μπροστά μου. Δυστυχώς αυτό δεν λειτουργεί στο σχεδιασμό. Δεν πρέπει να γεμίζετε τόσα πολλά στοιχεία σε έναν στενό χώρο που θεωρείτε κατάλληλα γιατί τότε ο σχεδιασμός γίνεται δυσλειτουργικός.
Το μάτι μπορεί να λάβει μόνο τόσες πληροφορίες κάθε φορά και αν ο σκοπός των περισσότερων σχεδίων είναι να ολοκληρώσει μια εργασία, τότε η απόκρυψη του μέσα σε ένα εκατομμύριο άλλες πληροφορίες δεν πρόκειται να βοηθήσει.
Ενώ οι πολυάσχολοι ιστοχώροι μπορούν να είναι αποτελεσματικοί, περισσότερες φορές δεν είναι όχι. Ο λευκός χώρος θα πρέπει να είναι ο καλύτερος φίλος σας. Χρειάζεστε άδειες μερίδες στο σχεδιασμό σας για να δώσετε έμφαση στα τμήματα του σχεδίου που είναι σημαντικά.
Όλοι γνωρίζουμε ότι το θαυμάσιο συναίσθημα της δημιουργίας κάτι και το βλέπουμε στον πραγματικό κόσμο. Επειδή το δημιουργήσαμε, υπάρχει μια τάση πίσω από αυτό που μας κάνει να πιστεύουμε ότι είναι καλύτερα από ό, τι πραγματικά είναι. Πρέπει να λάβετε τις απόψεις των άλλων για να μάθετε εάν ο σχεδιασμός σας είναι αποτελεσματικός και αν δεν μπορείτε να βρείτε τρόπους για να το βελτιώσετε. Αντ 'αυτού, οι προγραμματιστές πιστεύουν ότι δεν χρειάζεται να ζητήσουν τη γνώμη των άλλων επειδή γνωρίζουν πώς λειτουργεί το σχέδιό τους, ώστε όλα αυτά να έχουν νόημα σε αυτά.
Θα διαπιστώσετε επίσης ότι όταν οι άνθρωποι ζητούν τη γνώμη τους για ένα σχέδιο, δεν ζητούν κριτική, αλλά έγκριση. Θέλουν να δικαιολογήσουν τις αποφάσεις που έκαναν και αυτό δεν είναι η σωστή προσέγγιση. Οι ερωτήσεις πραγματικά σας βοηθούν να βρείτε ζητήματα ευχρηστίας που ίσως δεν γνωρίζετε πριν. Συχνά έχετε τόσο κολλήσει στο δικό σας σχέδιο ότι όλα έχουν νόημα για εσάς, αλλά για ένα νέο πρόσωπο το σχέδιό σας μπορεί να είναι πιο περίπλοκο από ένα Rubiks Cube.
Με εξαιρετικά σχέδια μπορεί να είναι δύσκολο να παρατηρήσετε τις μικρές λεπτομέρειες που πραγματικά το κάνουν. Μπορεί να είναι τόσο λεπτή ώστε ο περιστασιακός παρατηρητής να κοιτάει πέρα από αυτά και να συνεχίζει. Για έναν προγραμματιστή, οι μικρές λεπτομέρειες μπορεί να είναι χάσιμο χρόνου επειδή δεν καταλαβαίνουν τη συνολική επίπτωση που μπορεί να έχει μια σκιά σταγόνας σε ένα στοιχείο.
Μικρές λεπτομέρειες από μόνοι τους επηρεάζουν μόνο ένα συγκεκριμένο στοιχείο ενός σχεδίου, αλλά όταν όλοι έρχονται μαζί τότε έχετε ένα θαυμάσιο σχέδιο που ρέει. Ιστοσελίδες όπως Αποσπάστε αποκαλύπτουν πόσο μεγάλες είναι οι μικρές λεπτομέρειες που μπορούν να λειτουργήσουν σε ένα μεγαλύτερο σχέδιο. Ωστόσο, εάν δεν είστε σχεδιαστής από το εμπόριο, εστιάζοντας πάρα πολύ στις λεπτομέρειες ενδέχεται να επιβραδύνει τη διαδικασία περισσότερο από ό, τι θα θέλατε. Ωστόσο, αυτό δεν σημαίνει ότι δεν πρέπει να γνωρίζετε πώς οι λεπτομέρειες μπορούν να επηρεάσουν ένα σχέδιο.
Ποια άλλα κοινά λάθη κάνουν οι προγραμματιστές όταν πρόκειται για το σχεδιασμό; Παρακαλώ μοιραστείτε τα σχόλια!