Unlimited Wordpress themes, plugins, graphics & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Web Design
  2. UX
Webdesign

UX σε 60 δευτερόλεπτα: Χρήση Βιβλιοθηκών Στοιχείων

by
Difficulty:BeginnerLength:ShortLanguages:

Greek (ελληνικά) translation by Iris Diakoumi (you can also view the original English article)

Καλώς ήλθατε σε αυτήν τη πολύ γρήγορη εισαγωγή στη χρήση βιβλιοθηκών στοιχείων' Χρήσιμη για σχεδιαστές, προγραμματιστές αλλά και τους χρήστες. Ας προχωρήσουμε!

Βιβλιοθήκες Στοιχείων σε 60 δευτερόλεπτα

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

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

Χρησιμοποιώντας το Sketch

Μιλώντας πρακτικά, μπορείτε να δημιουργήσετε σύμβολα στο projects σας στο Sketch ή να χρησιμοποιήσετε το plugin Craft από InVision. Για να πάρετε πραγματική αξία από τη βιβλιοθήκη στοιχείων σας, δουλέψτε με τους προγραμματιστές σας για να ορίσετε τα ίδια πράγματα και στον κώδικά σας.

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

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

Προτεινόμενα UI Kits

Θα παρατηρήσατε ένα-δυο UI kits να προτείνονται σε αυτό το βίντεο. Κατεβάστε τα τώρα ως μέρος της συνδρομής σας στο Envato Elements!

Simple

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

Simple Flat UI Kit

Zoomie

Kινητή εφαρμογή Social Media για το Sketch; Όλοι οι πίνακες οθόνης είναι καλά οργανωμένοι και πολυεπίπεδοι.

Zoomie

Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.