20+ νέες εφαρμογές και ιστότοποι για σχεδιαστές
Σεπ. 2010
Οι νέες εφαρμογές και ιστότοποι φαίνεται να εμφανίζονται σχεδόν καθημερινά.
Προσπαθώντας να βρούμε τα καλύτερα αυτά κάθε εβδομάδα ή μήνα μπορεί να είναι δύσκολο, ειδικά λαμβάνοντας υπόψη πόσα βγαίνουν που δεν είναι τόσο μεγάλα.
Σε αυτήν την ανάρτηση έχουμε συντάξει μερικές από τις καλύτερες εφαρμογές και ιστότοπους που έχουν βγει πρόσφατα.
Ορισμένες είναι εφαρμογές που συνδέονται στενά με την καθημερινή δουλειά ενός σχεδιαστή ιστού, ενώ άλλες δεν είναι πιθανό να χρησιμοποιηθούν τόσο συχνά, αλλά είναι ακόμα χρήσιμες.
Όπως πάντα, αν χάσαμε κάτι, ενημερώστε μας στα σχόλια.
Και αν γνωρίζετε μια εφαρμογή που θα θέλατε να συμπεριλάβετε στην επόμενη συνέντευξη, παρακαλώ στείλτε την στο tweet @cameron_chapman .
Muro
Το DeviantART είναι από καιρό ένα εξαιρετικό μέρος για καλλιτέχνες και σχεδιαστές να προβάλουν το έργο τους. Τώρα κυκλοφόρησαν μια εφαρμογή σχεδίασης που βασίζεται σε πρόγραμμα περιήγησης, που δημιουργήθηκε σε HTML5. Οι αρχικές κριτικές φαίνονται θετικές και είναι ελεύθερες για χρήση.
Προεπισκόπηση γραμματοσειράς Google
Εάν χρησιμοποιείτε το API γραμματοσειράς της Google, μπορεί να είναι χρήσιμο να δοκιμάσετε τις γραμματοσειρές πριν τις ενσωματώσετε στον ιστότοπό σας. Η Google ξεκίνησε πρόσφατα την επισκόπηση γραμματοσειρών που σας επιτρέπει να κάνετε ακριβώς αυτό. Μπορείτε να αλλάξετε γραμματοσειρές από την εφαρμογή Προεπισκόπηση και να τις τροποποιήσετε με διάφορους τρόπους σε προσαρμοσμένο κείμενο.
Περιοδικός Πίνακας Στοιχείων
Αυτός ο πίνακας, που δημιουργήθηκε από τον Josh Duck, παρουσιάζει τα 104 στοιχεία που βρίσκονται σήμερα στο προσχέδιο εργασίας HTML5 και δύο προτεινόμενα στοιχεία (σημειωμένα με αστερίσκο). Περιλαμβάνει επίσης ένα εργαλείο για την εξέταση του τρόπου με τον οποίο τα στοιχεία χρησιμοποιούνται σε υπάρχοντες ιστότοπους. Κάντε κλικ σε οποιοδήποτε στοιχείο του πίνακα για έναν σύντομο ορισμό και συνδέσεις σε περισσότερες πληροφορίες.
iMockups για iPad
Αυτή η εφαρμογή iPad σάς επιτρέπει να δημιουργείτε τραχειά σκίτσα τέλεια για γρήγορη φωτογράφηση και ιδεοψυχία. Τα mockups είναι χαμηλή πιστότητα, ώστε οι σχεδιαστές να μπορούν να επικεντρωθούν περισσότερο στη λειτουργικότητα και τη ροή, αντί να κάνουν τα πράγματα να φαίνονται "όμορφα". Το μειονέκτημα είναι ότι δεν είναι μια δωρεάν εφαρμογή (είναι $ 9,99).
Φάση των τιμολογίων
Το τιμολόγιο Bubble είναι μια δωρεάν εφαρμογή επαγγελματικής τιμολόγησης που σας επιτρέπει να δημιουργείτε τιμολόγια μιας χρήσης ή επαναλαμβανόμενα, συμπληρωμένα με την ολοκλήρωση πληρωμών PayPal. Η δωρεάν έκδοση περιλαμβάνει διαφημίσεις και έναν σύνδεσμο πίσω στη Φάση των Τιμολογίων, αλλά για $ 5 / μήνα μπορείτε να αφαιρέσετε και τα δύο αυτά πράγματα. Παρακολουθεί επίσης τα τιμολόγιά σας, σας επιτρέπει να δημιουργείτε εκτιμήσεις και σας δείχνει πόσα έχετε πληρώσει και πόσα είναι ακόμα εκκρεμή.
TinyBounce
Το TinyBounce σάς επιτρέπει να αποθηκεύσετε ένα στιγμιότυπο οθόνης μιας εικόνας, να δημιουργήσετε σημειώσεις για ανατροφοδότηση σχετικά με αυτό και στη συνέχεια να στείλετε το σύνδεσμο σε άλλους. Πρόκειται για μια μικροσκοπική εφαρμογή, που δημιουργήθηκε ως μέρος του 10K Apart.
ColorBlendy 2
Εδώ είναι μια άλλη εφαρμογή που δημιουργήθηκε ως μέρος της 10K Apart, αυτή τη φορά για τη δημιουργία και την εύρεση των αποτελεσμάτων της ανάμειξης χρωμάτων. Απλά επιλέξτε δύο χρώματα και, στη συνέχεια, το αποτέλεσμα που θέλετε να προσομοιώσετε για να πάρετε τον προκύπτοντα δεκαεξαδικό κώδικα.
Εκλεκτικοποιητής
Η χρήση των ψευδοκλάδων CSS3 είναι μεγάλη αν δεν σας ενδιαφέρει οι σελίδες σας να εμφανίζονται με τον τρόπο που θέλετε να εμφανίζονται στον Internet Explorer 6-8. Το Selectivizer είναι ένα βοηθητικό πρόγραμμα JavaScript που εξομοιώνει αυτόματα τις ψευδοκλάδους που θέλετε να χρησιμοποιήσετε. Απλά προσθέστε το σενάριο στις σελίδες σας και το κάνει και τα υπόλοιπα.
Οικογένεια Font Unicod Sans
Το UNicod Sans είναι μια νέα οικογένεια γραμματοσειρών από την Mostardesign. Πρόκειται για ένα μοντέρνο, ελαφρώς στρογγυλό τυπογραφείο τύπου sans serif με πέντε βάρη. Υπάρχουν εκδόσεις για κείμενο και τίτλους.
Gridulator
Το Gridulator σάς επιτρέπει να δημιουργείτε οδηγούς pixel για σχεδιασμό πλέγματος σε οποιαδήποτε ρύθμιση που θέλετε. Απλά βάλτε το συνολικό πλάτος και τον αριθμό των στηλών και θα φουσκώνει μια ποικιλία προτύπων πλέγματος με διαφορετικά πλάτη υδρορροών.
Σειρά συρραφής Keynotopia
Εάν έχετε εξετάσει το ενδεχόμενο δημιουργίας κορνιζών και πρωτοτύπων, τότε αυτό το πρότυπο wireframing από το Smashing Magazine θα κάνει τη ζωή σας πιο εύκολη. Περιλαμβάνει μια ποικιλία στοιχείων εφαρμογών ιστού, καθώς και ένα σεμινάριο για τη χρήση του Keynote για τη δημιουργία πρωτοτύπων.
Πρωταρχικός
Το πρωταρχικό είναι ένα CSS Framework που αποτελείται από 22 σχεδιαγράμματα και βασίζεται στις έννοιες του «22 Πάνελ που πάντα δουλεύουν» από τον καλλιτέχνη κόμικς Wally Wood.
Πλαίσιο σχεδίασης διεπαφής χρήστη
Αυτό το κιτ σχεδίασης GUI περιλαμβάνει εκατοντάδες στοιχεία διάνυσμα για το σχεδιασμό διεπαφών στο Adobe Illustrator. Υπάρχει μια βιβλιοθήκη 200 μορφών, 260 εικονιδίων διάνυσμα και πολλά άλλα.
Fan Script
Ακολουθεί μια νέα γραμματοσειρά σεναρίου από Umbrella Type, διαθέσιμη από το Veer. Περιέχει περισσότερα από 1000 glyphs και εμπνεύστηκε από τις γραμματοσειρές που χρησιμοποιούνται στα κλασικά αθλητικά είδη.
Πρότυπο
Το πρότυπο είναι μια νέα εφαρμογή πρωτότυπου που βρίσκεται επί του παρόντος σε ιδιωτική έκδοση beta. Περιλαμβάνει μια σειρά εργαλείων που δεν απαντώνται συνήθως στις περισσότερες εφαρμογές πλαισίωσης και πρωτοτύπων, συμπεριλαμβανομένης της δυνατότητας εφαρμογής στυλ στα πρωτότυπά σας με ένα μόνο κλικ.
Οικογένεια γραμματοσειρών αγκύρωσης
Το Anchor είναι ένα νέο στρογγυλό τυπογραφείο τύπου sans-serif από το Foundry Type Process. Σχεδιάστηκε ειδικά για να εργάζεται σε στενούς χώρους και περιλαμβάνει τέσσερα διαφορετικά βάρη.
Patternry
Το Patternry, γνωστό στο παρελθόν ως UI Pattern Factory (είναι πλήρως ανανεωμένο), αποτελεί μια εξαιρετική πηγή για να βρείτε συγκεκριμένα παραδείγματα διεπαφών χρήστη. Είναι ένα καλό μέρος για να πάτε για έμπνευση ή για να βρείτε παραδείγματα υπαρχόντων προτύπων.
Fillerati
Το Fillerati είναι μια γεννήτρια κειμένου πληρώματος που χρησιμοποιεί κείμενο από βιβλία στο δημόσιο τομέα (από το Project Gutenberg). Μπορείτε να πάρετε τίτλο, παραγράφους, στοιχεία λίστας και απλό κείμενο. Η διεπαφή είναι ιδιαίτερα ωραία για μια τέτοια χρηστική εφαρμογή.
Web Wireframe Kit
Εδώ είναι ένα κομψό κιτ καλωδίων από Emazekraker, το οποίο περιλαμβάνει τόσο ελαφριά όσο και σκοτεινή εκδοχή κάθε στοιχείου. Περιλαμβάνει βασικά χρώματα, πίνακες, κουμπιά, κουμπιά, στοιχεία μορφής και άλλα.
Forza
Το Forza είναι ένα πανέμορφο, μοντέρνο τετράγωνο τύπου sans-serif από την Hoefler & Frere-Jones. Έχει σχεδιαστεί για ενσύρματα . Έρχεται σε μια ποικιλία από βάρη και στυλ.
Πρόγραμμα περιήγησης χαρτιού
Το Πρόγραμμα περιήγησης χαρτιού είναι ένα πρότυπο συρραφής χαρτιού που μπορείτε να μεταφορτώσετε και να εκτυπώσετε. Τα πρότυπα έχουν μέγεθος 1024 x 768 εικονοστοιχεία και διατίθενται σε δύο εκδόσεις: το Quick Sketch και το Sketch Browser. Απελευθερώνουν επίσης τυπωμένες εκδόσεις φορητών υπολογιστών και των δύο που είναι διαθέσιμες προς το παρόν για προπαραγγελία.
Wazala
Η Wazala είναι μια νέα πλατφόρμα ηλεκτρονικού εμπορίου που μπορεί να χρησιμοποιηθεί με οποιαδήποτε ιστοσελίδα ή ιστολόγιο. Είναι ιδανικό για μη προγραμματιστές και μπορεί να χρησιμοποιηθεί με έως και πέντε προϊόντα δωρεάν. Τα αμειβόμενα σχέδια ξεκινούν από 9,95 δολάρια / μήνα.
Defolio
Το Defolio είναι ένα εργαλείο συνεργασίας για την κοινή χρήση σχεδίων ιστοτόπου με συναδέλφους και πελάτες. Διαχειρίζεται τον έλεγχο της έκδοσης και επιτρέπει οπτική σύγκριση μεταξύ των εκδόσεων, καθώς και σχόλια σχετικά με τις ενημερώσεις έκδοσης. Είναι ακόμα σε εξέλιξη, αλλά σύντομα θα προσθέσει συγχρονισμό αρχείων, δυνατότητα δημιουργίας έργων δημόσιων ή ιδιωτικών και καλύτερη αρχειοθέτηση.
CSS3.0 Maker
Αυτή η εύχρηστη εφαρμογή σάς επιτρέπει να δημιουργήσετε μια ποικιλία στοιχείων CSS3, συμπεριλαμβανομένων στρογγυλεμένων γωνιών, κλίσεων και σκιών. Αλλάζετε τις ιδιότητες χρησιμοποιώντας αναπτυσσόμενα μενού και συρόμενα και σας δείχνει μια προεπισκόπηση του τι έχετε δημιουργήσει. Περιλαμβάνει επίσης ποια προγράμματα περιήγησης λειτουργούν σε κάθε στοιχείο.
WebMadeMovies
Ενώ το έργο WebMadeMovies βρίσκεται εδώ και καιρό, κυκλοφόρησαν τελικά ένα παράδειγμα βίντεο, κάνοντας όλο το πράγμα λίγο πιο κοντά στο να είναι έτοιμο για ευρεία απελευθέρωση. Πρόκειται για ένα έργο αφιερωμένο στο ανοιχτό βίντεο με πρότυπα όπως το HTML5 που θα επιτρέψουν την προβολή περισσότερων διαδραστικών και ενδιαφέρουσων εμπειριών βίντεο online. Το πρώτο μεγάλο έργο τους είναι το popcorn.js, το οποίο επιτρέπει την προσθήκη σημασιολογικών πληροφοριών στα online βίντεο.
WebINK
Το WebINK είναι μια νέα υπηρεσία γραμματοσειρών web από το Extensis. Περιλαμβάνουν γραμματοσειρές από διάφορα χυτήρια τύπων, όπως exljbris, P22, Rimmer Type Foundy και ShinnType. Τα σχέδια τιμολόγησης είναι κλιμακούμενα και ξεκινούν από μόλις $ .99 / μήνα.
WebHooks
Το Formstack κυκλοφόρησε ένα νέο χαρακτηριστικό για τους προγραμματιστές που ονομάζονται WebHooks που διευκολύνουν την αλληλεπίδρασή τους με τις εφαρμογές ιστού σε σχεδόν πραγματικό χρόνο. Προηγουμένως, υπήρξε καθυστέρηση 5-10 λεπτών πριν από την ολοκλήρωση ορισμένων λειτουργιών από τα έντυπα Formstack, επειδή χρειάστηκε η εφαρμογή να ελέγξει τους διακομιστές του Outstack. Τώρα, νέες υποβολές ωθούνται στην εφαρμογή, με αποτέλεσμα σχεδόν καθόλου καθυστέρηση.
Γράφτηκε αποκλειστικά για WDD από Κάμερον Τσάπμαν .
Τι πιστεύετε για αυτούς τους νέους ιστότοπους και εφαρμογές; Εάν γνωρίζετε μια εφαρμογή / ιστότοπο που θα θέλατε να συμπεριλάβετε στην επόμενη συνέντευξη, παρακαλώ στείλτε την στο tweet @cameron_chapman .