8 εργαλεία που θα χρειαστεί ένας web designer

2024 Συγγραφέας: Malcolm Clapton | [email protected]. Τελευταία τροποποίηση: 2023-12-17 03:52

Screensiz.es

Το Screensiz.es είναι ένας ιστότοπος που μπορεί εύκολα να σας βοηθήσει να βρείτε τις φυσικές διαστάσεις, την ανάλυση οθόνης, την αναλογία διαστάσεων και πολλές άλλες παραμέτρους των οθονών των πιο κοινών μοντέλων smartphone, tablet και οθονών. Όλες οι πληροφορίες έρχονται σε απλή και κατανοητή μορφή - με τη μορφή πίνακα. Υπάρχουν δεκάδες διαφορετικές συσκευές Android, tablet, συμπεριλαμβανομένων των BlackBerry Playbook, Microsoft Surface Pro και Barnes & Noble Nook. Για λιγότερο κοινές συσκευές, η εύρεση των πληροφοριών που χρειάζεστε είναι επίσης αρκετά εύκολη. Το Screensiz.es προσφέρει επίσης μια βαθμολογία δημοτικότητας συσκευής με βάση τα στατιστικά στοιχεία αναζήτησης Google και μια σειρά άλλων κριτηρίων.

Λεπτά μοτίβα

Το Subtle Patterns προσφέρει ένα ευρύ φάσμα μοτίβων φόντου που μπορείτε να χρησιμοποιήσετε ως φόντο για τους ιστότοπούς σας. Απλά αλλά ευχάριστα μοτίβα θα ικανοποιήσουν τα γούστα των λάτρεις του μινιμαλιστικού σχεδιασμού που θέλουν κάτι περισσότερο από ένα απλό λευκό φόντο. Ένα από τα καλύτερα χαρακτηριστικά του ιστότοπου είναι μια προεπισκόπηση του πώς θα φαίνεται οποιοδήποτε δεδομένο μοτίβο στον ιστότοπό σας. Να σημειωθεί ότι όλα τα μοτίβα παρέχονται στη διάθεσή σας δωρεάν.

Χαμένος τύπος

Θυμάστε τη γραμματοσειρά που είδατε στον αγαπημένο σας ιστότοπο; Υπάρχει μεγάλη πιθανότητα αυτή η γραμματοσειρά να έχει ληφθεί από τον ιστότοπο Lost Type, ο οποίος συγκεντρώνει πολλούς σχεδιαστές που βάζουν τη δουλειά τους εκεί προς πώληση σε τιμή πληρωμής ό,τι θέλετε. Ίσως, το Lost Type μπορεί να αποδοθεί στη λίστα των τοποθεσιών που κάθε σχεδιαστής (και όχι μόνο) πρέπει να γνωρίζει. Δεν υπάρχουν πολλά μέρη στον Ιστό όπου μπορείτε να αποκτήσετε μια μοναδική γραμματοσειρά υψηλής ποιότητας και να μην πληρώσετε πολλά χρήματα για αυτήν.

Κόκκινο στυλό

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

Πατήστε μοτίβο

Το Pattern Tap δεν είναι ένα εργαλείο με την παραδοσιακή έννοια της λέξης, αλλά σίγουρα θα φανεί χρήσιμο σε έναν σχεδιαστή. Ο σκοπός του Pattern Tap είναι να σας εμπνεύσει ιδέες για διάφορα στοιχεία ιστοσελίδων. Για παράδειγμα, ο ιστότοπος περιέχει μια μεγάλη λίστα με σελίδες παραδείγματος 404, προγράμματα αναπαραγωγής ήχου, κουμπιά, ψίχουλα και πολλά άλλα. Εάν ξεμείνετε από έμπνευση, κοιτάζοντας τις διάφορες ενσαρκώσεις μιας ιδέας μπορεί να σας ωθήσει προς τη σωστή κατεύθυνση. Το να έχετε ένα ευρύ φάσμα ιδεών στα χέρια σας, συγκεντρωμένες σε έναν ιστότοπο, είναι πολύ καλύτερο από το να σερφάρετε ατελείωτα στο Web, να περιηγείστε σε τόνους οπτικών πληροφοριών. Το Pattern Tap σάς επιτρέπει επίσης να κάνετε αναζήτηση με κριτήρια όπως χρώματα, στυλ και τύπους στοιχείων.

Γραμματοσειρά Blokk

Το όνομα Blokk μιλάει από μόνο του. Συχνά, κατά το σχεδιασμό διατάξεων, ο σχεδιαστής χρειάζεται να επιδείξει την πληρότητά του με κείμενο, κάτι που συχνά οδηγεί σε περιττή επιπλέον προσπάθεια. Είναι σαφές ότι μπορείτε να χρησιμοποιήσετε κάποιο είδος δημιουργίας κειμένου σε στυλ Lorem Ipsum, αλλά υπάρχει επίσης μια πιο κομψή λύση. Η γραμματοσειρά Blokk μετατρέπει τις ασυναρτησίες που πληκτρολογούνται από το πληκτρολόγιο (fywalge) σε κάτι λεπτό και όμορφο. Αντί για λατινικές φράσεις χωρίς νόημα, λαμβάνετε λεπτές γραμμές που μιμούνται γραμμές κειμένου.

Σετ εικονιδίου από τον Brankic1979

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

Color By Hailpixel

Φυσικά, δεν λείπουν οι χρωματικοί επιλογείς. Αυτό είναι ένα από τα εργαλεία που ένας σχεδιαστής πρέπει να έχει πάντα στη διάθεσή του και σίγουρα αξίζει να προσέξετε το Color by Hailpixel. Ο ιστότοπος θα ανοίξει και θα σας εμφανίσει μια κενή οθόνη με έναν μόνο μαύρο σύνδεσμο (# 000000). Καθώς μετακινείτε τον κέρσορα γύρω από την οθόνη, θα δείτε πώς αλλάζει το χρώμα του φόντου και το παράθυρο στο κέντρο θα εμφανίζει τον αντίστοιχο εξαγωνικό κώδικα αυτού του χρώματος. Κάνοντας κλικ με το ποντίκι θα δημιουργηθεί μια λωρίδα του τρέχοντος χρώματος με την αριθμητική τιμή αυτού του χρώματος. Έτσι, με τις κινήσεις του ποντικιού, μπορείτε να συλλέξετε μια παλέτα με τα επιθυμητά χρώματα για περαιτέρω χρήση. Κάνοντας κλικ στο "γρανάζι" που βρίσκεται σε κάθε αποθηκευμένη λωρίδα θα εμφανιστεί ένας πίνακας με ρυθμίσεις για αυτό το χρώμα, όπου μπορείτε να ορίσετε με μεγαλύτερη ακρίβεια τις τιμές RGB και HSL. Ένα υπέροχο εργαλείο.

Έχετε τα δικά σας αγαπημένα διαδικτυακά εργαλεία; Ενημερώστε μας στα σχόλια.