Σχεδιαστής Ux/ui: pro sites - μάθημα 74.880 τρίψιμο. από Uprock, εκπαίδευση, Ημερομηνία: 28 Νοεμβρίου 2023.

instagram viewer

ΘΕΩΡΙΑ
ΨΥΧΟΛΟΓΙΑ
ANALYTICS (UX)
ΟΠΤΙΚΟΣ ΣΧΕΔΙΑΣΜΟΣ (UI)

Εισαγωγή

Σε αυτό το σεμινάριο, θα κατανοήσετε τη διαφορά μεταξύ UX και UI, και γιατί είναι άρρηκτα συνδεδεμένα. Θα συζητήσουμε τι είναι η διεπαφή και θα αγγίξουμε το θέμα της ταξινόμησης σχεδίου και ιστοσελίδων. Θα μάθετε ποιες αρχές και με ποια σειρά είναι σημαντικό να ακολουθήσετε στη διαδικασία σχεδιασμού, θα λάβετε κατανοούν πώς οι χρήστες επεξεργάζονται δεδομένα, μαθαίνουν τεχνικές διαχείρισης της προσοχής τους και συναισθήματα. Η εφαρμογή αυτής της γνώσης θα σας επιτρέψει να δημιουργήσετε φιλικές προς το χρήστη και εύχρηστες διεπαφές. Μάθετε να εργάζεστε στο πρόγραμμα επεξεργασίας γραφικών Figma και περάστε από τα πρώτα στάδια εμβάπτισης στη σχεδίαση UX/UI.

• Καθήκοντα και δεξιότητες σχεδιαστή UX/UI
• Ψυχολογία χρήστη
• Εργασία με το Figma (Ξεκινώντας) Εργασία με το κιτ διεπαφής χρήστη
• Βασικό στυλ
• Προσαρμοστικό
• Ανάπτυξη της παρατήρησης
• Web animation
• Στοιχεία διεπαφής / Στοιχεία τοποθεσίας
• Λογική διεπαφής
• Αρχές πλοήγησης
• Ερευνα

ANALYTICS (UX)
ΟΠΤΙΚΟΣ ΣΧΕΔΙΑΣΜΟΣ (UI)

Δημιουργία σελίδας προορισμού

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

• Τεχνολογική διαδικασία
• Πρώτο στάδιο: Ενημέρωση/Συγκέντρωση πληροφοριών
• Δεύτερο στάδιο: Ανταγωνιστική ανάλυση
• Τρίτο στάδιο: Πρωτοτυποποίηση
• Στάδιο τέταρτο: Οπτική έννοια
• Πέμπτο στάδιο: Μεταφορά διατάξεων στους προγραμματιστές

ΟΠΤΙΚΟΣ ΣΧΕΔΙΑΣΜΟΣ (UI)

Πλέγματα, συνθέσεις, γρήγορες έννοιες

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

• Οπτική λογική
• Σύνθεση
• Αρθρωτά πλέγματα
• Οδηγοί
• Τυπογραφία
• Βασικοί κανόνες για την εργασία με γραμματοσειρές στον Ιστό
• Χρώμα
• Πρακτικό μάθημα Νο 1
• Πρακτικό μάθημα Νο 2

ANALYTICS (UX)
ΟΠΤΙΚΟΣ ΣΧΕΔΙΑΣΜΟΣ (UI)

Ηλεκτρονικό κατάστημα

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

• Τεχνολογική διαδικασία
• Πρώτο στάδιο: Ενημέρωση/Συγκέντρωση πληροφοριών
• Δεύτερο στάδιο: Ανταγωνιστική ανάλυση
• Τρίτο στάδιο: Πρωτοτυποποίηση
• Στάδιο τέταρτο: Οπτική έννοια
• Πέμπτο στάδιο: Μεταφορά διατάξεων στους προγραμματιστές
• Μορφοποίηση έργου σε περίπτωση στο Behance

ANALYTICS (UX)
ΟΠΤΙΚΟΣ ΣΧΕΔΙΑΣΜΟΣ (UI)

Εταιρική ιστοσελίδα

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

• Τεχνολογική διαδικασία
• Πρώτο στάδιο: Ενημέρωση/Συγκέντρωση πληροφοριών
• Δεύτερο στάδιο: Ανταγωνιστική ανάλυση
• Τρίτο στάδιο: Πρωτοτυποποίηση
• Στάδιο τέταρτο: Οπτική έννοια
• Πέμπτο στάδιο: Μεταφορά διατάξεων στους προγραμματιστές
• Μορφοποίηση έργου σε περίπτωση στο Behance

ANALYTICS (UX)
ΟΠΤΙΚΟΣ ΣΧΕΔΙΑΣΜΟΣ (UI)

Ιστοσελίδα ειδήσεων

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

• Τεχνολογική διαδικασία
• Πρώτο στάδιο: Ενημέρωση/Συγκέντρωση πληροφοριών
• Δεύτερο στάδιο: Ανταγωνιστική ανάλυση
• Τρίτο στάδιο: Πρωτοτυποποίηση
• Στάδιο τέταρτο: Οπτική έννοια
• Πέμπτο στάδιο: Μεταφορά διατάξεων στους προγραμματιστές
• Μορφοποίηση έργου σε περίπτωση στο Behance

ANALYTICS (UX)
ΟΠΤΙΚΟΣ ΣΧΕΔΙΑΣΜΟΣ (UI)

Ιστοσελίδα στούντιο

Ο πιο ενδιαφέρον και δημιουργικός τύπος ιστότοπων. Θα μάθετε γιατί οι εταιρείες χρειάζονται ιστότοπους, ποιους στόχους και στόχους επιλύουν. Θα καταλάβετε τι αξία λαμβάνει ένας πελάτης όταν επισκέπτεται τον ιστότοπο του πρακτορείου. Θα εξετάσουμε πώς να σχεδιάσουμε και να αποδώσουμε σελίδες για αυτούς τους τύπους τοποθεσιών. Ως αποτέλεσμα, θα έχετε το δικό σας έργο, το οποίο θα δημοσιεύσετε στο Behance.

• Τεχνολογική διαδικασία
• Πρώτο στάδιο: Ενημέρωση/Συγκέντρωση πληροφοριών
• Δεύτερο στάδιο: Ανταγωνιστική ανάλυση
• Τρίτο στάδιο: Πρωτοτυποποίηση
• Στάδιο τέταρτο: Οπτική έννοια
• Πέμπτο στάδιο: Μεταφορά διατάξεων στους προγραμματιστές
• Μορφοποίηση έργου σε περίπτωση στο Behance

ANALYTICS (UX)
ΟΠΤΙΚΟΣ ΣΧΕΔΙΑΣΜΟΣ (UI)

Ιστοσελίδα χαρτοφυλακίου

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

• Τεχνολογική διαδικασία
• Πρώτο στάδιο: Ενημέρωση/Συγκέντρωση πληροφοριών
• Δεύτερο στάδιο: Ανταγωνιστική ανάλυση
• Τρίτο στάδιο: Πρωτοτυποποίηση
• Στάδιο τέταρτο: Οπτική έννοια
• Πέμπτο στάδιο: Μεταφορά διατάξεων στους προγραμματιστές
• Μορφοποίηση έργου σε περίπτωση στο Behance