Δωρεάν Κιτ GUI Σκίτσο Για Web & Κινητό Σχεδιασμό - Best of

Πολλοί σχεδιαστές πηδούν γρήγορα το πλοίο από το Adobe Photoshop στην υπέροχη σφαίρα του Sketch. Αυτό το πρόγραμμα ψηφιακού σχεδιασμού για το OS X παρέχει καλύτερα εργαλεία για σχεδιασμό UI, σχεδιασμό εικονιδίων, και προσφέρει υποστήριξη pixel + φορέα σε ένα πρόγραμμα. Αυτό έχει οδηγήσει σε αύξηση της δημοτικότητας για freebies που απελευθερώνονται από τους σχεδιαστές του Sketch.

Όποιος είναι εξοικειωμένος με την αγορά freebie ξέρει ότι τα κιτ UI είναι μερικά από τα πιο δημοφιλή μέσα για την εργασία σχεδιασμού διεπαφών. Έχω καταρτίσει αυτή την επιλογή δωρεάν κιτ UI Sketch για ιστοσελίδες και κινητές εφαρμογές. Κάθε κιτ είναι ελεύθερο για λήψη και πρέπει να λειτουργεί με οποιαδήποτε έκδοση του Sketch. Αισθανθείτε ελεύθεροι να αρπάξετε οτιδήποτε παγιδεύει το μάτι σας και να δείτε αν μπορείτε να χρησιμοποιήσετε αυτά τα κιτ διεπαφής για καλή χρήση.

Συσκευές UI Web

Οι ιστότοποι εξακολουθούν να αποτελούν τη ζωτικότητα της σχεδίασης του UI και οι mockups αποτελούν συχνά μια απαίτηση πριν από την κωδικοποίηση. Αυτά τα κιτ UI θα σας δώσουν τους πόρους που χρειάζεστε για να δημιουργήσετε ψηφιακές διεπαφές ομορφιάς και σκοπό που μπορούν να κωδικοποιηθούν γρήγορα σε πραγματικές διατάξεις ιστοσελίδας.

Dark UI Kit

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

Σκούρο και ελαφρύ κιτ UI

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

Καλοκαιρινό κιτ UI

Αυτό το καλοκαίρι είναι γεμάτο από κιτ UI κουμπιά, φόρμες, dropdowns, και άλλα πολύ κοινά στοιχεία σελίδας για την ενίσχυση των ψηφιακών mockups. Επιπλέον, είναι ένα έγγραφο με στρώσεις πλήρως στρωμένο, ώστε να μην έχετε κανένα πρόβλημα να κάνετε αλλαγές στο περιεχόμενο, όπως απαιτείται.

Pearl UI Kit

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

Διαμορφώσεις σελίδας προσγείωσης

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

Σετ εφαρμογής UI στο Web

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

Ευέλικτο κιτ UI

Αυτό είναι αναμφίβολα ένα από τα πιο εκτεταμένα κιτ UI που θα βρείτε ποτέ για το Sketch. Η ζωντανή σελίδα επίδειξης μετράει 25+ διαφορετικοί τύποι στοιχείων από τα ρυθμιστικά εικόνας σε φόρμες πληρωμής και σχόλια χρηστών. Σίγουρα ένα από τα πιο cool και πιο χρήσιμα πακέτα freebie Sketch θα βρείτε στο διαδίκτυο.

Bootsketch UI

Οι σχεδιαστές του UI συχνά απουσιάζουν από τον βρόχο όταν πρόκειται για πλαίσια frontend και αυτός είναι ο λόγος για τον οποίο αυτό το freebie είναι μια θεραπεία. Αυτό το κιτ Bootsketch έχει στοιχεία διανύσματος για κάθε υπάρχον στοιχείο Bootstrap. Αυτό κάνει εξαιρετικά εύκολο να δημιουργήσετε μακέτες με θέμα το Bootstrap στο Sketch χωρίς καν να αγγίξετε το πρόγραμμα περιήγησης.

Tiny Flat UI Kit

Αυτό το κομψό κιτ UI απομακρύνεται από το επίπεδο σχεδιασμό μέχρι αγκαλιάστε την αισθητική των κλίσεων και του βάθους σε στοιχεία σελίδας. Είναι ένα διασκεδαστικό κιτ για να το χρησιμοποιήσετε σε οποιοδήποτε έργο και αποδεικνύει ότι οτιδήποτε μπορείτε να κάνετε στο Photoshop είναι εξίσου δυνατό στο Sketch.

Περισσότερο

Αν ψάχνετε για περισσότερες εναλλακτικές λύσεις, ρίξτε μια ματιά σε αυτή τη μικρή λίστα των κιτ UI στο Web παρακάτω.

Μάρμαρο UI Kit
Στοιχείο Kit UI Kit
Φρέσκο κιτ UI
Dink UI Kit (Δείγμα)
UI κιτ για το Web και το κινητό

Κιτ Κινητών UI

Η αγάπη για τις εγγενείς εφαρμογές για κινητά συνέχισε να αυξάνεται καθώς οι περισσότεροι άνθρωποι κινούνται στην οικονομία κινητής τηλεφωνίας. Παρόλο που οι λήψεις εφαρμογών πέφτουν, εξακολουθεί να υπάρχει ανάγκη για διασυνδέσεις ποιότητας για τις εγγενείς εφαρμογές για τη συμπλήρωση εφαρμογών επιφάνειας εργασίας. Αυτά τα δωρεάν κιτ UI Sketch θα σας βοηθήσουν να σχεδιάσετε ποιοτικές εφαρμογές για κινητές συσκευές για όλες τις συσκευές, ενώ παράλληλα να διατηρήσετε τις διαφορές μεταξύ των ψηφιοποιήσεων και των οθονών αμφιβληστροειδούς.

iOS 9.3 UI Kit

Η συνεχιζόμενη ώθηση της Apple προς την κατεύθυνση της μεγαλύτερης καινοτομίας προωθεί ένα νέο κινητό λειτουργικό σύστημα σχεδόν κάθε χρόνο. Η τρέχουσα τάση είναι iOS 9 και αυτό το κιτ UI διαθέτει όλα όσα θα χρειαστείτε για τις εγγενείς εφαρμογές iOS.

Salesforce1 Wireframe Kit

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

Πρότυπο κινητού UX

Είστε πρωτότυπο ένα κινητό UX για μια εφαρμογή iPhone ή Android; Στη συνέχεια, αυτό το freebie σκίτσο σίγουρα θα σας βοηθήσει να ολοκληρώσετε αυτό το wireframe με ευκολία. Είναι ένας ελεύθερος τρόπος να ξεκινήστε την φάση της κατασκευής / πρωτοτύπου σε μια ψηφιακή οθόνη.

Κάρτα UI κοινωνικής εφαρμογής iOS

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

Moon Wireframe Kit

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

Σετ εργαλείων UI για ταξίδια

Εδώ είναι ένα σκοτεινό αλλά όμορφο κιτ UI που βασίζεται σε ένα ταξιδιωτική εφαρμογή για χρήστες Sketch 3+. Είναι κατασκευασμένο για όποιον θέλει να παίξει γύρω με μια πτήση αέρα ή να ταξιδέψει την έννοια της κινητής εφαρμογής.

Instagram UI Kit

Οι εφαρμογές για κοινή χρήση φωτογραφιών είναι κορεσμένες στην αγορά και ορισμένες εφαρμογές περιλαμβάνουν ακόμη και λειτουργίες κοινής χρήσης φωτογραφιών συμπληρωματικές με τον κύριο σκοπό της εφαρμογής. Είναι λοιπόν καλό να διαθέτετε αυτό το δωρεάν κιτ Instagram UI για τους σχεδιαστές Sketch για να αναπαράγουν τη λειτουργικότητα των φωτογραφιών με τα δικά τους σχέδια. Πρόκειται για ένα βασικό πρωτόκολλο UI για εφαρμογές φωτογραφιών της iOS.

Περισσότερο

Υπάρχουν πάρα πολλά κιτ GUI για να γράψετε σε αυτό το post, αλλά δεν μπορώ να αφήσω κανένα καλό από πίσω. Επομένως, αν χρειάζεστε ακόμα πιο κινητό υλικό για το Sketch UI, ρίξτε μια ματιά σε αυτές τις εναλλακτικές λύσεις.

Routes UI Kit
iOS 7 UI Light Kit
Uber iOS Wireframe Kit
Photo Splash iOS UI Kit
Συσκευή Phoenix UI - Τόμος 1