Χρήσιμα (χωρίς σύνδεση) σκεύη και εργαλειοθήκες για σχεδιαστές
Οι περισσότεροι σχεδιαστές ιστοσελίδων ξεκινούν νέα έργα στον υπολογιστή τους. Υπάρχουν εκατοντάδες εργαλεία εκεί έξω για τη δημιουργία wireframes, mockups, πρωτότυπα, και να κάνετε διάφορες άλλες δραστηριότητες προγραμματισμού στον υπολογιστή σας ή σε απευθείας σύνδεση. Υπάρχουν όμως και τόνοι εκτός έδρας, χάρτινα εργαλεία που μπορούν να επιταχύνουν την διαδικασία ανάπτυξης και σχεδίασης. Οι σχεδιαστές που ξεκινούν τον προγραμματισμό εκτός σύνδεσης συχνά χρησιμοποιούν μόνο χαρτί κενό ή γραφήματα και ξεκινούν από το μηδέν.
Γιατί να ξεκινήσετε εντελώς από το μηδέν, όταν μπορείτε να χρησιμοποιήσετε έναν από αυτούς τους προκατασκευασμένους οδηγούς για εξοικονόμηση χρόνου και να κατευθύνετε καλύτερα τις δημιουργικές ενέργειές σας; Παρακάτω έχουμε συντάξει μια μεγάλη λίστα με δωρεάν εργαλεία που μπορείτε να κατεβάσετε καθώς και μια συλλογή από σημειωματάρια και άλλα προϊόντα που μπορείτε να αγοράσετε για προγραμματισμό και σχεδιασμό εκτός σύνδεσης.
Εδώ είναι πιο χρήσιμοι σχεδιαστές άρθρα εργαλείων άρθρα που μπορεί να θέλετε να ελέγξετε έξω:
- 27 πρέπει να έχουν κιτ εκκίνησης για τους σχεδιαστές ιστοσελίδων
- GUI Icon Sets για τους σχεδιαστές ιστοσελίδων
- 50 (Περισσότερα) Εξαιρετικά Mini Icon Sets
Λήψεις
Τα παρακάτω εργαλεία είναι διαθέσιμα για δωρεάν download. Περιλαμβάνουν προρυθμισμένα προγράμματα περιήγησης, πλέγματα και εργαλεία για την ανάπτυξη iPad και iPhone.
Πρόγραμμα περιήγησης χαρτιού
Ένα απλό, εκτυπώσιμο παράθυρο προγράμματος περιήγησης για wireframing. Υπάρχει ένα λεπτό πλέγμα μέσα στο παράθυρο για καλύτερο σχεδιασμό (τόσο για σχέδια πλάτους 960px όσο και για σχέδια μεγέθους 800px). Είναι αναλογική κλίμακα για ανάλυση οθόνης 1024 × 768.
MBTI Sketching Paper για ιδέα
Το MBTI Sketching Paper περιέχει τέσσερις ξεχωριστές περιοχές για να παρουσιάσει ιδέες για τους τέσσερις συγκεκριμένους τρόπους αγοράς: ανταγωνιστικό, αυθόρμητο, μεθοδικό και ανθρωπιστικό. Διατίθεται σε τέσσερα μεγέθη: A4, A3, Letter και Legal.
Βιβλίο σχεδίασης Concept7
Αυτό το χαρτί σκίτσα παρέχει ένα παράθυρο προγράμματος περιήγησης με προ-κατασκευασμένες γραμμές πλέγματος, καθώς και μια περιοχή σημειώσεων στο πλάι. Διατίθεται σε μεγέθη A4 και A3.
960 Φύλλα σκίτσων συστήματος πλέγματος
Το σύστημα 960 Grid έχει πολλά πρότυπα διαθέσιμα για διάφορα προγράμματα σχεδιασμού. Αλλά πολλοί άνθρωποι δεν γνωρίζουν ότι υπάρχουν επίσης downloadable πρότυπα PDF για wireframing με 960.gs σε χαρτί.
Σχεδιασμός χαρτιού γραφικού χαρτιού
Το Konigi διαθέτει δωρεάν, εκτυπώσιμο χαρτί γραφικών για τα mockups σχεδιασμού πλέγματος. Τα διαθέσιμα πρότυπα περιλαμβάνουν ένα wireframe με περιοχή σημειώσεων, συρματοπλέγματα προσανατολισμένα στο τοπίο και στο πορτραίτο, πίνακες ιστοριών (με και χωρίς σημειώσεις), χαρτί διαγράμματος δύο προς δύο και βασικό χαρτί γραφικών.
Ηλεκτρονικό κιτ μαρκαρίσματος
Ένα σύνολο προτύπων μαγνητών από το Konigi. Απλώς εκτυπώστε τα πάνω σε φύλλα μαγνητών και είστε έτοιμοι να ξεκινήσετε τη φωτογράφηση και το πρωτότυπο στο λευκό πίνακα ή άλλη μαγνητική επιφάνεια. Μπορείτε επίσης να τα ελασματοποιήσετε για να τα χρησιμοποιήσετε με δείκτες στεγνού σβησίματος.
Sketchboards
Αυτά τα σχέδια σκίτσων είναι διαθέσιμα σε δύο εκδόσεις: μία οθόνη με χώρο σημειώσεων ή έξι με χώρο σημειώσεων. Η έκδοση πολλαπλών σελίδων είναι ιδανική για γρήγορη δημιουργία πρωτοτύπων πολλαπλών σελίδων, όπου η έκδοση μιας σελίδας είναι ιδανική για λεπτομερέστερη περίφραξη συγκεκριμένων σελίδων.
Πρότυπο 6 σελίδων
Πρόκειται για ένα απλό πρότυπο με προρυθμισμένα παράθυρα του προγράμματος περιήγησης για mockups έξι σελίδων σε κάθε φύλλο, με επιπλέον χώρο για σημειώσεις στο πλάι. Πολύ απλό, αλλά πολύ χρήσιμο για σχεδιασμό υψηλού επιπέδου.
Πρότυπα Wireframe Paper
Μια ποικιλία μοντέλων wireframe, με ένα σύνολο επτά που περιλαμβάνονται στη λήψη. Υπάρχουν επίσης διαθέσιμα πρότυπα PSD, αν θέλετε να τα προσαρμόσετε πριν από την εκτύπωση.
Wireframe Template
Ένα απλό πρότυπο wireframe με χώρο για τον τίτλο της σελίδας στην κορυφή και τις σημειώσεις κατά μήκος της πλευράς. Είναι αρκετά επαγγελματική για να χρησιμοποιήσει για τελικά wireframes και mockups για να δείξει στους πελάτες.
Πρότυπο Wireframe iPhone App
Ένα πολύ κομψό πρότυπο εφαρμογής iPhone, διαθέσιμο σε κατακόρυφους και οριζόντιους προσανατολισμούς. Υπάρχουν εκδόσεις με ενιαία mockups iPhone με άφθονο χώρο για σημειώσεις καθώς και σελίδες με τρία iPhones σε μία σελίδα.
iPad Idea Sheet
Υπάρχουν τρεις διαθέσιμες εκδόσεις: ένα φύλλο δύο φύλλων με iPad προσανατολισμένο προς τα πλάγια, ένα φύλλο τεσσάρων φύλλων με iPads προσανατολισμένο στο τοπίο και ένα φύλλο ενός φύλλου με iPad προσανατολισμένο στο τοπίο. Έχουν επίσης ένα iPhone Idea Sheet διαθέσιμο για λήψη.
Σενάριο, Ροή εργασίας και Γραμματοσειρά σκίτσα
Αυτά τα σκίτσα είναι πολύτιμα εργαλεία για τον προγραμματισμό του ιστότοπου. Το φύλλο σεναρίων σάς βοηθά να προγραμματίσετε πώς να φέρετε τους επισκέπτες στον ιστότοπό σας για να εκτελέσετε μια επιθυμητή ενέργεια. Το φύλλο ροής εργασιών σας βοηθά να καταλάβετε ποια βήματα εμπλέκονται στην εκτέλεση συγκεκριμένων εργασιών στον ιστότοπό σας. Και το φύλλο πλέγματος σας δίνει χώρο για την περιστροφή και τις σημειώσεις σε συγκεκριμένες σελίδες.
Προϊόντα
Τα παρακάτω προϊόντα είναι συχνά παρόμοια με εκείνα που είναι διαθέσιμα για λήψη παραπάνω, αλλά έρχονται προεκτυπωμένα. Περιλαμβάνονται επίσης άλλα εργαλεία, όπως μεμβράνες και κολλητικές σημειώσεις.
Mighty Mouse Pad
Ένα μαξιλάρι ποντικιού που είναι επίσης ένα σημειωματάριο. Υπάρχουν τρεις διαφορετικές εκδόσεις: 5 ημέρες την εβδομάδα (με χώρο για λίστες υποχρεώσεων για πέντε ημέρες), Information Central (με άφθονο χώρο για σημειώσεις) και Random Dawdle. 10 δολάρια το καθένα.
iPad Stencil Kit
Ένα μεταλλικό στένσιλ από UI Stencils για σχεδιασμό για το iPad της Apple. Έχει όλα όσα χρειάζεστε για να κάνετε mock-up εφαρμογές για το iPad. Το κιτ περιλαμβάνει επίσης μηχανικό μολύβι Zebra μεγέθους 0,7 mm και πίνακα τεχνικών αλληλεπίδρασης. 24,95 δολάρια
iPhone Stencil Kit
Ένα άλλο σετ μεταλλικών stencil από UI Stencils, αυτή τη φορά για το iPhone. Έρχεται επίσης με τα αυτοκόλλητα Zebra Mechanical Pencil και UI Stencils. 24,95 δολάρια
Sketchbook εφαρμογής
Προσφέρει σπειροειδείς εφαρμογές Sketchbooks για το σχεδιασμό εφαρμογών iPhone και iPad. Υπάρχουν διαθέσιμες τυπικές, διάτρητες και iPad εκδόσεις. Οι εκδόσεις του iPhone έρχονται με τρεις εικόνες iPhone πραγματικού μεγέθους ανά σελίδα, με 50 σελίδες (διπλής όψεως) συνολικά. Το sketchbook του iPad (δεν είναι ακόμα διαθέσιμο) συνοδεύεται από μία εικόνα ανά σελίδα. 12 δολάρια το καθένα.
Notepod και Notepod+
Φορητά σημειωματάρια μεγέθους για το σχεδιασμό εφαρμογών iPod και iPad. Τα σημειωματάρια iPod έρχονται σε ένα πακέτο 3, με 100 σελίδες ανά μαξιλάρι. Η έκδοση iPad (Notepod +) πωλείται ξεχωριστά και έχει επίσης 100 σελίδες ανά μαξιλάρι. Το Notepod + είναι 19,95 δολάρια. Notepod είναι $ 17.95 / τρία.
Σημειωματάριο ιστορικού
8 σημειωματάρια 1/2 x 11 ιντσών από το Konigi με 50 φύλλα για το storyboard, το καθένα με χώρο για σημειώσεις. Το πράγμα που θέτει αυτά εκτός από τα πιο συνηθισμένα σημειωματάρια ιστορίας είναι ότι κάθε τμήμα storyboard χωρίζεται σε ένα πλέγμα, καθιστώντας τα πολύ πιο κατάλληλα για το σχεδιασμό αλληλεπίδρασης. $ 9 το καθένα, διαθέσιμο μόνο στις ΗΠΑ.
Πίνακας σκίτσων του προγράμματος περιήγησης
Ένα σημειωματάριο που περιλαμβάνει ένα πρότυπο παραθύρου προγράμματος περιήγησης σε κάθε σελίδα. Κάθε παράθυρο περιλαμβάνει ένα πλέγμα, το οποίο είναι συμβατό με το Kit Stencil Kit ($ 24.95), επίσης από το Stencils UI. 8,95 δολάρια το καθένα.
Dot Grid Book
Αυτά τα βιβλιαράκια dot από το Behance είναι παρόμοια με το παραδοσιακό χαρτί γραφημάτων, αλλά όχι από τις γραμμές, έχουν κουκκίδες όπου τέμνονται γραμμές. Παρέχει ένα εξαιρετικό πλέγμα για το σκίτσο χωρίς τη διείσδυση των συμπαγών γραμμών. 14 δολάρια το καθένα.
Κάθε φορά που το Sticky Note Set
Για όσους από εμάς χρησιμοποιούμε κολλώδεις σημειώσεις για να κρατήσουμε οργανωμένες, μπορεί να είναι απλώς το πράγμα να μεταφέρετε το σύστημα παραγωγικότητας στο επόμενο επίπεδο. Ξεχωριστοί τύποι σημειώσεων για πράγματα που μπορούν να γίνουν σήμερα, σύντομα ή κάποια μέρα, καθώς και τρεις επιπλέον τύποι σημειώσεων. 12,99 δολάρια.
Περαιτέρω Πόροι
Βρείτε ακόμα περισσότερους πόρους μέσω των παρακάτω παραπομπών:
- 50 δωρεάν κιτ Wireframing UI και Web Design, πόροι και αρχεία προέλευσης - Ένα φανταστικό ρομπότ από το Smashing Magazine που περιλαμβάνει τόσο online όσο και offline.
- Δωρεάν εκτυπώσιμη σκίτσα, συρραφή και λήψη σημειώσεων σε πρότυπα PDF - Ένα άλλο μεγάλο ρομπότ από το περιοδικό Smashing, που αποτελείται αποκλειστικά από εκτυπώσιμους πόρους αυτή τη φορά.
- UI, Wireframing, και Layout Σχεδιασμός πόρων - Μια μικρή ροή εκτυπώσιμων πόρων που συντάχθηκε από Es Developed.