Advertisement
  1. Web Design
  2. Figma
Webdesign

Συμβουλές για τη Διάταξη στο Figma

by
Difficulty:BeginnerLength:ShortLanguages:
This post is part of a series called Figma Tips and Tricks.
Figma Component Tips
Figma Handoff and Testing Tips

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

Όταν εργάζεστε με διατάξεις στο Figma (το οποίο θα είναι συχνά) θα πρέπει να αισθάνεστε άνετα με την αλλαγή μεγέθους, τις μετρήσεις, τα διάστιχα, την ευθυγράμμιση και τη συγκάλυψη. Εδώ είναι πέντε συμβουλές για να σας βοηθήσω!

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

1. Παραποιήστε Σχήματα για Εύκολη Ισομετρική Αλλαγή Μεγέθους

Εάν εργάζεστε με ισομετρικά σχέδια στο Figma, υπάρχει ένας πολύ καλός τρόπος να παραποιήσετε τα σχήματά σας και να βοηθήσετε να γίνει αλλαγή μεγέθους πιο διαισθητικά. Για να γίνει αυτό, πάρτε ένα αντικείμενο (για παράδειγμα, ένα τετράγωνο) και περιστρέψετε το 45° – κρατήστε πατημένο το SHIFT και σύρετε τη γωνία για να το περιστρέψετε σταδιακά.

Για να ισοπεδώσετε αυτό το τετράγωνο θα πρέπει πρώτα να το ομαδοποιήσετε (μόνο του), επαναφέροντας εν τω μεταξύ το πλαίσιο ορίου στη διαδικασία. Τώρα όταν το επιλέξετε θα είστε σε θέση να το πατήσετε στους άξονες X και Y.

Για να αλλάξετε τις διαστάσεις του, παραμένοντας πιστοί στις ισομετρικές γραμμές, καταργήσετε την ομαδοποίηση και, στη συνέχεια, αλλάξετε το μέγεθος με τις λαβές.

Skew Shapes For Easy Isometric Resizing

2. Γρήγορες Διατάξεις με Στήλες

Μπορείτε να δημιουργήσετε γρήγορα μια διάταξη με στήλες χρησιμοποιώντας snapping και distribution. Για παράδειγμα, κάντε snap δυο τετράγωνα στις άκρες ενός artboard, και στην συνέχεια κουνήστε ελάχιστα προς τα μέσα το καθένα. Προσθέστε μερικά ακόμα σχήματα μεταξύ τους, και ύστερα επιλέξτε το όλο και πηγαίνετε στο Main menu > Arrange > Distribute Horizontal Spacing. Ορίστε! Μια τέλεια διάταξη στηλών για να ξεκινήσετε να δουλεύετε.

Quick Column Layouts in Figma

3. Αφαιρέστε Χώρο Ανάμεσα από Αντικείμενα

Είναι δυνατό να καταργήσετε γρήγορα όλο το χώρο ανάμεσα από μια σειρά από αντικείμενα. Επιλέξτε τα αντικείμενα, και πηγαίνετε στο Main menu > Arrange > Pack Horizontal για να απαλλαγείτε από όλον τον οριζόντιο χώρο. Το ίδιο είναι επίσης δυνατό κάθετα, πηγαίνοντας στο Main menu > Arrange > Pack Vertical.

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

Remove Space Between Items in Figma

4. Κάντε τη Στοίχιση Ιδιαίτερα Ακριβή

Μπορείτε να βοηθηθείτε στην ακριβή στοίχιση αντικειμένων με το να σιγουρευτείτε ότι οι χάρακες είναι ενεργοποιημένοι (SHIFT + R) και, στη συνέχεια, όταν μετακινείτε ένα σχήμα θα δείτε το πλάτος και το ύψος να εμφανίζεται στους χάρακες.

Make Alignment Extra Precise with rulers in Figma
Βλέπετε αυτά τα μπλε σημάδια στους χάρακες;

5. Δημιουργήστε Μάσκες Γρήγορα

Για να δημιουργήσετε μάσκες πραγματικά γρήγορα στο Figma, κάντε δεξί κλικ στο αντικείμενο και επιλέξτε Use Mask. Ωστόσο, έχετε υπόψη ότι το αντικείμενο μάσκας θα πρέπει να είναι ομαδοποιημένο μαζί με τα αντικείμενα που θέλετε να μασκάρετε.

Create Masks Quickly in figma

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

Αυτές οι συμβουλές θα πρέπει να σας βοήθησαν με τη διάταξη στο Figma. Για να σας βοηθήσουμε να πάτε τις γνώσεις σας στο επόμενο επίπεδο έχουμε μια σειρά μαθημάτων για το Figma στο Tuts+:

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.