Εάν έχετε δοκιμάσει ποτέ το χέρι σας στο σχεδιασμό ιστοσελίδων και δεν είστε πραγματικά καλλιτεχνικός τύπος ατόμου, τότε γνωρίζετε ότι το πραγματικό μη σχεδιαστικό μέρος "σχεδιασμού" της εξίσωσης μπορεί να πάρει λίγο δύσκολο.
Για μερικούς ανθρώπους, όπως ορισμένα μέλη της οικογένειάς μου που είναι πολύ φτηνά για να αγοράσουν λογισμικό δημιουργίας εικόνων, η δυσκολία προκύπτει όταν θέλουν να προσαρμόσουν τα λογότυπα ή τα υπόβαθρα. Για ορισμένους προγραμματιστές, το πρόβλημα έρχεται όταν απαιτείται ο κώδικας CSS και δεν έχουν φτάσει σε ταχύτητα στα τελευταία πρότυπα CSS.
Μπορείτε να περάσετε πολύ χρόνο διατηρώντας τον εαυτό σας για να επιταχύνει τις τελευταίες τάσεις και πρότυπα σχεδίασης ιστοσελίδων. Με την εμφάνιση πολλών εργαλείων σχεδιασμού ιστοσελίδων WYSIWYG έξω εκεί, η δημιουργία ιστοσελίδων μειώνεται περισσότερο στον τομέα των μη προγραμματιστών από ό, τι οι προγραμματιστές αυτές τις μέρες. Το πρόβλημα με αυτό είναι ότι όταν πρόκειται να τροποποιήσετε ένα σχέδιο για να κάνετε αυτό που πραγματικά θέλετε να κάνετε, θα πρέπει να πάτε πίσω σε έναν προγραμματιστή, δεν υπάρχει καμία γύρω από αυτό.
Ευτυχώς, υπάρχουν πολλοί πόροι που μπορούν να σας βοηθήσουν προτού να επισκεφθείτε έναν προγραμματιστή για βοήθεια. Εδώ στο MUO, αγαπάμε το σχεδιασμό ιστοσελίδων και καλύπτουμε συχνά το θέμα, όπως η ανασκόπηση Firebug της Ann. Οδηγός ερασιτέχνη για την προσαρμογή του σχεδιασμού της ιστοσελίδας με τον οδηγό του FireBug του ερασιτέχνη για την προσαρμογή του σχεδιασμού της ιστοσελίδας με το FireBug Διαβάστε περισσότερα, το σχόλιο μου Kompozer ή τη λίστα με τα μεγάλα blogs του Steve να ακολουθήσετε 6 Best Blog Design Web για να ακολουθήσετε 6 Best Blog Design Web για να ακολουθήσετε Διαβάστε περισσότερα.
Ένας συγκεκριμένος ιστότοπος που παρέχει μια ολόκληρη λίστα με πραγματικά χρήσιμα εργαλεία σχεδιασμού ιστού που μπορεί να χρησιμοποιήσει κανείς είναι ο Mudcu.be.
Mudcu.be Εργαλεία Σχεδίασης Ιστού
Mudcu.be είναι αυτό που θα έλεγα μια εργαλειοθήκη βασικών εργαλείων για έναν σχεδιαστή ιστοσελίδων που εργάζεται με πολύ μικρό προϋπολογισμό (ή χωρίς προϋπολογισμό). Τα εργαλεία που θα βρείτε σε αυτόν τον ιστότοπο είναι πολύ επικεντρωμένα σε γραφικά και στο σχεδιασμό ή το συντονισμό των χρωμάτων του ιστότοπού σας. Τελικά, τα χρώματα είναι πραγματικά ό, τι μπορεί να κάνει ή να σπάσει ένα σχέδιο, γι 'αυτό είναι σημαντικά εργαλεία για να έχουν βολικό.
Αν είστε ένας από εκείνους τους ανθρώπους που απλά δεν έχουν τα μετρητά για να καθορίσει για το ποιοτικό λογισμικό δημιουργίας χρωμάτων ή εικόνας, ή ίσως ταξιδεύετε με ένα μικρό laptop ή netbook και χρειάζεστε μια λύση επεξεργασίας εικόνας μέσω web. Ένα εργαλείο στο Mudcu.be που μπορεί να βοηθήσει είναι το Sketchpad.
Το εργαλείο Sketchpad θα σας επιτρέψει να κατασκευάσετε όποια εικόνα επιθυμείτε σε ένα εργαλείο που βασίζεται στον ιστό, το οποίο δεν ξεχωρίζει από το Windows Paint. Ωστόσο, μετά τη χρήση του Sketchpad για λίγο, αισθάνθηκα πραγματικά σαν να είναι πολύ ευκολότερο στη χρήση και τρόπο πιο ευέλικτο από το Windows Paint. Όταν τελειώσετε, απλώς κάντε κλικ στην εικόνα του μικρού δίσκου στην κορυφή και μπορείτε να αποθηκεύσετε την εικόνα που μόλις δημιουργήσατε στον υπολογιστή σας. Είναι τόσο εύκολο.
Τώρα, κατά τη γνώμη μου τα πιο ωραία εργαλεία που προσφέρει ο Michael Deal στην τοποθεσία του είναι η COLRD επιλογή των εργαλείων κλίσης χρώματος. Πρόκειται για μια σειρά εργαλείων παλέτας χρωμάτων που σας επιτρέπουν να προσαρμόσετε προσεκτικά τα στοιχεία χρωμάτων για να βρείτε την ακριβή απόχρωση του χρώματος που χρειάζεστε. Ρυθμίζετε την απόχρωση, τον κορεσμό και τη φωτεινότητα και ρυθμίζετε τα επίπεδα του κόκκινου, του πράσινου και του μπλε, και μπορείτε απλά να επιλέξετε από το κουτί παρόμοια χρώματα από τα δεξιά, αν θέλετε. Όταν τελειώσετε, ο κώδικας χρώματος της σκιάς που δημιουργήσατε παρατίθεται ακριβώς πάνω από τα ρυθμιστικά.
Η σειρά εργαλείων COLRD περιλαμβάνει παρόμοιες εφαρμογές ιστού με αυτήν που αναφέρθηκε παραπάνω. Το μενού "Δημιουργία" σας επιτρέπει να επιλέξετε από το εργαλείο χρώματος παραπάνω ή μπορείτε να μεταβείτε με το παλέτα, τη διαβάθμιση ή το DNA της εικόνας.
Τα άλλα εργαλεία είναι αυτονόητα, αλλά το DNA Image αξίζει πραγματικά να το αναφέρουμε. Με αυτό το εργαλείο, μπορείτε να ανοίξετε οποιαδήποτε εικόνα μπορείτε να έχετε στον υπολογιστή σας και, στη συνέχεια, να χρησιμοποιήσετε το εργαλείο για να προσδιορίσετε τα χρώματα μέσα στη φωτογραφία.
Η ομορφιά ενός εργαλείου όπως αυτό είναι ότι αν σκοπεύετε να χρησιμοποιήσετε συγκεκριμένες εικόνες στην ιστοσελίδα σας, αυτή η εφαρμογή Ιστού σάς επιτρέπει να προσδιορίσετε τα χρώματα που μπορείτε να χρησιμοποιήσετε στην ιστοσελίδα σας, τα οποία θα ταιριάζουν απόλυτα με τα κυρίαρχα χρώματα της φωτογραφίας σας. Αυτό μπορεί να βοηθήσει τους ερασιτέχνες σχεδιαστές ιστοσελίδων να ξεπεράσουν το πολύ συνηθισμένο πρόβλημα της σύγκρουσης χρωμάτων σε μια ιστοσελίδα - μετατρέποντας αυτό που θα μπορούσε να είναι ένα αξιοπρεπές σχέδιο σε μια αφανή ιστοσελίδα.
Μιλώντας για ατρόμητους ιστοτόπους, σε αυτή την εποχή, γιατί στη γη οι άνθρωποι εξακολουθούν να έχουν δυσάρεστα υπόβαθρα που μοιάζουν με αυτά που ήρθαν κατ 'ευθείαν από τη δεκαετία του '90; Αφού έχετε τα χρώματα και τις εικόνες του ιστοτόπου σας ταξινομημένα με τα παραπάνω εργαλεία, μπορείτε να μεταβείτε στη Γεννήτρια φόντου.
Αυτή η εφαρμογή ιστού θα σας επιτρέψει να επιλέξετε από μια μακρά λίστα "υφών" για το φόντο σας. Μερικοί από αυτούς μπορούν να φαίνονται τυρώδες αν δεν το τοποθετήσετε σωστά, αλλά πολλοί από αυτούς φαίνονται πολύ καλά αν χρησιμοποιείτε τις επιλογές Gradient για να τελειοποιήσετε τη χρωματική απόχρωση έτσι ώστε να φαίνεται καλό με τις εικόνες και τα χρώματα της ιστοσελίδας σας. Αφού τελειώσετε, απλώς κάντε κλικ στο κουμπί "Δημιουργία CSS" και ο κώδικας CSS παράγεται για εσάς. Δεν είναι πολύ πιο εύκολο από αυτό.
Το εργαλείο έρχεται ακόμη και με μια λειτουργία "προσομοιωτή", όπου μπορείτε να δοκιμάσετε το φόντο της ιστοσελίδας σας προτού την υλοποιήσετε. Δείτε πώς μοιάζει με το τρέξιμο του προσομοιωτή στο Google.com.
Ο Μιχαήλ αγαπά το χρώμα και κανένα εργαλείο δεν το δείχνει περισσότερο από το Χρώμα Σφαίρας του. Με τον τρόπο που το περιγράφει στον ιστότοπο, η σφαίρα χρώματος υποτίθεται ότι σας επιτρέπει να "απεικονίσετε τις αρμονίες χρώματος" χρησιμοποιώντας τους τύπους με τους οποίους ήρθε. Είναι πραγματικά εντυπωσιακό γιατί σας επιτρέπει να ξεκινήσετε με μια ορισμένη επιλογή χρωμάτων, ας πούμε κόκκινο - και στη συνέχεια να σπάσει το χρώμα της επιλογής σας σε μια κλίση άλλων χρωμάτων που ρέουν σε "αρμονία". Αυτά θα ήταν τα χρώματα που θα θέλατε να κολλήσετε στον ιστότοπό σας για να βεβαιωθείτε ότι όλα τα χρώματα λειτουργούν καλά μαζί
Ακριβώς παίζοντας με το Color Sphere για λίγο, πρέπει να πω ότι αν και δεν ξέρω ποιες φόρμουλες χρησιμοποιεί, οι επιλογές χρώματος πραγματικά δουλεύουν καλά μαζί.
Μια άλλη από τις εφαρμογές του Michael που αξίζει να αναφέρουμε είναι στην πραγματικότητα μια προσφορά Appspot που ονομάζεται Daltonize. Αυτό είναι ένα πραγματικά εντυπωσιακό εργαλείο που σας επιτρέπει να προσδιορίσετε τον τύπο χρωματικής τύφλωσης που έχετε και, στη συνέχεια, να χρησιμοποιήσετε την επιλογή αυτή για να επιτρέψετε στο πρόγραμμα περιήγησής σας να εμφανίζει ιστοσελίδες σε σας σε μορφή που λαμβάνει υπόψη την τύφλωσή σας.
Αφού εγκαταστήσετε το σελιδοδείκτη στο πρόγραμμα περιήγησής σας, ακολουθώντας τις οδηγίες, θα δείτε ένα εικονίδιο σφαίρας στη γραμμή εργαλείων σας (τουλάχιστον στο Chrome). Οι ρυθμίσεις Daltonize θα σας επιτρέψουν να εντοπίσετε τις ελλείψεις χρωμάτων όρασης κάθε φορά που ανοίγετε το πρόγραμμα περιήγησης και μπορείτε επίσης να αλλάξετε την επιλογή τύπου τύφλωσης ανά πάσα στιγμή.
Ακολουθεί η εμφάνιση της σελίδας που προκύπτει όταν χρησιμοποιείτε το φίλτρο τύφλωσης. Αν δεν είστε τυφλός, τότε στην παρακάτω εικόνα θα εμφανιστεί το ιστολόγιό μου, το οποίο συνήθως έχει μια πορτοκαλί σκιά για τις πλευρές της κεφαλίδας και το χρώμα του εικονιδίου, σαν ένα λαμπερό πορφυρό χρώμα. Φαίνεται επίσης ότι και έγχρωμες κάποιες από τις εικόνες στην ιστοσελίδα επίσης. Πολύ εντυπωσιακό εργαλείο!
Αυτό δεν είναι μια λίστα με όλα τα εργαλεία σχεδιασμού που είναι διαθέσιμα στο Mudcu.be, οπότε αν το χρώμα είναι το πράγμα σας ή εάν ψάχνετε τρόπους για να ενσωματώσετε καλύτερα το χρώμα σας στο web design σας, αυτό το site πρέπει να επισκεφθείτε.
Αγωνίζεστε ποτέ με τα χρώματα στις προσπάθειες σχεδιασμού ιστού; Ποια εργαλεία ή τεχνικές χρησιμοποιείτε για να ταιριάξετε τα πράγματα; Μοιραστείτε τις σκέψεις και τις ιδέες σας στην παρακάτω ενότητα σχολίων!
Image Credit: web design Μέσω του Shutterstock