Ο κόσμος του λογισμικού γραφιστικής είναι τεράστιος και έχει μεγάλο ανταγωνισμό. Το Figma είναι ένα εργαλείο σχεδιασμού που βρίσκεται στην κορυφή για τους σχεδιαστές UX/UI σε όλο τον κόσμο. Τι γνωρίζετε όμως για αυτό το διαισθητικό εργαλείο;
Αν και είναι απλό, υπάρχει επίσης μια καμπύλη εκμάθησης εάν είστε συνηθισμένοι σε άλλα εργαλεία σχεδιασμού. Ας δούμε το Figma και πώς να το χρησιμοποιήσετε. Καλώς ήρθατε στο Figma 101.
Τι είναι το Figma;
Εάν έχετε εργαστεί ως γραφίστας ή σχεδιαστής ιστοσελίδων τα τελευταία χρόνια, πιθανότατα έχετε ακούσει για το Figma. Ίσως και να το έχετε χρησιμοποιήσει.
Το Figma είναι ένα εργαλείο σχεδίασης και γίνεται σταθερά το αγαπημένο για ψηφιακούς σχεδιαστές, καθώς εκτινάσσεται στα ύψη σε επιλογές όπως το Adobe XD, το Adobe Photoshop και το Sketch, για σχεδιασμό ιστοσελίδων και πολλά άλλα. Ωστόσο, από τότε
Η Adobe εξαγόρασε την Figma το 2022, ενδέχεται να υπάρξουν κάποιες αλλαγές που θα ανακατατάξουν τον πίνακα κατάταξης.Υπάρχουν πολλές χρήσεις του Figma. Χρησιμοποιείται κυρίως για ψηφιακό σχεδιασμό και δεν μπορείτε να σχεδιάσετε σε CMYK για εκτύπωση. Μερικές από τις κύριες χρήσεις του Figma περιλαμβάνουν:
- Πρωτοτυποποίηση
- Σχεδίαση UX/UI
- Σχεδιασμός εφαρμογής
- Σχεδιασμός ιστοσελίδων
- Σχεδιασμός παρουσίασης
Μπορείς χρησιμοποιήστε πρόσθετα Figma mockup για να αναδείξετε τα σχέδιά σας, μετατρέψτε πραγματικές ιστοσελίδες σε σχέδια Figma χρησιμοποιώντας πρόσθετα, ακόμη και δημιουργία κύρια πρότυπα για σχέδια Figma για να εξοικονομήσετε χρόνο σε επαναλαμβανόμενους τύπους σχεδίασης.
Πόσο κοστίζει το Figma;
Μπορείτε να δημιουργήσετε έναν λογαριασμό Figma δωρεάν στο Ιστοσελίδα Figma ή με λήψη του Εφαρμογή Figma. Ένας δωρεάν λογαριασμός παρέχει λειτουργικότητα για όλες τις πτυχές σχεδιασμού της εφαρμογής. Μπορείτε να σχεδιάσετε με το Figma και FigJam—Το εργαλείο συνεργασίας της Figma.
Εάν χρησιμοποιείτε το Figma ως χομπίστας ή ως μοναδικός ελεύθερος επαγγελματίας, η έκδοση Free Forever είναι σχεδόν τέλεια. Έχετε ακόμα πρόσβαση σε όλα τα πρόσθετα, μπορείτε να προσκαλέσετε απεριόριστους συνεργάτες, να χρησιμοποιήσετε απεριόριστα προσωπικά αρχεία και να χρησιμοποιήσετε το Figma από όλες τις πλατφόρμες.
Ενώ η δωρεάν έκδοση του Figma προσφέρει περισσότερα από αρκετά για οποιονδήποτε τυπικό σχεδιαστή, μια συνδρομή στο Figma Professional σάς επιτρέπει να προσκαλέστε συμπαίκτες, εργαστείτε από βιβλιοθήκες ομάδων, έχετε πρόσβαση σε απεριόριστα αρχεία Figma και ιστορικό εκδόσεων και πολλά άλλα, με 12 $ το μήνα ανά συντάκτης. Εάν είστε μαθητής ή εκπαιδευτικός, μπορείτε να αποκτήσετε δωρεάν το Figma Professional.
Πώς να χρησιμοποιήσετε το Figma: Τα βασικά
Είτε χρησιμοποιείτε την εφαρμογή Figma είτε την έκδοση του προγράμματος περιήγησης, μπορείτε εύκολα να την ακολουθήσετε.
Όταν ανοίγετε το Figma, θα εμφανιστούν επιλογές για να ξεκινήσετε ένα νέο αρχείο Figma, ένα νέο αρχείο FigJam ή να εισαγάγετε ένα αρχείο κατασκευασμένο σε άλλο πρόγραμμα, όπως το Sketch ή το Adobe XD. Εάν έχετε χρησιμοποιήσει το Figma στο παρελθόν, θα δείτε επίσης τα προηγούμενα έργα Figma που μπορείτε να ανοίξετε και να εργαστείτε.
Πλοήγηση στον χώρο εργασίας Figma
Το άνοιγμα ενός νέου αρχείου αρχικά δεν φαίνεται καθόλου εμπνευσμένο. Σε αντίθεση με πολλά άλλα προγράμματα σχεδίασης, δεν ξεκινάτε με το artboard ή τον καμβά σας, αλλά μια εντελώς κενή σελίδα σχεδίασης. Αλλά με ένα μυαλό γεμάτο έμπνευση, δεν θα μείνει για πολύ κενός χώρος.
Το επάνω αριστερό οριζόντιο μενού ξεκινά με το Κυρίως μενού εικονίδιο—το λογότυπο Figma. Επιλέγοντας το Κυρίως μενού, μπορείτε να πλοηγηθείτε στα άλλα αρχεία σας, στις γρήγορες ενέργειες Figma, στις τυπικές επιλογές αρχείων και στην πρόσβαση σε πρόσθετα, γραφικά στοιχεία και βιβλιοθήκες.
Στη συνέχεια, θα βρείτε το Κίνηση εργαλείο (V), με την Κλίμακα εργαλείο (κ) φωλιασμένο κάτω από αυτό. Αυτά τα εργαλεία προορίζονται για τη μετακίνηση στοιχείων ή την κλιμάκωση τμημάτων του σχεδίου σας προς τα πάνω ή προς τα κάτω. Και στα δεξιά αυτών των εργαλείων, θα δείτε τα εργαλεία περιοχής, Πλαίσιο (φά), Ενότητα, και Φέτα, φωλιασμένα μεταξύ τους.
Στο Figma, ένα πλαίσιο είναι αυτό που άλλα προγράμματα μπορούν να αποκαλούν artboard ή καμβά. Επιλέγω Πλαίσιο για να σχεδιάσετε τον καμβά προσαρμοσμένου μεγέθους. Όταν επιλεγεί, το δεξί μενού θα παρουσιάζει προκατασκευασμένες επιλογές πλαισίου για κοινά μεγέθη συσκευών: smartphone, tablet, επιτραπέζιους υπολογιστές, smartwatches, παρουσιάσεις και επιλογές μέσων κοινωνικής δικτύωσης. Μπορείτε επίσης να κάνετε κλικ και να σύρετε απευθείας το καρέ σας για να το κάνετε οποιοδήποτε προσαρμοσμένο μέγεθος.
Επιστροφή στο επάνω αριστερό μενού, στα δεξιά των εργαλείων Περιοχή βρίσκονται τα Σχήμα εργαλεία, Στυλό εργαλεία, και το Κείμενο εργαλείο. Ακολούθησαν, λοιπόν, οι Πόροι—Συστατικά, Πρόσθετα, και Widgets-και το Χέρι εργαλείο για τη μετακίνηση στο αρχείο σας. Και τέλος, το Σχόλια εργαλείο που είναι εξαιρετικό για τη δημιουργία σημειώσεων και τη συνεργασία με συμπαίκτες.
Το μενού σχεδίασης Figma
Με ένα πλαίσιο σχεδιασμένο, επιλέγοντας τον τίτλο του ενεργοποιείται το πλαίσιο, έτοιμο για σχεδιασμό. Το δεξί μενού εμφανίζει τίτλους για Σχέδιο, Πρωτότυπο, και Ελέγχω. Όπως υποδηλώνει το όνομα, η επιλογή Design είναι το μενού που θα χρησιμοποιήσετε για να σχεδιάσετε τα στοιχεία στο πλαίσιο σας.
Ενώ το αρχικό μενού Σχεδίαση είναι κάπως απλοϊκό, καθώς προσθέτετε περισσότερα στοιχεία στο σχέδιό σας, οι επιλογές του μενού εξελίσσονται. Αρχικά, το μενού εκτελείται από πάνω προς τα κάτω με εργαλεία ευθυγράμμισης, εργαλεία ταξινόμησης μεγέθους, Αυτόματη διάταξη, Πλέγμα διάταξης, Στρώμα, Γέμισμα, Εγκεφαλικό, Υπάρχοντα, και Εξαγωγή. Ορισμένα από αυτά ελαχιστοποιούνται από προεπιλογή, αλλά κάνοντας κλικ στο + υπογράψτε, μπορείτε να ανοίξετε οποιοδήποτε μενού ή να χτυπήσετε – για να το ελαχιστοποιήσετε.
Αφού σχεδιάσετε το κύριο πλαίσιο για το έργο, μπορείτε να χρησιμοποιήσετε τα εργαλεία σχήματος ή τα εργαλεία στυλό για να σχεδιάσετε σχήματα ή προσθέστε σύμβολα κράτησης θέσης εικόνας και μπορείτε να προσθέσετε κείμενο χρησιμοποιώντας το εργαλείο Κείμενο με τρόπους που πιθανώς έχετε κάνει με άλλους λογισμικό.
Αφού έχετε σχήματα ή κείμενο στο Πλαίσιο, χρησιμοποιήστε τις διάφορες επιλογές μενού στο δεξί μέρος για να επεξεργαστείτε και να σχεδιάσετε αυτά τα στοιχεία. ο Στρώμα Το μενού προσφέρει λειτουργίες αδιαφάνειας και συνδυασμού. με Γέμισμα μπορείτε να προσθέσετε χρώμα ή να εισαγάγετε εικόνες με ορισμένες δυνατότητες επεξεργασίας όπως Εκθεση, Αντίθεση, Θερμοκρασία, κι αλλα.
Καθώς δημιουργείτε περισσότερα στοιχεία στο έργο σας, τα επίπεδα θα σχηματιστούν στα αριστερά Επίπεδα μενού δίπλα στο Περιουσιακά στοιχεία αυτί. Μπορείτε να κάνετε διπλό κλικ σε έναν τίτλο επιπέδου για να βρείτε το στοιχείο και αντίστροφα. μπορείτε να κάνετε διπλό κλικ σε ένα στοιχείο σχεδίασης για να βρείτε το επισημασμένο επίπεδο. Το διπλό κλικ στους τίτλους σάς επιτρέπει να τους μετονομάσετε για βέλτιστη οργάνωση.
Το Μενού Figma Prototype
Στα δεξιά του Σχέδιο η επιλογή μενού είναι η Πρωτότυπο μενού. Αφού ολοκληρώσετε τις οπτικές πτυχές του σχεδίου σας και ορίσετε τα πλαίσια εικόνων και το κείμενο εκεί που πρέπει να πάνε, μπορείτε να χρησιμοποιήσετε τα πρωτότυπα εργαλεία για να προσθέσετε κινούμενα σχέδια και μεταβάσεις στα σχέδιά σας.
ο Πρωτότυπο Το μενού σάς επιτρέπει να συνδέετε πλαίσια ή εξαρτήματα μεταξύ τους ως μεταβάσεις. Μπορείτε να επιλέξετε ποια σειρά και πώς κάθε πλαίσιο μεταβαίνει σε άλλο.
Αυτό λειτουργεί υπέροχα αν είστε κάνοντας μια παρουσίαση Figma που κινείται από τη μια διαφάνεια στην άλλη, αλλά το εργαλείο σας επιτρέπει επίσης να απεικονίσετε κινούμενα σχέδια για κουμπιά ή μενού για σχεδιασμό εφαρμογών και ιστού. Μπορείτε να προσθέσετε πολλές μεταβάσεις ανά σελίδα για όλα τα διαφορετικά πράγματα, ώστε να μπορείτε να δείτε πώς θα αλληλεπιδρούν οι χρήστες με τον ιστότοπό σας όταν είναι ζωντανός.
Ενώ η χρήση του Figma για το σχεδιασμό ενός ιστότοπου δεν είναι το ίδιο με τη δημιουργία ενός ζωντανού ιστότοπου, μπορείτε να παραδώσετε το Figma σας σχεδιάστε στην ομάδα προγραμματιστή σας που μπορεί να αναδημιουργήσει τις πρωτότυπες αλληλεπιδράσεις σας ως σχέδια κινούμενων εικόνων στην πραγματικότητα για εσάς δικτυακός τόπος. Αυτό σημαίνει ότι μπορείτε να μεταβείτε από σελίδα σε σελίδα από κλικ, ώρα ή άλλες αλληλεπιδράσεις.
Το να ξεκινήσετε με το Figma είναι εύκολο
Τώρα ξέρετε πώς να πλοηγηθείτε στη διάταξη Figma και πώς λειτουργούν τα βασικά εργαλεία σχεδίασης και πρωτοτύπου. Επειδή το Figma είναι τόσο εύκολα προσβάσιμο, ήρθε η ώρα να ασχοληθείτε με αυτό το εργαλείο σχεδίασης και να δείτε τι μπορείτε να δημιουργήσετε.
