7 υπέροχα εργαλεία για έναν σχεδιαστή Ιστού

web design

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

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

σχεδιάστε-το-μάθημα-σας-με-adobe-kuler

Adobe kuler

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

χαρακτηριστικά-βίντεο-εναλλακτική λύση

typecast

Έχουμε μιλήσει πολλές φορές για τη σημασία της τυπογραφίας σε οποιοδήποτε έργο και ότι η απόφαση για το ποια μπορεί να είναι η πιο κατάλληλη μπορεί επίσης να γίνει δίλημμα. Επομένως, αυτή η εφαρμογή μπορεί να είναι ένα απαραίτητο εργαλείο πολλές φορές για τη δημιουργία σχεδίων. Το Typecast θα σας επιτρέψει την πρόσβαση σε περισσότερες από πέντε χιλιάδες γραμματοσειρές από το Typekit, το Google Web Fonts και το Fonts.com Fontdeck, όλα από έναν μόνο πίνακα ελέγχου. Με αυτόν τον τρόπο, θα μπορείτε να επιλέξετε τη γραμματοσειρά που ταιριάζει καλύτερα στο στυλ ή τον τόνο της εργασίας σας με έναν εξαιρετικά απλό και γρήγορο τρόπο. Επιπλέον, αυτή η εφαρμογή θα σας επιτρέψει να δημιουργήσετε στήλες για να οργανώσετε τις πληροφορίες και το περιεχόμενο, καθώς και να αλλάξετε ή να τροποποιήσετε την επιλεγμένη γραμματοσειρά. Θα πρέπει μόνο να επιλέξετε τον πάροχο γραμματοσειρών σας στο μενού στην πλαϊνή περιοχή και να επιλέξετε οποιοδήποτε από αυτά για να λάβετε μια αντανάκλαση των αποτελεσμάτων απευθείας στην ίδια ιστοσελίδα. Επιπλέον, μας επιτρέπει επίσης να αποκτήσουμε πρόσβαση στον κώδικα CSS για να μπορέσουμε να εισάγουμε αυτές τις γραμματοσειρές απευθείας στις ιστοσελίδες σας με τη συνολική βεβαιότητα ότι οι χρήστες σας θα φορτώσουν τη γραμματοσειρά και θα δουν το ίδιο αποτέλεσμα με εσάς.

Οδηγός Οδηγός

Οδηγός οδηγού

Είναι μια επέκταση για την εφαρμογή Adobe Photoshop που θα σας επιτρέψει να προετοιμάσετε το δικό σας έγγραφο για να αρχίσετε να σχεδιάζετε τις ιστοσελίδες σας και το καλύτερο από όλα, θα είναι μέσα σε λίγα λεπτά. Για πολλούς σχεδιαστές ιστοσελίδων αυτό το εργαλείο έχει γίνει απαραίτητο, ειδικά λόγω της ακρίβειας που προσφέρουν οι οδηγοί για την επίτευξη τέλειων σχεδίων. Απλά πρέπει να το εγκαταστήσετε (το βάρος του είναι πολύ χαμηλό καθώς είναι επέκταση) για να το απολαύσετε.

κοροϊδεύω

Μαλακία

Εάν πρέπει να αναπτύξετε τα δικά σας wireframes, αυτή η εφαρμογή θα είναι πολύ χρήσιμη, καθώς θα σας επιτρέψει να σχεδιάσετε το δικό σας πρωτότυπο σε λίγα μόνο λεπτά στο διαδίκτυο και για μια μεγάλη ποικιλία διαφορετικών πλατφορμών: Από iPhone, WordPress, Android, Joomla, Facebook ... Το αποτέλεσμα θα είναι υψηλής ποιότητας πρωτότυπα που είναι εύκολο στη χρήση στα έργα σας. Επιπλέον, η λειτουργία του είναι εξαιρετικά απλή, διαισθητική και λειτουργική, καθώς ο τρόπος λειτουργίας βασίζεται σε σύστημα μεταφοράς και απόθεσης μέσω των στοιχείων ή στοιχείων που σας παρέχει η ίδια η εφαρμογή. Φυσικά, πρέπει να έχετε υπόψη σας ότι η δωρεάν έκδοση σας επιτρέπει μόνο ένα έργο με μέγιστο μήκος τεσσάρων σελίδων, αν και μπορείτε να κατεβάσετε τα έργα σας σε διαφορετικές μορφές και να τα διαγράψετε τη στιγμή που σταματήσετε να τα χρησιμοποιείτε.

full206

Invision

Όταν κυκλοφόρησε προκάλεσε μεγάλη προσδοκία και δεν είναι περίεργο. Το Invision είναι ένα εργαλείο που εστιάζει στην αναπαράσταση των πρωτοτύπων, αλλά με μια σημαντική διαφορά: Αυτή η εφαρμογή μετατρέπει τα έργα σας σε διαδραστικά, δυναμικά πρωτότυπα με μεταβάσεις και κινούμενες εικόνες Ιστού, έτσι ώστε τα δικά σας mockups να αποκτήσουν μεγάλο ρεαλισμό. Σας επιτρέπει επίσης να μοιραστείτε το έργο σας με όλους τους χρήστες που θέλετε (συμπεριλαμβανομένου φυσικά του πελάτη σας), ώστε να είναι γρήγορο, ασφαλές και πρακτικό όταν κάνετε παρουσιάσεις έργων και αλληλεπιδράτε με το σχεδιασμό μιας ιστοσελίδας πριν ξεκινήσετε με την ανάπτυξή της.

Screen-Shot-2013 02-12-at-9.54.05-PM

Layervault

Σίγουρα περισσότερες από μία φορές είχαμε δυσκολίες στη διαχείριση των τελευταίων εκδόσεων των αρχείων σε ένα έργο. Ειδικά όταν γίνεται επεξεργασία του ίδιου αρχείου από πολλά άτομα ταυτόχρονα. Το Layervault είναι μια διαδικτυακή εφαρμογή που σας επιτρέπει να ελέγχετε και να διαχειρίζεστε όλες τις πτυχές του έργου σας (επικοινωνία με συναδέλφους, διαχείριση αρχείων κ.λπ.) από την ίδια διεπαφή. Μπορείτε να το προσθέσετε στη γραμμή εργασιών, η οποία θα σας επιτρέψει να αποθηκεύσετε αυτόματα οποιαδήποτε αλλαγή, αρχείο, φάκελο κ.λπ. μέσω συγχρονισμού. στον κατάλογο LayerVault. Έτσι, οι συνεργάτες του έργου σας θα λάβουν ενημερώσεις για να ενημερωθούν για τις πτυχές του έργου που ενημερώνονται ή τροποποιούνται και θα λάβουμε επίσης αυτές τις ειδοποιήσεις στις άλλες συσκευές μας, εάν τις συγχρονίσουμε.

παράθυρο ήρωα

codekit

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


Το περιεχόμενο του άρθρου συμμορφώνεται με τις αρχές μας συντακτική ηθική. Για να αναφέρετε ένα σφάλμα κάντε κλικ Aquí.

Γίνε ο πρώτος που θα σχολιάσει

Αφήστε το σχόλιό σας

Η διεύθυνση email σας δεν θα δημοσιευθεί.

*

*

  1. Υπεύθυνος για τα δεδομένα: Miguel Ángel Gatón
  2. Σκοπός των δεδομένων: Έλεγχος SPAM, διαχείριση σχολίων.
  3. Νομιμοποίηση: Η συγκατάθεσή σας
  4. Κοινοποίηση των δεδομένων: Τα δεδομένα δεν θα κοινοποιούνται σε τρίτους, εκτός από νομική υποχρέωση.
  5. Αποθήκευση δεδομένων: Βάση δεδομένων που φιλοξενείται από τα δίκτυα Occentus (ΕΕ)
  6. Δικαιώματα: Ανά πάσα στιγμή μπορείτε να περιορίσετε, να ανακτήσετε και να διαγράψετε τις πληροφορίες σας.