Σχεδιασμός ιστοσελίδων. UX/UI - μάθημα 66.360 τρίψτε. από την Ψηφιακή Ακαδημία της Μόσχας, εκπαίδευση, Ημερομηνία: 29 Νοεμβρίου 2023.
μικροαντικείμενα / / November 30, 2023
Πολλοί από τους μαθητές μας, που ήρθαν από το μηδέν, εργάζονται σε γνωστά ψηφιακά πρακτορεία, εταιρείες πληροφορικής ή ως ελεύθεροι επαγγελματίες σε όλο τον κόσμο.
Αναπτύσσουμε τις δεξιότητές σας εντατικά και με ενδιαφέρον
Μιλάμε με απλά λόγια για πολύπλοκα πράγματα - χωρίς νερό και μεγάλες βαρετές διαλέξεις. Οι διαλέξεις των 15-20 λεπτών είναι εύκολο να κατανοηθούν και να χωνευτούν. Έχουμε δημιουργήσει μοναδικούς προσομοιωτές για Figma, αναφορές και UX που σας βοηθούν να κατακτήσετε γρήγορα σύνθετα θέματα και να βελτιώσετε τις πρακτικές δεξιότητες. Ο μοναδικός μας προσομοιωτής Figma θα σας βοηθήσει να κατακτήσετε γρήγορα και εύκολα το Figma.
Η καλή ανατροφοδότηση είναι το κλειδί της επιτυχίας
Οι μέντοράς μας, οι οποίοι είναι σχεδιαστές, θα βοηθήσουν στη βελτίωση των έργων σας και θα απαντήσουν σε οποιεσδήποτε, ακόμα και στις πιο «ανόητες» ερωτήσεις. Τα σχόλια θα είναι διαθέσιμα καθ' όλη τη διάρκεια του μαθήματος.
Ζωντανά εργαστήρια
Μας αρέσει να συναντάμε τους μαθητές μας, γι' αυτό οργανώνουμε ζωντανά εργαστήρια για εσάς, εξασκούμαστε μαζί και κάνουμε νέες ψηφιακές γνωριμίες. Στα εργαστήρια, δημιουργούμε μια ατμόσφαιρα παρόμοια με την εργασία σε στούντιο για να βυθίσουμε τα παιδιά στη διαδικασία δημιουργίας ενός σχεδίου και υπεράσπισης ενός έργου ως ομάδα.
Κοινοτική συνομιλία και υποστήριξη 19/7
Γίνετε μέλος της σχεδιαστικής κοινότητας από τις πρώτες μέρες των σπουδών σας. Στις συνομιλίες, οι μαθητές μοιράζονται την εργασία τους και τους χρήσιμους πόρους τους και οι επιμελητές της ακαδημίας απαντούν αμέσως σε τυχόν ερωτήσεις.
Εάν είστε ήδη σχεδιαστής, έχετε το δικό σας χαρτοφυλάκιο και θέλετε να λαμβάνετε σχόλια σχετικά με αυτό, στείλτε έναν σύνδεσμο στο χαρτοφυλάκιό σας - θα αναλύσουμε τη δουλειά σας, θα περιγράψουμε μια επαγγελματική πορεία και θα σας πούμε πώς μπορείτε να βελτιωθείτε.
Ανάλυση χαρτοφυλακίου και συμβουλές για τη βελτίωσή του
Ο επικεφαλής σχεδιαστής και η ομάδα MDA θα αναλύσουν το χαρτοφυλάκιό σας και θα σας πουν ποιες δεξιότητες πρέπει να βελτιώσετε και πού να προχωρήσετε στη συνέχεια. Θα σας βοηθήσουμε επίσης να γράψετε μια εξαιρετική συνοδευτική επιστολή για την εταιρεία των ονείρων σας. Μπορείτε να επιλέξετε μια βολική μορφή σχολίων – βιντεοκλήση ή αλληλογραφία μέσω κοινωνικών δικτύων.
Συνομιλία με κενές θέσεις
Δημοσιεύουμε κενές θέσεις από συνεργαζόμενες εταιρείες, τους αποφοίτους μας και απλά ωραίες θέσεις για juniors και μεσαίου επιπέδου στο σχεδιασμό. Μην ξεχνάτε τα έργα ανεξάρτητων επαγγελματιών: στη συνομιλία μας μπορείτε να βρείτε τόσο την κύρια εργασία σας όσο και τη μερική απασχόληση.
Εταιρείες συνεργάτες
Συνιστούμε ταλαντούχους πτυχιούχους για εργασία σε συνεργαζόμενες εταιρείες, καθώς και για πρακτική άσκηση στο YClients.
Βίντεο στον προσωπικό σας λογαριασμό
Το μάθημα περιέχει μια ολόκληρη ενότητα σχετικά με την απασχόληση: συμβουλές για το ποιοι πόροι να αναζητήσετε εργασία και τι είναι καλύτερο να μην κάνετε όταν κάνετε αίτηση για μια κενή θέση.
Έλαβε αρχιτεκτονική εκπαίδευση στο NNGASU.
Έχει συνεργαστεί με μάρκες: Shell, Sibur, ROSNO Allianz, Radisson, Muz-TV, AlfaStrakhovanie, MAX ασφαλιστικός όμιλος, ασφαλιστική εταιρεία VSK, S7 και άλλες γνωστές εταιρείες.
Εικονογράφηση για τα περιοδικά "Snob", "Gaming" και άλλα.
Βασικές ικανότητες:
- σχεδίαση διεπαφών και διατάξεων διαδικτυακών έργων,
- προσαρμοστικός σχεδιασμός,
- παρουσίαση διαδικτυακών έργων για πελάτες,
- ανάπτυξη εικονογραφήσεων για διαδικτυακά έργα.
Εισαγωγή στο σχέδιο. Πρακτική και εργαλεία
— Τομέας ευθύνης του σχεδιαστή.
— Πώς να αναπτύξετε έναν σχεδιαστή στον εαυτό σας.
— Πώς και πού να εμπνευστείτε;
— Η διαδικασία δημιουργίας σχεδίου.
Μάστερ στο πρόγραμμα Figma. Πρακτική
— Γνωριμία με το Figma
— Βασικά εργαλεία
— Προσομοιωτής Figma
— Κινούμενα σχέδια στο Figma
— Δημιουργήστε μια διαδραστική διάταξη στο Figma + χρησιμοποιήστε το GIF
— Στυλ στο Figma
— Αυτόματη διάταξη (θεωρία). PRO.
— Αυτόματη διάταξη (εξάσκηση). PRO.
- Συστατικά. PRO.
— Παραλλαγές. PRO.
— FigJam
— Πρόσθετα
Αρθρωτό πλέγμα και σύνθεση
— Τι είναι ένα αρθρωτό πλέγμα;
— Πώς να σχεδιάσετε ένα αρθρωτό πλέγμα
— Τι είναι η σύνθεση, πώς είναι δομημένη;
— Χρώμα, αντιστοίχιση χρωμάτων, θεωρία χρωμάτων
— Εργασία με περιεχόμενο
— Διάταξη στοιχείων στον ιστότοπο
— Νευροαισθητική
— Αρθρωτό πλέγμα. PRO.
- DZ-1. Σχεδιάζοντας έναν ιστότοπο χαρτοφυλακίου
Τυπογραφία
— Διάθεση, ταξινόμηση γραμματοσειρών
— Ανατομία γραμματοσειράς: kerning, tracking, lead
— Επεξεργασία: παύλα, παύλα, εισαγωγικά, κρέμονται σύνδεσμοι
— Υπηρεσίες, εμπορικές και μη γραμματοσειρές, χρέωση γραμματοσειρών, τιμές.
— Διάταξη κειμένου
— Ζεύγη γραμματοσειρών
— Τι γραμματοσειρές να χρησιμοποιήσετε
— Λάθη στην τυπογραφία.
Εργασία με αναφορές
— Εργασία με αναφορές. 1 μέρος.
— Εργασία με αναφορές. PRO.
— Εκπαιδευτής αναφοράς
Στάδια ανάπτυξης του έργου
- Μελέτη
— Δομή, πρωτότυπο και διάταξη
— Τεχνική παραγωγή
- DZ-2. Επανασχεδιασμός ιστότοπου μπαρ/ιστότοπων σχεδιαστών εσωτερικών χώρων (για επιλογή)
Τεχνικά χαρακτηριστικά των έργων
— Πώς μπαίνει ένας ιστότοπος στο Διαδίκτυο;
— Τι είναι το frontend. Πώς λειτουργεί ο κώδικας;
— Τι είναι το backend;
— Τομέας και φιλοξενία.
— Πώς να υποβάλετε μια διάταξη για ανάπτυξη; Τι πρέπει να επισυναφθεί, σε ποια μορφή και γιατί;
UX και αναλυτικά στοιχεία
— Τι είναι το UX. Από τι αποτελείται;
— Αρχιτεκτονική πληροφοριών. Ιεραρχία.
- Σχεδιασμός αλληλεπίδρασης
— Οπτικός σχεδιασμός
— Δοκιμή χρηστικότητας
— Αναλύσεις UX
— Προσαρμοσμένα σενάρια
— Μέθοδος ατόμου
- Χάρτης του μυαλού
— Πρωτοτυποποίηση
— Επίπεδα σύμφωνα με τον James Garrett.
— Μοτίβα UX
— Τι είναι ένα σύστημα σχεδιασμού;
— Σύστημα σχεδιασμού. Πρακτική
— Ανάλυση σφαλμάτων στον οπτικό σχεδιασμό
— Αρχή 4 ερωτήσεων
— Σύνθετα λεπτομερή πρωτότυπα
— DZ-3
— DZ-4
— Χάρτης ταξιδιού πελατών (CJM)
— Εκπαιδευτής UX/UI (beta)
— Γιατί χρειαζόμαστε έρευνα UX;
- Ποσοτική έρευνα. Δημοσκοπήσεις.
— Εργαλεία για τη δημιουργία ερευνών.
— Ποιοτική έρευνα. Συνέντευξη.
— Δοκιμή χρηστικότητας. PRO.
— Υποθέσεις.
— Ιστορία χρήστη / Εργασίες που πρέπει να γίνουν
— Εργασία για την έρευνα UX
Προσαρμοστικός σχεδιασμός
— Τι είναι το responsive design
— Πώς λειτουργούν τα δικαιώματα
— Τύποι διάταξης
— Συλλεκτική προσαρμοστική (νέο)
Προστασία έργου
— Προετοιμασία για άμυνα
— Προστασία έργου στον πελάτη
— Εκτίμηση
— Προστασία έργου από τον Grisha Kochenov
- DZ-5. Σχεδιάζοντας έναν ιστότοπο
Προσωπική επωνυμία
— Ελεύθερος επαγγελματίας και πλήρης απασχόληση
— Βασικές μορφές εργασίας για σχεδιαστές.
— Τι θέλουν να δουν οι εργοδότες;
— Πού να αναζητήσετε δουλειά ως σχεδιαστής ιστοσελίδων
- Συνοδευτικές επιστολές
— Πώς να περάσετε συνεντεύξεις
— Επιτυχημένες περιπτώσεις
- DZ-6. Μεταπτυχιακή εργασία
Κινουμένων σχεδίων
— Micro-animation
— Μακροκινούμενα σχέδια
— Κινούμενα σχέδια της πρώτης οθόνης
— Κινούμενα σχέδια στο ProtoPie
— Animation in Principle
— Κινούμενα σχέδια στο Adobe After Effects
- Spline 3D
— Διεπαφές του μέλλοντος. Grisha Kochenov
Καταχώρηση εργασιών
— Σχεδιασμός χαρτοφυλακίου. Πώς να δημιουργήσετε μια υπόθεση έργου. Σε τι συνίσταται η υπόθεση;
— Ανάλυση παραδειγμάτων φοιτητικών υποθέσεων
— Πώς να εισαγάγετε τη διάταξή σας σε μια μακέτα. Μέρος 1
— Εργασία με μακέτα. Μέρος 2ο
— Σχέδιο θήκης στο Behance στο Figma
— Πώς να δημοσιεύσετε την υπόθεσή σας στο Behance
— Behance και ετικέτα MDA
Κυματοειδής γραμμή
— Γνωριμία με την Tilda
— Εγγραφή και διεπαφή
— Ρυθμίσεις τοποθεσίας και ρυθμίσεις σελίδας
— Τυπικά μπλοκ
— Μηδενικό μπλοκ, διεπαφή
— Μηδενικό μπλοκ, εργασία με κείμενο
— Μηδενικό μπλοκ, εργασία με εικόνες
— Μηδενικό μπλοκ, σχήματα
— Μηδενικό μπλοκ, εργασία με κουμπιά
— Μηδενικό μπλοκ, πρόσθετα εργαλεία
— Ασφαλής διάταξη στο Tilda, Grid container
— Ρυθμίσεις αρχικής οθόνης
— Αυτόματη κλίμακα
— Εσοχές σε Tilde
— Προσαρμογή για κινητά
— Πρότυπα κινούμενων εικόνων από τον Varfolomeev
— Ηλεκτρονικό κατάστημα
— Ηλεκτρονικό κατάστημα. PRO
— Ειδήσεις και ροές
- Προσωπικός Χώρος
— Διάταξη στο Figma, δοχείο Grid
— Διάταξη στο Figma, δοχείο παραθύρου
— Διάταξη στο Figma, αυτόματη κλίμακα
— Αυτόματη μεταφορά διάταξης από το Figma
— Τροποποιήσεις
— DZ κατά την Tilda
Photoshop
Μερικά μαθήματα που θα σας βοηθήσουν να κατανοήσετε τα βασικά εργαλεία που θα χρειαστούν οι σχεδιαστές ιστοσελίδων
UX copywriting
Το UX copywriting, πώς διαφέρει από το κανονικό copywriting, εξετάζονται παραδείγματα.
Επωνυμία
- Τι είναι μια μάρκα; Στοιχεία μάρκας.
— Brandbook
— Τοποθέτηση, πλατφόρμα επωνυμίας
— Σχεδίαση λογότυπου στο Figma
Βιβλιοθήκη
Βιβλία για σχεδιαστές ιστοσελίδων