Τα καλύτερα εργαλεία σχεδίασης ιστού

από τον Bradley Nice, Content Manager στο ClickHelp.com - εργαλείο τεκμηρίωσης λογισμικού

Είστε σχεδιαστής ιστοσελίδων; Στη συνέχεια, θα πρέπει να ελέγξετε αυτά τα φοβερά εργαλεία σχεδιασμού ιστοσελίδων για να ενισχύσετε τη σταδιοδρομία σχεδιασμού σας.

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

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

Σχεδιασμός λογότυπου

  • Logotype Maker (Δωρεάν) - Τυχαία γενιά λογότυπων για την εταιρεία σας.
  • Λογότυπο Makr (Δωρεάν) - Απλός δημιουργός λογότυπων με υλικά επίπεδων εικόνων.
  • DesignMantic (Δωρεάν) - Εισάγετε το όνομα της εταιρείας, επιλέξτε τη βιομηχανία σας και θα δημιουργήσει ένα λογότυπο για εσάς.
  • SquareSpace (Πληρωμένο) - Δημιουργήστε δροσερά λογότυπα με drag and drop.
  • Λογότυπο Genie (Πληρωμένο) - Λογότυπο Το Genie κάνει το λογότυπο εύκολο και διασκεδαστικό.
  • Λογότυπο Κήπος (πληρωμένο) - Αυτόματη παραγωγή λογότυπων?
  • Logoshi (Πληρωμένο) - Σχεδιάστε ένα βρώμικο σκίτσο και αποκτήστε ένα δροσερό μοντέρνο λογότυπο.
  • Logaster (Πληρωμή) - Κάντε ένα αξιοπρεπές λογότυπο χωρίς σχεδιαστικές δεξιότητες.
  • Λογότυπο δημιουργού λογοτύπου (Πληρωμένο) - Δημιουργήστε εκατοντάδες πιθανών λογότυπων και τροποποιήστε τα online.
  • Γραφικές πηγές (πληρωμένες) - Επιλέξτε το πρότυπο λογότυπου, τροποποιήστε και, στη συνέχεια, κάντε λήψη.

Τυπογραφία

  • Γραμματοσειρές Google (Δωρεάν) - Βρείτε και χρησιμοποιήστε υψηλής ποιότητας γραμματοσειρές για τα έργα σας.
  • Fontstruct (Free) - Online εργαλείο δημιουργίας γραμματοσειρών, οι γραμματοσειρές μπορούν να μοιραστούν και να κατεβάσουν.
  • Τύπος φως (Δωρεάν) - Ένα πλήρως λειτουργικό, Open Type font editor?
  • Fontface Ninja (Free) - Προσδιορίστε την δροσερή γραμματοσειρά στη σελίδα που περιηγείστε.
  • 1001 γραμματοσειρές (δωρεάν) - Τεράστια βιβλιοθήκη γραμματοσειρών.
  • Σκίουρος γραμματοσειράς (δωρεάν) - Καλύτερη βάση δεδομένων δωρεάν γραμματοσειρών.
  • Typecast (Free) - Δημιουργήστε οπτικά και σημασιολογικά σχέδια που θέτουν τον τύπο πρώτα.
  • Font Flame (Free) - Tinder για αντιστοίχιση γραμματοσειρών. Μισήστε το ή χρησιμοποιήστε το.
  • Τι είναι η γραμματοσειρά (Δωρεάν) - Μεταφορτώστε την εικόνα και βρείτε εύκολα τη γραμματοσειρά της.
  • Adobe Typekit (Πληρωμένο) - Αποκτήστε πρόσβαση σε μια τεράστια δέσμη γραμματοσειρών υψηλής ποιότητας.

Γραφικά επεξεργαστές

  • Gimp (δωρεάν) - Επεξεργαστής ανοικτού κώδικα για επεξεργασία και ρετουσάρισμα εικόνων.
  • Blender (δωρεάν) - Δημιουργία 3D ανοιχτού κώδικα.
  • DAZ 3D (Δωρεάν) - Δημιουργία ρεαλιστικών ανθρώπων και ζώων σε 3D.
  • BeFunky (Free) - Τεράστια βιβλιοθήκη γραμματοσειρών.
  • Pixlr (δωρεάν) - Συνδεδεμένος επεξεργαστής εικόνας.
  • Aviary (Δωρεάν) - Εφαρμογή επεξεργασίας φωτογραφιών για κινητά για Android / iOS και το Web.
  • Photoshop (Πληρωμένο) - Ένα από τα καλύτερα εργαλεία στον κλάδο. Ιδανικό για την ενίσχυση φωτογραφιών, σχεδίων και 3D έργων τέχνης.
  • Illustrator (Πληρωμένο) - Για να χτίσετε όμορφες διανυσματικές τέχνες.
  • Εργαλείο επεξεργασίας φωτογραφιών με συνάφεια (πληρωμένο). Μόνο για Mac.
  • DrawPlus (Καταβολή) - Δημιουργήστε εκπληκτικά λογότυπα, σχέδια και σχέδια, σε λογική τιμή.

Χρωματιστά

  • Color Hunt (Free) - Μια επιμελημένη συλλογή από όμορφα χρώματα.
  • TinEye (Δωρεάν) - Προσδιορίστε τα χρώματα και τις εικόνες σας με τον τέλειο συνδυασμό χρωμάτων.
  • ColorZilla (δωρεάν) - Τέλεια επέκταση για την επιλογή χρωμάτων από μια ιστοσελίδα.
  • Unclrd (Δωρεάν) - Μια επέκταση προγράμματος περιήγησης που μετατρέπει κάθε ιστότοπο σε ασπρόμαυρο.
  • Paletton (Free) - Εργαλείο για τη δημιουργία συνδυασμών χρωμάτων.
  • Adobe Color CC (Free) - Δημιουργία και αποθήκευση διαφόρων χρωμάτων.
  • Coolors (Free) - Χρώμα γεννήτρια για τα σχέδιά σας?
  • Colicious (Free) - Απλώς πατήστε το πλήκτρο διαστήματος και δημιουργήστε νέο χρώμα.
  • Έγχρωμο εργαλείο Hex (Ελεύθερο) - Εργαλείο συλλογής χρωμάτων.
  • Pictaculous (Free) - Χρωματική παλέτα από PNG, JPG και GIF.
  • ColorDrop (δωρεάν) - Ένα εργαλείο αντιστοίχισης χρωμάτων που σας επιτρέπει να αποθηκεύσετε τους αγαπημένους συνδυασμούς χρωμάτων.
  • ColorFavs (δωρεάν) - Ένα εξαιρετικό εργαλείο όπου μπορείτε εύκολα να δημιουργήσετε μια παλέτα χρωμάτων σέρνοντας και αποθέτοντας την εικόνα σας, εισάγοντας μια διεύθυνση URL ή επιλέγοντας τυχαίες τιμές.

Πρωτότυπα

  • HTML5 UP (Δωρεάν) - Προβλητά και προσαρμόσιμα πρότυπα HTML5.
  • Υπνόσακος (δωρεάν) - Εφαρμογή για το σχεδιασμό γρήγορων mocks στο iPhone σας.
  • Συγκόλληση (Δωρεάν) - Σχεδιάστε τον ιστότοπό σας στο διαδίκτυο, ακριβώς όπως τον θέλετε.
  • Σκίτσο (πληρωμένο) - Το τέλειο εργαλείο για το σχεδιασμό UI και UX. Αλλά μόνο συμβατό με Mac?
  • Proto.io (Πληρωμένο) - Εργαλείο πρωτοτύπου εφαρμογής για κινητά που σας επιτρέπει να δημιουργείτε πρωτότυπα πλήρως διαδραστικών εφαρμογών για κινητά.
  • Moqups (Αμειβόμενος) - Εφαρμογή ιστού που βασίζεται σε HTML5 για κατασκευή πλαισίων, σχεδίων UI, πρωτοτύπων και mockups.
  • Flinto (Πληρωμένο) - Σκίτσο διαδραστικά πρωτότυπα από στατικές εικόνες.
  • Balsamiq (Πληρωμένο) - Wireframing και mockup εργαλείο με μεγάλη έμφαση στην χρηστικότητα;
  • Axure (Πληρωμένο) - Γρήγορα να σχεδιάσετε πρωτότυπα από τον υπολογιστή σας και να τα μοιραστείτε.
  • POP (Πληρωμένο) - Σας βοηθά να μεταφέρετε τις ιδέες του χαρτιού σας σε ένα πραγματικό πρωτότυπο εργασίας.

Stock Photos

  • Pexels (Δωρεάν) - Μια τεράστια βάση δεδομένων με φωτογραφίες που μπορείτε να χρησιμοποιήσετε παντού.
  • Νέο παλιό απόθεμα (δωρεάν) - Vintage φωτογραφίες από τα δημόσια αρχεία.
  • Superfamous (Free) - Τεράστια συλλογή της φύσης και πλάνα ευρύτερης γωνίας.
  • Η βιβλιοθήκη μοτίβων (δωρεάν) - Ένας τεράστιος αριθμός σχεδίων και υφών?
  • Unsplash (Δωρεάν) - 10 νέες φωτογραφίες κάθε 10 ημέρες.
  • FoodiesFeed (Δωρεάν) - Φωτογραφίες δωρεάν φαγητού.
  • Θάνατος στην φωτογραφία στοκ (Δωρεάν) - Δωρεάν φωτογραφίες από το email σας κάθε μήνα;
  • Δωρεάν φωτογραφίες Refe (Δωρεάν) - Τεράστια λίστα εικόνων. Κυρίως φωτογραφίες τοπίου και φύσης?
  • Μικρή οπτική (ελεύθερη) - τοπία υψηλής ανάλυσης και δημιουργία φωτογραφιών.
  • Gratisography (Free) - Μια τεράστια βάση δεδομένων δωρεάν φωτογραφιών?
  • Picography (Δωρεάν) - Μια εντυπωσιακή επιλογή φωτογραφιών που κυκλοφόρησε υπό την άδεια Creative Commons Public Domain CC0.
  • Pixabay (δωρεάν) - Πηγή για υψηλής ποιότητας δωρεάν εικόνες?

Stock γραφικά

  • GraphickStock (Δωρεάν) - Απεριόριστος αριθμός υψηλής ποιότητας, χωρίς δικαιώματα, φωτογραφίες, διανύσματα και εικονογραφήσεις.
  • Brusheezy (Δωρεάν) - Δωρεάν πινέλα Photoshop, μοτίβα, υφές και πολλά άλλα.
  • Iconfinder (Δωρεάν) - Μηχανή αναζήτησης για δωρεάν εικονίδια.
  • Brushez (δωρεάν) - Τεράστια συλλογή από δωρεάν πινέλα Photoshop.
  • Vecteezy (Δωρεάν) - Τεράστια ποικιλία φορέων φορέων συμπεριλαμβανομένων των εικόνων και των εικόνων?
  • Πακέτα γραμματοσειρών (πληρωμένα) - Σπίτι γραμματοσειρών υψηλής ποιότητας και δέσμες γραμματοσειρών.
  • Οι εικόνες ispot (πληρωμένες) - Premium από καλλιτέχνες υψηλού επιπέδου.
  • Στρογγυλές Εικόνες (Πληρωμένες) - Οι μεγαλύτερες δέσμες εικόνων στον κόσμο.
  • Webalys (Αμειβόμενος) - Premium εικονίδια από τον Vincent le Moign.
  • Illustrio (Πληρωμένο) - Εκτεταμένη βιβλιοθήκη εικόνων.

Infographics

  • Viewize.me (Δωρεάν) - Δημιουργήστε το infographic ή το βιογραφικό σας.
  • Canva (Δωρεάν) - Ένα απλό εργαλείο σχεδίασης για να δημιουργήσετε οτιδήποτε χρειάζεστε.
  • Infogr.am (δωρεάν) - Ηλεκτρονικό εργαλείο για ενημερωτικά και διαδραστικά διαγράμματα.
  • Venngage (Free) - Εύκολο infographic maker?
  • Draw.io (δωρεάν) - Ηλεκτρονικό εργαλείο για τη δημιουργία διαγραμμάτων ροής, διαγράμματα διεργασιών και διαγράμματα δικτύου.
  • Piktochart (Free) - Φυσικός σχεδιασμός για να δημιουργήσετε γραφικά υψηλής ποιότητας.
  • Visme (δωρεάν) - Εργαλείο ηλεκτρονικής παρουσίασης και infographics με 1000's των προτύπων και γραφικών?
  • Easel.ly (δωρεάν) - Βιογραφικά και ιστορικά πρότυπα.
  • Gliffy (Δωρεάν) - Διαδικτυακό εργαλείο διαγραμμάτων.
  • Visage (Free) - Ένα απλό εργαλείο σχεδιασμού για τη δημιουργία οπτικού περιεχομένου.

Συνεργασία

  • Lingo (Δωρεάν) - Με το Lingo, μπορείτε να δημιουργήσετε και να μοιραστείτε βιβλιοθήκες οπτικών στοιχείων.
  • Bounce (δωρεάν) - Ένας εύκολος τρόπος να μοιραστείτε τις ιδέες σας σε οποιονδήποτε ιστότοπο.
  • Μαρκαρισμένο (Δωρεάν) - Μαρκάρισμα και συζήτηση εικόνων σε απευθείας σύνδεση. Πολύ χρήσιμο για το Photoshop;
  • Zeplin (Δωρεάν) - εφαρμογή συνεργασίας για προγραμματιστές frontend και σχεδιαστές UI.
  • Cage (Free) - Νίκαια ταμπλό για να συνεργαστεί με την ομάδα και τους πελάτες?
  • GoVisually (Πληρωμένο) - Ένα από τα κορυφαία εργαλεία για τη συλλογή ανατροφοδοτήσεων πελατών για τα έργα σας.
  • TrackDuck (Αμειβόμενος) - Επιτρέπει την παραμονή ανατροφοδότησης σε έναν ιστότοπο ή ένα αρχείο εικόνας.
  • Κόκκινο στυλό (πληρωμένο) - Σύρετε και αποθέστε τον σχεδιασμό σας και λάβετε τα σχόλια από τους φίλους σας.
  • Usernap (Αμειβόμενος) - Σας επιτρέπει να τραβήξετε στιγμιότυπα ιστοσελίδων και να τους σχολιάσετε.
  • InVision (Πληρωμένο) - Πρωτότυπο, συνεργασία και πλατφόρμα ροής εργασιών.

Εμπνευση

  • Dribbble - Η μεγαλύτερη κοινότητα σχεδιαστών και χώρος της δουλειάς τους.
  • Behance - Ανακαλύψτε τις τελευταίες εργασίες από κορυφαία σε απευθείας σύνδεση χαρτοφυλάκια από δημιουργικούς επαγγελματίες.
  • Muzli - Καθημερινή έμπνευση σχεδιασμού.
  • Awwwards - Οι καλύτερες προσπάθειες από προγραμματιστές, σχεδιαστές και πρακτορεία ιστού στον κόσμο?
  • Design You Trust - Σχεδιάστε το blog και μια τεράστια κοινότητα που μοιράζεται τις τελευταίες τάσεις, ειδήσεις, χαρτοφυλάκια, σχεδιασμό μόδας και δημιουργικές διαφημίσεις.
  • Πραγματικά καλά μηνύματα ηλεκτρονικού ταχυδρομείου - Τεράστια συλλογή καλά σχεδιασμένων μηνυμάτων ηλεκτρονικού ταχυδρομείου
  • Fubiz - Μια από τις πιο δημοφιλείς δημιουργικές δημοσιεύσεις που καλύπτουν τις τελευταίες δημιουργικές ειδήσεις.
  • Designspiration - Πινέλο τύπου Pinterest με έμπνευση σχεδιασμού υψηλού επιπέδου.
  • Κινητά μοτίβα - Μια βιβλιοθήκη των iOS και Android screenshots για την έμπνευσή σας?
  • One Page Love - Gallery παρουσιάζοντας τα καλύτερα σχέδια μιας σελίδας μιας σελίδας.

Αυτό είναι - αν γνωρίζετε άλλα εργαλεία σχεδίασης ιστοσελίδων, σχολιάστε παρακάτω, θα τα προσθέσουμε στη λίστα.

Μπορεί να σου αρέσει επίσης:

  • Πώς να παραμείνετε παθιασμένοι και υποκινούμενοι ως σχεδιαστές ιστοσελίδων
  • Κορυφαία Blogs Σχετικά με το Web Design και Web Development

Να εχετε μια καλη μερα!

Bradley Νίκαια,
Διαχείριση περιεχομένου στο ClickHelp.com - το καλύτερο ηλεκτρονικό εργαλείο τεκμηρίωσης για τους πωλητές του SaaS