Students Save 30%! Learn & create with unlimited courses & creative assets Students Save 30%! Save Now
Advertisement
  1. Web Design
  2. Figma
Webdesign

Συμβουλές για τα Frames του Figma

by
Difficulty:BeginnerLength:ShortLanguages:
This post is part of a series called Figma Tips and Tricks.
Figma On Canvas Tips
Figma Project, Page & Artboard Tips

Greek (ελληνικά) translation by Iris Diakoumi (you can also view the original English article)

Τα frames σας επιτρέπουν να συνδυάσετε επίπεδα μαζί κάτω από ένα μόνο γονέα. Σε αντίθεση με τα groups, τα frames στο Figma έχουν ρητά ορισμένες διαστάσεις (σαν ένα iframe HTML). Εδώ θα βρείτε μερικές καλές συμβουλές και τεχνάσματα για όταν εργάζεστε με τα frames.

Παρακολουθήστε τις Συμβουλές

1. Ενθέστε Αντικείμενα Σχεδιάζοντας Πλαίσια Γύρω Τους

Χρησιμοποιήστε το εργαλείο πλαισίου Frame (F) για να σχεδιάσετε ένα πλαίσιο γύρω από διάφορα αντικείμενα στον καμβά σας. Θα γίνουν άμεσα εξαρτημένα αντικείμενα του frame, χωρίς να χρειάζεται να τα σύρετε σε ένα νέο πλαίσιο με μη αυτόματο τρόπο.

Drawing frames around objects in Figma

2. Πλαίσια που Προσαρμόζονται Άμεσα στο Μέγεθος

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

3. Πώς να Κλιμακώσετε τα Πλαίσια και το Περιεχόμενό τους

Από προεπιλογή, αν αλλάξετε το μέγεθος σε ένα πλαίσιο, το περιεχόμενό του θα είναι ανεπηρέαστο (αλλά θα περικοπεί). Ωστόσο, εάν θέλετε να κλιμακώσετε και το περιεχόμενο, επιλέξτε το το εργαλείο κλίμακας Scale (K) και αλλάξτε το μέγεθος του πλαισίου; όλα τα περιεχόμενα θα αλλάξουν ομοιόμορφα μαζί με αυτό.

scaling Figma frame contents with the scale tool

4. Χρησιμοποιήστε Περιορισμούς για τα Περιεχόμενα του Πλαισίου

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

Resultant behavior from the Figma constraints panel

5. Επιλέγοντας Πολλαπλούς Περιορισμούς

Μπορείτε να επιλέξετε περιορισμούς από όλες τις πλευρές ενός αντικειμένου εάν επιθυμείτε. Έτσι αντί ένα αντικείμενο- παιδί να προσκολλάται σε μια γωνία, ή μία μόνο άκρη, μπορεί να κολλήσει σε όλες τις τέσσερις πλευρές του πλαισίου γονέα, τεντώνοντας το προς όλες τις κατευθύνσεις.

Multiple constraints selected in a Figma document

Πόροι Μάθησης για το Figma

Αυτές ήταν μερικές γρήγορες συμβουλές για να δουλέψετε με τα πλαίσια του Figma. Μάθετε ακόμα περισσότερα με τις σειρές μαθημάτων μας:

Το UI kit που χρησιμοποιήθηκε σε αυτό το σεμινάριο είναι πλήρως συμβατό με το Figma και διαθέσιμο στο Envato Elements:

First Order UIUX Tool
First Order UI/UX Tool

Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.