Πώς να χρησιμοποιήσετε έναν τύπο Boolean στο Figma

Το Figma είναι γνωστό ως ένα από τα καλύτερα προγράμματα για γραφίστες παγκοσμίως. Οι δυνατότητες του είναι ολοκληρωμένες, βοηθώντας τους χρήστες να δημιουργήσουν οτιδήποτε, από εντυπωσιακά λογότυπα έως μοναδικές σελίδες προορισμού. Συγκεκριμένα, η δυνατότητα Boolean (επίσης μέρος της ενημέρωσης των ιδιοτήτων των στοιχείων το 2002) σας επιτρέπει να επιτύχετε προσαρμοσμένα σχήματα συνδυάζοντας τα επίπεδα τους μέσω πολλών τύπων.

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

Οι επιλογές τύπου Boolean για προσαρμοσμένα σχήματα

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

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

Αυτές οι επιλογές τύπου περιλαμβάνουν:

• Επιλογή ένωσης – Αυτή η επιλογή μετατρέπει τα επιλεγμένα σχήματα σε μια ομάδα Boolean. Όταν χρησιμοποιείτε την Ένωση, οι διαδρομές του εξωτερικού υποσχήματος θα σχηματίζουν το περίγραμμα του νέου προσαρμοσμένου σχήματος. Ωστόσο, δεν θα περιλαμβάνει κανένα από τα εσωτερικά επικαλυπτόμενα τμήματα.
• Αφαίρεση Επιλογής – Είναι χρήσιμο να θεωρήσουμε ότι αυτή η επιλογή είναι το αντίθετο από την επιλογή ένωσης. Αφαιρεί ολόκληρη την περιοχή ενός σχήματος από το σχήμα βάσης. Αυτό αφήνει ορατό μόνο το κάτω στρώμα.
• Επιλογή τομής – Με την επιλογή τομής, οι χρήστες μπορούν να δημιουργήσουν ένα προσαρμοσμένο σχήμα που αποτελείται μόνο από τα επικαλυπτόμενα τμήματα των αρχικών σχημάτων ή υποστρωμάτων.
• Εξαίρεση επιλογής – Εξαίρεση συναρτήσεων είναι το αντίθετο της επιλογής τομής Boolean group. Η χρήση του θα σας δώσει ένα προσαρμοσμένο σχήμα από τα μη επικαλυπτόμενα μέρη των αρχικών σχημάτων.

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

Χρήση της ιδιότητας ανταλλαγής στιγμιότυπου Figma

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

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

1. Επιλέξτε ένα στοιχείο του σχεδίου σας.
   
2. Πλοηγηθείτε στο μενού ανταλλαγής περιπτώσεων στη δεξιά πλευρά της διεπαφής και κάντε κλικ σε αυτό. Το εικονίδιο έχει ένα διαμάντι με ένα βέλος πάνω του.
   
3. Δώστε ένα όνομα στην ιδιότητα, όπως "εικονίδιο" στο αναδυόμενο μενού και ορίστε την τιμή σε ένα σημάδι επιλογής, για παράδειγμα.
   
4. Επιλέξτε «Δημιουργία ιδιοκτησίας». Στη συνέχεια, το Figma θα επισημάνει την ιδιότητα του στοιχείου όπου ήταν αρχικά το μενού swap.
   
5. Δημιουργήστε ένα αντίγραφο του σχεδίου σας επιλέγοντάς το και χρησιμοποιώντας την εντολή CTRL + C. Στη συνέχεια, ορίστε τις παρουσίες δίπλα-δίπλα.
   
6. Επιλέξτε ένα νέο εικονίδιο από το μενού ιδιοτήτων επισημασμένου στοιχείου κάνοντας κλικ σε αυτό. Αυτό θα αλλάξει αυτόματα το στοιχείο στο στιγμιότυπο.

Η λειτουργία ανταλλαγής περιπτώσεων έχει να κάνει με την ευκολία. Χρησιμοποιώντας την επιλογή swap instance, θα απλοποιήσετε τη διαδικασία σχεδιασμού ενώ θα αλλάζετε γρήγορα τις παραλλαγές (στιγμιότυπα) δίπλα-δίπλα.

Χρήση της επιλογής ιδιοτήτων κειμένου για εύκολες αλλαγές παρουσίας

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

Συνήθως, θα πρέπει να κάνετε τυχαία αναπαραγωγή στην ενότητα στρώσεων για να ολοκληρώσετε τη διαδικασία. Με την ιδιότητα στοιχείου κειμένου, μπορείτε να το προβάλετε και να το αλλάξετε στην πλαϊνή γραμμή. Δείτε πώς μπορείτε να χρησιμοποιήσετε τη δυνατότητα ιδιότητας κειμένου προς όφελός σας:

1. Επιλέξτε το στοιχείο κειμένου στο σχέδιό σας.
   
2. Δώστε στο στοιχείο σας ένα όνομα όπως "κείμενο" και την τιμή "κουμπί" πριν κάνετε κλικ στο "Δημιουργία ιδιοκτησίας".
   
3. Στη συνέχεια, θα μπορείτε να αλλάξετε το κείμενο και να πειραματιστείτε με τη διατύπωση για την παρότρυνση για δράση.

Η ιδιότητα κειμένου είναι βολική για χρήση μαζί με τις επιλογές ανταλλαγής παρουσιών και Boolean.

Πώς να χρησιμοποιήσετε τις ιδιότητες παραλλαγής στο Figma

Με τις νέες ενημερώσεις στοιχείων στο Figma, μπορείτε να δημιουργήσετε πολλές παραλλαγές και να τις ελέγξετε όλες από τη δεξιά πλαϊνή γραμμή. Κάτι τέτοιο θα σας βοηθήσει να αλλάξετε κείμενο και να ανταλλάξετε εικονίδια πιο αποτελεσματικά. Μπορείτε επίσης να ελέγξετε άλλες πτυχές του σχεδιασμού της παραλλαγής σας. Ας δούμε πώς να το κάνουμε:

1. Επιλέξτε το σχέδιό σας και κάντε κλικ στο «Προσθήκη παραλλαγής» στην επάνω γραμμή. Κρατήστε το αριστερό, κάντε κλικ στο σχέδιό σας και σύρετε την παραλλαγή ακριβώς δίπλα του.
   
2. Θα παρατηρήσετε πώς θα εμφανιστεί η ιδιότητα δεύτερης παραλλαγής στη δεξιά πλαϊνή γραμμή. Προσθέστε ξανά την ιδιότητα σε "κουμπί" και την τιμή δίπλα σε "κόκκινο".
   
3. Αυτές οι ιδιότητες θα επισημαίνουν τώρα την παραλλαγή σας. Εάν επιλέξετε το αρχικό σας σχέδιο, θα παρατηρήσετε ότι η τιμή έχει αλλάξει ξανά σε "προεπιλογή".
   

Συχνές ερωτήσεις

Μπορώ να δημιουργήσω λογότυπα χρησιμοποιώντας την επιλογή Boolean;

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

Μπορώ να αλλάξω τη γραμματοσειρά χρησιμοποιώντας την επιλογή ιδιότητας στοιχείου κειμένου;

Δυστυχώς δεν. Η ιδιότητα στοιχείου κειμένου σάς επιτρέπει να αλλάξετε το κείμενο και όχι τη γραμματοσειρά. Ωστόσο, μπορείτε ακόμα να επιλέξετε το κείμενο και να βρείτε την κατάλληλη γραμματοσειρά από τη δεξιά πλαϊνή γραμμή.

Ποιες είναι μερικές περιπτώσεις σχεδίασης στις οποίες θα χρειαστεί να χρησιμοποιήσω τις παραπάνω ιδιότητες στοιχείων;

Δεν χρειάζεται να χρησιμοποιείτε ιδιότητες στοιχείων για παραλλαγές. Ωστόσο, κάνει τη διαδικασία σχεδιασμού πολύ πιο εύκολη και γρήγορη. Παραδείγματα είναι κουμπιά που απαιτούν διαφορετικά χρώματα, κυρίως παρόμοια με αλλαγή μόνο ενός στοιχείου ή μικρές παραλλαγές σχήματος σελίδας προορισμού. Είναι επίσης χρήσιμες για τη δημιουργία δύο σχεδίων και την επιλογή του καλύτερου.

Βελτιώστε τη διαδικασία σχεδιασμού σας με ιδιότητες στοιχείων στο Figma

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

Ποια πολύπλοκα σχήματα φτιάξατε χρησιμοποιώντας την επιλογή Boolean; Βρήκατε επίσης εύχρηστες τις επιλογές ιδιοτήτων στοιχείου; Ενημερώστε μας στην παρακάτω ενότητα σχολίων.