Sketch από το Α έως το Ω: Γίνε UI-Σχεδιαστής

Οδηγός σχεδίασης - γίνετε σχεδιαστής UI και UX

Γλώσσα: Γερμανικά

Οδηγίες σχεδίασης - γίνε σχεδιαστής UI και UX.

Το Sketch είναι ένα αποτελεσματικό και εύχρηστο εργαλείο με το οποίο μπορείς να δημιουργήσεις πρωτότυπα ιστοσελίδων. Χρησιμοποιώντας το λογισμικό UI και UX, δημιουργείς δυναμικά περιβάλλοντα χρήστη για ιστοσελίδες και εφαρμογές. Ένα σημαντικό πλεονέκτημα: Καθώς τα σχέδια συμμορφώνονται με τους κανόνες της σχεδίασης ιστού, παρέχεις στην ανάπτυξη ένα αποτέλεσμα που μπορεί να εφαρμοστεί απευθείας. Μάθε το Sketch από αυτό το σεμινάριο πάνω από πέντε ωρών του Luca Kiedrowski, που σε καθοδηγεί πρακτικά από το έννοιακό στάδιο μέχρι την πλήρως σχεδιασμένη διαδικτυακή διεπαφή.

Γίνε σχεδιαστής UI και UX: Δημιούργησε διεπαφές χρήστη με το Sketch για ιστοσελίδες και εφαρμογές.
Για μια γρήγορη εισαγωγή: Αποκτήστε τις βασικές γνώσεις σχετικά με το Sketch, το σχεδιασμό UI και UX.
ΓΙΑ ΤΗΝ ΠΡΟΟΔΟ ΣΟΥ: Μάθε προηγμένες τεχνικές σχεδίασης όπως ο λειτουργίες μπούλ.
Πρακτικό εκπαιδευτικό εγχειρίδιο: Δημιούργησε ένα σύγχρονο περιβάλλον χρήστη χρησιμοποιώντας ως παράδειγμα μια εφαρμογή.
Καλύτερη συνεργασία με τους προγραμματιστές: Δώστε τους απευθείας πρωτότυπα που μπορούν να αναπτυχθούν.
Κατανοήστε σε 5 ώρες τον όρο UI και UX: Ο προπονητής Luca Kiedrowski παρουσιάζει παραδείγματα καλών πρακτικών.
Έτσι οι μάθες παραμένουν στο μυαλό: Συμπεριλαμβανομένων των εργαλείων εργασίας για συμμετοχή.

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

Zugriff auf alle Inhalte

In der Mitgliedschaft ab * € monatlich

oder

Inhalt in den Warenkorb

Sofort-Download nach Kauf: einmalig * €

λεπτομέρειες

Μπορεί να χρησιμοποιηθεί με:
Περιεχόμενα: 5 h Σεμινάριο βίντεο
Άδεια: ιδιωτική και εμπορική Δικαιώματα χρήσης
Μπόνους: περιλαμβάνεται υλικό εργασίας

Κατηγορίες

Σχεδιασμός (Εικονογράφηση, Διάταξη & Εκτύπωση)

Δημιουργήθηκε με αγάπη από:

Luca Kiedrowski

Παραδείγματα εφαρμογής

Έξυπνα τηλέφωνα με μια εφαρμογή, το design της οποίας αναπτύχθηκε στο Sketch.

Ανοίγω γκαλερί

Παράδειγμα: Στον οδηγό, δημιουργείτε ένα εφαρμογή που μπορεί να αναπτυχθεί χρησιμοποιώντας το Sketch.

Κινητό τηλέφωνο με μια εφαρμογή, το design της οποίας αναπτύχθηκε στο Sketch.

Ανοίγω γκαλερί

Παράδειγμα: Ο προπονητής σου σου δίνει συμβουλές και μυστικά για σύγχρονο σχεδιασμό UX και UI στο δρόμο.

Εισαγωγή

Δωρεάν

Sketch-Οδηγός: 1.1 Εισαγωγή

Καλώς ήρθατε στο μάθημα σκίτσου: Μάθετε πώς να σχεδιάζετε τις δικές σας εφαρμογές χρησιμοποιώντας το πρόγραμμα. Εδώ είναι μια επισκόπηση του μαθήματος.

Λήψη αρχείου έργου

Δωρεάν

Οδηγός σketch: 1.2 Τι είναι το Sketch;

Μια σύντομη εισαγωγή στο πρόγραμμα "Sketch" και πώς μπορείς να αποκτήσεις πρόσβαση σε αυτό το πρόγραμμα.

Οδηγός σχεδίασης: 1.3 Διεπαφή προγράμματος

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

Οδηγίες σχεδίασης: 1.4 Εργαλεία

Το Sketch δε θα ήταν ένα τόσο υπέροχο πρόγραμμα αν δεν μπορούσες να χρησιμοποιήσεις εργαλεία. Εδώ μπορείς να μάθεις πώς να προσθέσεις αυτά τα εργαλεία.

Οδηγός σκίτσου: 1.5. Τα σημαντικότερα πρόσθετα.

Οδηγίες σχεδίασης: 1.5 Τα πιο σημαντικά πρόσθετα.

Τα πρόσθετα σε βοηθούν να δουλεύεις ακόμα καλύτερα και γρηγορότερα με το Sketch. Θα σου δείξω ποια πρόσθετα μπορούν να σε βοηθήσουν καλύτερα.

Οδηγός σκίτσου: Εγκατάσταση βιβλιοθηκών 1.6

Με τη βιβλιοθήκη Libraries μπορείς να ενσωματώσεις τα προκαθορισμένα σχέδια της Apple ή της Android απευθείας στο έργο σου.

Οδηγίες Σketch: 1.7 InVision

Το InVision είναι ένα εργαλείο που σου διευκολύνει σημαντικά το έργο σου στο Sketch. Εκεί μπορείς να δημιουργήσεις "Wireframes" για να δομήσεις το έργο σου.

Βασικές αρχές σχεδίασης

Οδηγίες σκίτσου: 2.1 Χρώματα

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

Οδηγός σketch: 2.2 Γραμματοσειρές

Το κοινωνικό δίκτυο "Medium" δείχνει πόσο πολύ μπορούν να επηρεάσουν οι γραμματοσειρές την εμπειρία του χρήστη. Γραμματοσειρές στην εφαρμογή σου μπορεί να είναι πολύ σημαντικές.

Δημιουργία πρωτοτύπων

Οδηγός Σκίτσου: 3 Πρωτότυπα

Τώρα αρχίζουμε με την πραγματική εφαρμογή.

Σχεδίαση Οθόνης

Οδηγός σκίτσου: 4.1 Αρχική Οθόνη και Πρότυπα Σχεδιασμού

Οδηγός σχεδίασης: 4.1 Αρχική οθόνη και πρότυπα σχεδίασης

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

Οδηγίες σκίτσου: Δημιουργία ομάδων και στυλ κειμένου 4.2

Οδηγίες Σκίτσου: Δημιουργία ομάδων και στιλ κειμένου 4.2.

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

Οδηγός σketch: Βρείτε, δημιουργήστε και προσαρμόστε εικονίδια 4.3

Τα εικονίδια είναι ένα μεγάλο μέρος μιας εφαρμογής. Σε αυτό το βίντεο μάθε πού μπορείς να βρεις τα καλύτερα εικονίδια και πώς να τα ενσωματώσεις στο έργο σου.

Οδηγός σkιτσ: Σχεδιάζοντας συνομιλίες στο Chat, εργασία με layers

Οδηγίες σκίτσου: Σχεδιασμός συνομιλίας 4.4, εργασία με layers.

Τώρα πηγαίνουμε στη συνομιλία της εφαρμογής μας. Εκεί δουλεύουμε με layers, τα οποία θα έπρεπε επίσης να χρησιμοποιείς για να εξοικονομήσεις χρόνο.

Tutorial σχεδίου: Σχεδιασμός iPhone X 4.5

Οδηγίες σχεδίασης: Σχέδιο για iPhone X 4.5

Το iPhone X άλλαξε κάποια πράγματα στο σχεδιασμό της εφαρμογής. Οι σχεδιαστές πρέπει τώρα να δουλέψουν με μια νέα μορφή οθόνης. Εδώ θα μάθεις τα βασικά.

Οδηγός σκίτσου: 4.6 Προφίλ χρήστη, Εφέ Θάμβωσης

Οδηγός σkιτσογραφίας: 4.6 Προφίλ χρήστη, Εφέ Θάμβους

Με εφέ μπορείς να δώσεις ένα ενδιαφέρον σχεδιασμό στην εφαρμογή σου. Χρησιμοποιούμε τον φόντο με θολώσεις στο προφίλ χρήστη σου.

Οδηγός σχεδιασμού: Χρήση του design ως εργαλείου

Οδηγός σκίτσου: 4.7 Χρησιμοποιώντας το design ως εργαλείο.

Σε αυτό το βίντεο μπορείς να μάθεις πως μπορείς να χρησιμοποιήσεις το design ως εργαλείο για να φέρεις στην εφαρμογή σου μια τελειοποίηση.

Οδηγίες σκίτσου: Χρήση 4.8 βιβλιοθηκών & δημιουργία φύλλου ενεργειών.

Οδηγός σkιτς: Χρήση βιβλιοθηκών 4.8 και δημιουργία φύλλου ενεργειών

Τώρα χρησιμοποιούμε τη βιβλιοθήκη iOS για να δημιουργήσουμε ένα Action Sheet. Με τις βιβλιοθήκες μπορείς όχι μόνο να εξοικονομήσεις χρόνο στον σχεδιασμό, αλλά και στην ανάπτυξη.

Παρέχοντας σχέδια

Οδηγίες σχεδιασμού: Παρέχοντας 5 σχέδια στην πλατφόρμα InVision.

Οδηγίες σχεδίασης: Δημιουργία 5 σχεδίων στο InVision.

Όταν πρέπει να αναπτυχθεί η εφαρμογή σας, οι προγραμματιστές χρειάζονται τα σχέδιά σας. Σε αυτό το μάθημα θα μάθετε πώς να προετοιμάζετε τα σχέδιά σας στο InVision.

Παρέχοντας σημαντικές πληροφορίες

Οδηγός σχεδίασης: Ενσωμάτωση 6 βοηθειών στην εφαρμογή.

Οδηγίες σχεδίου: Ενσωμάτωση 6 βοήθειας στην εφαρμογή

Οι χρήστες της εφαρμογής συχνά δεν βρίσκουν τα σωστά κουμπιά ή έχουν άλλες ερωτήσεις που δεν είναι εμφανείς. Γι' αυτό δημιουργούμε μια ενότητα Ερωτήσεις & Απαντήσεις.

Επαγγελματικός-Σχεδιασμός

Οδηγός σkιτζ: Δημιουργία επίπεδων γραφικών σχεδίων 7.1.

Οδηγίες σkιτς: Δημιουργία γραφικών σε flat design 7.1.

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

Οδηγίες για σκίτσο: 7.2 Ανασχεδίαση Σπιτιού

Οδηγός σκίτσου: 7.2 Ανασχεδίαση Οικιακού

Στην αρχική οθόνη έχουμε ακόμη πολύ δρόμο μπροστά μας. Γι'αυτό κάνουμε έναν ανασχεδιασμό της πρώτης μας οθόνης.

Οδηγίες σκίτσου: 7.3 Αγορά εμπειρίας χρήστη

Οδηγός σκίτσου: Αγορά εμπειρίας χρήστη 7.3

Η διαδικασία αγοράς ενός χρήστη πρέπει να λειτουργεί σαν λιόνταρι, καθώς αυτή είναι μία από τις πιο επικίνδυνες στιγμές του User-Flow.

Νέα χαρακτηριστικά στο Sketch

Οδηγός σκίτσου: Πρωτότυπα στο Sketch.

Στη νέα έκδοση του Sketch έχεις τη δυνατότητα να δημιουργήσεις ένα πρότυπο απευθείας στο Sketch.

Λεπτομέρειες περιεχομένου

Κατανόηση του σχεδιασμού UI και UX στα κινητά και εφαρμογή με το Sketch
Είτε πρόκειται για εφαρμογή, ιστοσελίδα ή blog - φέρνετε σε ζωή το σχεδιασμό UI και UX σας - με το Sketch. Σε αυτό το πάνω από πεντάωρο βίντεο-μάθημα από τον εκπαιδευτή Luca Kiedrofski, αποκτάτε γρήγορα όλες τις βασικές γνώσεις για τη χρήση του προγράμματος, έτσι ώστε σύντομα να αρχίσετε ένα διαδραστικό παράδειγμα σχεδίασης εφαρμογής.

Γιατί πρέπει να παρακολουθήσετε το μάθημα Sketch

Απευθύνεστε απευθείας στο επαγγελματικό εργαλείο σχεδιασμού UI και UX, καθώς το Sketch χρησιμοποιείται επίσης από γνωστές εταιρίες όπως το Google, το Facebook και την Apple. Λόγω της εύχρηστης διεπαφής, η χρήση του προγράμματος είναι γρήγορα κατανοητή, επιτρέποντάς σας να επιτύχετε επίδειξη αποτελέσματα σε σύντομο χρονικό διάστημα.

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

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

Βελτιώνετε τη συνεργασία με τους web developers: Χρησιμοποιώντας το Sketch, προετοιμάζετε διεπαφές χρήστη που συμμορφώνονται ήδη με τους κανόνες του σχεδιασμού ιστού. Επομένως, μεταφέρετε τα σχέδιά σας στην ανάπτυξη, τα οποία μπορούν να υλοποιηθούν άμεσα. Με αυτόν τον τρόπο μειώνετε δραστικά τη διαδρομή από το σχεδιασμό έως την ανάπτυξη της ιστοσελίδας.

Σχεδιασμός UI και UX με το Sketch από το Α ως το Ω

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

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

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