Σχεδιασμός ιστοσελίδων: το κλειδί της επιτυχίας - μάθημα 1990 rub. από Stepik, εκπαίδευση 62 μαθημάτων, Ημερομηνία 29 Νοεμβρίου 2023.
μικροαντικείμενα / / November 29, 2023
Τι θα μάθετε
- Δημιουργήστε σχέδια ιστοσελίδων
- Δημιουργήστε σχέδια διεπαφής για εφαρμογές για κινητές συσκευές
- Αναλύστε τους στόχους και τους στόχους του έργου
- Εργαστείτε με Figma, Photoshop κ.λπ.
- Εργαστείτε με χρώμα, γραμματοσειρές και εικόνες
- Σχεδιάστε πολύπλοκες διεπαφές
- Ανάπτυξη έργων ηλεκτρονικού εμπορίου
- Εργαστείτε με τη φωτογραφία στο περιβάλλον web
- Ανάπτυξη σχεδίου για iOS και Android
- Δημιουργήστε θήκες για το προφίλ Behance
Ο αριθμός των πωλήσεων εξαρτάται άμεσα από την εμφάνιση του ιστότοπου και από αυτή την άποψη, έχει καταστεί απαραίτητο για τους επιχειρηματίες και τις επιχειρήσεις να ο αριθμός των σχεδιαστών ιστοσελίδων που θα μπορούσαν να δημιουργήσουν υψηλής ποιότητας, βολικό και όμορφο σχεδιασμό ιστοτόπων για να προσελκύσουν όσο το δυνατόν περισσότερα νέα άτομα πελάτες.
Σχεδόν σε κάθε επιχείρηση, ένας σχεδιαστής ιστοσελίδων είναι ένα από τα πιο βασικά πρόσωπα· μπορεί να αυξήσει σημαντικά τις πωλήσεις και τα κέρδη, που είναι σίγουρα ο κύριος στόχος για κάθε επιχειρηματία. Ένας σχεδιαστής ιστοσελίδων που ξέρει πώς να δημιουργεί όμορφες και, κυρίως, ιστοσελίδες που πωλούν, εκτιμάται πολύ καλά στην αγορά εργασίας.
Αυτό το μάθημα απευθύνεται σε όσους είναι νέοι στο σχεδιασμό ιστοσελίδων., οπότε θα ξεκινήσουμε με τις βασικές αρχές και τα βασικά της εργασίας στο Figma και στη συνέχεια θα δημιουργήσουμε 3 πλήρεις τοποθεσίες: σελίδα προορισμού για εργοστάσιο επίπλων, πολυσέλιδο ηλεκτρονικό κατάστημα ρούχων και σελίδα προορισμού για Porsche 911.
Ας μάθουμε να δουλεύουμε με γραμματοσειρές
Οι γραμματοσειρές είναι ένα από τα πιο σημαντικά θέματα στο σχεδιασμό ιστοσελίδων. Η συμπεριφορά των χρηστών θα εξαρτηθεί άμεσα από τη γραμματοσειρά που θα επιλέξετε για τον ιστότοπό σας.
Ας καταλάβουμε την ψυχολογία των χρωμάτων
Τα χρώματα είναι ένα εξίσου σημαντικό θέμα για κάθε σχεδιαστή, είτε είναι γραφίστας, προϊόν ή σχεδιαστής ιστοσελίδων. Τα χρώματα επηρεάζουν άμεσα τον χρήστη και μπορούν να τον αναγκάσουν να κάνει τη δράση-στόχο.
Ας δούμε τα βασικά του σχεδιασμού UI/UX
Σε αυτό το μάθημα θα δουλέψουμε περισσότερο με το UI - user interface, αλλά δεν θα ξεχάσουμε το θέμα του UX design, θα καταλάβουμε γιατί ένας web designer χρειάζεται UX και θα μάθουμε τι είδους δοκιμές χρηστών υπάρχουν.
Ιδιωτική συνομιλία στο τηλεγράφημα
Σε αυτήν τη συνομιλία, μπορείτε να επικοινωνήσετε με αρχάριους σχεδιαστές ιστοσελίδων όπως εσείς, και το πιο σημαντικό, μπορείτε να κάνετε ερωτήσεις σχετικά με το μάθημα και να λάβετε μια γρήγορη απάντηση σε αυτούς.
Εγγύηση επιστροφής χρημάτων
Εάν ξαφνικά εξακολουθείτε να έχετε αμφιβολίες, τότε δεν χρειάζεται να ανησυχείτε, καθώς η πλατφόρμα Stepik σας δίνει τη δυνατότητα να επιστρέψετε τα χρήματά σας εντός 30 ημερών, χωρίς καμία ερώτηση!
Σε περιμένω στο μάθημα!
Τι παίρνετε
- Πιστοποιητικό ολοκλήρωσης του μαθήματος
- 3 πλήρεις ιστοσελίδες στο χαρτοφυλάκιο
- Ένα επάγγελμα σε ζήτηση
- Ευκαιρία εξάσκησης των αποκτημένων δεξιοτήτων
- Γρήγορες απαντήσεις στις ερωτήσεις σας
- Υποστήριξη από μέντορα
Εισαγωγή
1. Εισαγωγή και εισαγωγή στο επάγγελμαDemo πρόσβαση
2. Σύνδεσμος για ιδιωτική συνομιλία στο Telegram
3. Έχουμε πρόσβαση στα κοινωνικά δίκτυα Επίδειξη
4. Εγκατάσταση του Figma και των απαραίτητων πρόσθετων
Βασικά στοιχεία του Figma
1. Δημιουργούμε το πρώτο έργο και δουλεύουμε με διαστάσεις
2. Γνωριμία με τα πλήκτρα πρόσβασης
3. Εκμάθηση εργασίας με γραμματοσειρές
4. Πλαίσιο ή Ομάδα, ποιο να επιλέξετε;
5. Εργασία με Autolayout
6. Εργαλείο στυλό για διανυσματικά γραφικά
7. Σύστημα πλέγματος και οδηγοί
8. Στοιχεία και Βιβλιοθήκες
9. Κείμενο/χρώμα/εφέ/στυλ πλέγματος
10. Εφέ στρώματος και πλαισίου
11. Εξαγωγή στρωμάτων και πλαισίων
12. Κινούμενα σχέδια στο Figma
Βασικά στοιχεία σχεδίασης
1. Δημιουργία έργου Mood board
2. Σύνθεση στο web design
3. Αρθρωτά πλέγματα και οδηγοί
4. Θεωρία χρώματος και χρωματικός τροχός
5. Τυπογραφία στο σχεδιασμό ιστοσελίδων
Δημιουργία της πρώτης ιστοσελίδας
1. Εκμάθηση κατανόησης των τεχνικών προδιαγραφών
2. Ανάπτυξη πρωτοτύπου προσγείωσης
3. Σχεδιασμός σελίδας προορισμού
4. Προσαρμογή σελίδας προορισμού για κινητές συσκευές
Σχεδιασμός UX
1. Γιατί το χρειάζεται ένας σχεδιαστής UX;
2. Τύποι Έρευνας UX
3. Το κοινό-στόχος
4. Δημοσκοπήσεις
εργαστήριο UX
1. Συνεντεύξεις σε βάθος, τεστ παρατήρησης και χρηστικότητας
2. Σύνταξη CJM
Εργασία από φωτογραφίες
1. Επιλογή φωτογραφιών για το έργο
2. Διόρθωση χρώματος φωτογραφιών στο Figma
3. Επεξεργασία φωτογραφιών στο Photoshop
4. Κολλάζ για 1η οθόνη
Δημιουργούμε ηλεκτρονικό κατάστημα
1. Αρχές σχεδίασης UX στο ηλεκτρονικό εμπόριο
2. Ανάλυση του προβλήματος
3. Σχεδιασμός αρχικής σελίδας
4. Δημιουργία UI KIT
5. Υλοποίηση της κεντρικής σελίδας
6. Σελίδα καταλόγου
7. Σελίδα προϊόντος
8. Καλάθι και λίστα επιθυμιών
9. Κάνω μια παραγγελία
10. Προσωπικός Χώρος
11. Σελίδες πληροφοριών και τέλος
Δημιουργία σελίδας προορισμού για την Porsche
1. Αναλύουμε τις τεχνικές προδιαγραφές
2. Ανάπτυξη πρωτοτύπου προσγείωσης
3. Σχεδιασμός κύριου περιεχομένου σελίδας προορισμού
Προσαρμοστικός σχεδιασμός
1. Θεωρία απόκρισης και σημεία πέδησης
2. Μικροαλληλεπιδράσεις και μετασχηματισμοί
3. Προσαρμοστικότητα σελίδας προορισμού
4. Προσαρμοστικότητα στο ηλεκτρονικό εμπόριο
Σχεδιασμός εφαρμογής για κινητά
1. Βασικά στοιχεία σχεδίασης εφαρμογών για κινητά
2. Gaidlans IOS
3. Gaidlans Andorid
4. Σχεδιασμός εφαρμογής στο Figma
Case on Behance
1. Γνωριμία με το Behance
2. Επιτυχημένα παραδείγματα έργων
3. Δομή ενός καλού έργου
4. Δημοσίευση του έργου
Ο τελικός
1. Συνοψίζοντας το μάθημα