Students Save 30%! Learn & create with unlimited courses & creative assets Students Save 30%! Save Now
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 Properties Tips
Figma Vector Tips

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

To Figma προσφέρει μια σειρά από συντομεύσεις και στοιχεία ελέγχου για την εισαγωγή εικόνων, την τοποθέτησή τους στον καμβά και την τροποποίησή τους μόλις είναι στη σωστή θέση. Ας ρίξουμε μια ματιά!

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

1. Χρησιμοποιήστε Ρυθμίσεις Γεμίσματος στις Εικόνες για να Ελέγξετε το Μέγεθος

Όταν βάζετε μια εικόνα στο Figma, στην πραγματικότητα δημιουργείται ένα ορθογώνιο, και μετά η εικόνα ορίζεται ως το γέμισμα φόντου αυτού του ορθογωνίου. Για να τροποποιήσετε τον τρόπο που εμφανίζεται η εικόνα, μεταβείτε στις ρυθμίσεις γεμίσματος του ορθογωνίου στον πίνακα Properties.

Όπως μπορούμε να ελέγξουμε πώς μια εικόνα φόντου εμφανίζεται μέσω CSS, εδώ μπορούμε να πούμε ότι η εικόνα θα πρέπει να κάνει:

  • Fill: Η εικόνα κόβεται οριζόντια ή κάθετα έτσι ώστε να γεμίζει πλήρως το αντικείμενο.
  • Fit: όλη η εικόνα είναι ορατή, η οποία αφήνει συχνά μια περιοχή στο ορθογώνιο χωρίς γέμισμα.
  • Crop: όπου η εικόνα ‘τεντώνει’ μαζί με το μέγεθος του ορθογωνίου.
  • Tile: η εικόνα γίνεται πλακίδιο για να καλύψει το ορθογώνιο. Το μέγεθος των πλακιδίων μπορεί να αλλαχθεί μέσα από ένα δευτερεύον σύνολο από στοιχεία ελέγχου του μεγέθους.
Use Fill Settings on Images to Control Size
Χρησιμοποιήστε τις ιδιότητες γεμίσματος του Figma, για να αλλάξετε τον τρόπο που εμφανίζεται μια εικόνα

2. Εισάγετε Ολόκληρα Σύνολα από Εικόνες

Για να εισαγάγετε ένα σύνολο εικόνων, μπορείτε να σύρετε ένα φάκελο μέσα στον καμβά του Figma, και ύστερα όλες οι εικόνες θα εισαχθούν αυτόματα για εσάς.

Import Whole Sets of Images in Figma

3. Εισάγετε και Τοποθετήστε Πολλαπλές Εικόνες

Για να διατηρήσετε την ομαδική εισαγωγή εικόνων πιο οργανωμένη, πρώτα ορίστε μερικά πλαίσια όπου θα θέλατε να εμφανίσετε τις εικόνες σας, και ύστερα πατήστε (CMD ή CTRL) + SHIFT + K, κάντε κλικ κάπου πάνω στον καμβά για να ξεκινησετε τη διαδικασία, και τέλος επιλέξτε όλες τις απαραίτητες εικόνες όταν εμφανιστεί ο επιλογέας αρχείων.

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

Import and Place Multiple Images with Figma
Ακόμα δύο εικόνες για να τοποθετήσετε..

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

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

Advertisement
Advertisement
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.