Πώς να δημιουργήσετε ένα στοιχείο με δυνατότητα κύλισης στο Figma

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

Αυτό το άρθρο θα εξηγήσει πώς να κάνετε τα σχέδιά σας Figma με δυνατότητα κύλισης.

Πώς μπορώ να ακυρώσω το kindle απεριόριστο

Προσαρμογή κειμένου με δυνατότητα κύλισης σε σχήμα

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

Δείτε πώς γίνεται:

Δημιουργήστε ένα βασικό σχήμα. Για αυτό το παράδειγμα, συνιστούμε να φτιάξετε ένα κατακόρυφο ορθογώνιο. Μπορείτε να το κάνετε επιλέγοντας το εργαλείο ορθογωνίου στην αριστερή πλαϊνή γραμμή ή χρησιμοποιώντας την εντολή 'R'. Κρατήστε αριστερά, κάντε κλικ σε ένα σημείο καμβά και σχεδιάστε το σχήμα.
Στη δεξιά πλαϊνή γραμμή, κάτω από την καρτέλα σχεδίαση, τοποθετήστε ένα σημάδι δίπλα στην επιλογή 'περιεχόμενο κλιπ'.
Επιλέξτε το εργαλείο κειμένου για να δημιουργήσετε ένα πλαίσιο κειμένου και τοποθετήστε το μέσα στο πλαίσιο με δυνατότητα κύλισης. Πληκτρολογήστε ή αντιγράψτε-επικολλήστε οποιοδήποτε περιεχόμενο χρησιμοποιείτε.
Επιλέξτε το πλαίσιο και μεταβείτε στην καρτέλα πρωτότυπο στη δεξιά πλευρά της διεπαφής σας. Στη συνέχεια, επιλέξτε την επιλογή «κύλιση υπερχείλισης» και το στυλ που προτιμάτε. Εδώ θα επιλέξουμε 'κάθετη κύλιση'.

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

Οριζόντια κύλιση – Οι χρήστες μπορούν να κάνουν κύλιση του κειμένου τους από αριστερά προς τα δεξιά σε ορισμένα παραδείγματα. Αυτή η επιλογή είναι προτιμότερη εάν δημιουργείτε σχέδια σε μορφή εξωραϊσμού.
Χωρίς κύλιση – Εάν θέλετε να κλειδώσετε το περιεχόμενό σας στη θέση του, επιλέξτε την επιλογή χωρίς κύλιση.
Και οι δύο κατευθύνσεις – Δημιουργήστε ένα σχέδιο με πολύ περιεχόμενο και πραγματοποιήστε κύλιση τόσο κάθετα όσο και οριζόντια.

Θα πρέπει να χρησιμοποιείτε δυνατότητες κύλισης στο σχέδιό σας για να ελαχιστοποιήσετε την προσπάθεια (κλικ) που χρησιμοποιεί ο αναγνώστης σας κατά την αλληλεπίδραση με το περιεχόμενο. Μπορούν να σύρουν ή να χρησιμοποιήσουν τον τροχό του ποντικιού αντί να κάνουν κλικ ή να αγγίζουν τόνους κειμένου.

Πώς να σχεδιάσετε τα εξαρτήματά σας με δυνατότητα κύλισης

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

Πώς να αλλάξετε τη γραμματοσειρά του σχεδίου σας με δυνατότητα κύλισης

Το πρώτο πράγμα που θα πρέπει να κάνετε είναι να αλλάξετε τη γραμματοσειρά στο σχέδιό σας με δυνατότητα κύλισης. Το Figma προσφέρει μια μεγάλη γκάμα στυλ για να διαλέξετε. Εδώ είναι η απλούστερη μέθοδος:

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

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

Ορισμένες εκτιμήσεις περιλαμβάνουν:

Πρόθεση σχεδίασης - Η επιλογή μιας τυπογραφίας πρέπει να ταιριάζει με την πρόθεση του σχεδίου σας. Εάν θέλετε να μεταφέρετε πολλές πληροφορίες ξεκάθαρα, στοχεύστε σε λιγότερο διακοσμητικές αλλά κομψές γραμματοσειρές.
Άλλα στοιχεία – Η γραμματοσειρά σας είναι ένα οπτικό στοιχείο όπως κάθε άλλο στο σχέδιό σας. Θα πρέπει να ταιριάζει με το πλαίσιο και άλλα εξαρτήματα που συμπεριλαμβάνετε.
Συνολική αισθητική και επωνυμία – Η γενική αίσθηση της επωνυμίας θα πρέπει επίσης να επηρεάσει τη γραμματοσειρά που έχετε επιλέξει. Για παράδειγμα, μια υπηρεσία παράδοσης λουλουδιών δεν θα έχει την ίδια γραμματοσειρά με μια σελίδα προορισμού SAAS.

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

Roboto – Εάν θέλετε να το παίξετε με ασφάλεια, χρησιμοποιήστε το Roboto. Θεωρείται μια ευέλικτη και ουδέτερη γραμματοσειρά με πολλές εφαρμογές. Δεδομένου ότι είναι τόσο εύκολο να το καταλάβεις, πολλοί επιλέγουν το Roboto για οδηγίες και σελίδες προορισμού.
Poppins – Για μια φιλική αλλά μοντέρνα και καθαρή γοητεία, επιλέξτε Poppins. Αυτή η γραμματοσειρά είναι πιο στρογγυλεμένη και κάνει το κείμενο ελκυστικό και ευανάγνωστο.
Raleway – Όταν σχεδιάζετε για μια εξελιγμένη μάρκα πολυτελείας, ίσως να θέλετε να εξετάσετε τη Raleway. Είναι γενικά λεπτό αλλά έχει διαφορετικές παραλλαγές βάρους και συνολικά κομψή εμφάνιση.
Lato – Φιλική, αξιόπιστη και σοβαρή είναι οι σωστές λέξεις για να περιγράψουν αυτήν τη γραμματοσειρά. Οι σχεδιαστές μπορούν να χρησιμοποιήσουν το Lato για επικεφαλίδες και κείμενα παραγράφων όπου η αναγνωσιμότητα και η σαφήνεια είναι πρωταρχικά ζητήματα.

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

Αλλαγή του χρώματος του σχήματος πλαισίου

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

Δείτε πώς μπορείτε να αλλάξετε τα χρώματα του πλαισίου σας:

Επιλέξτε το πλαίσιο που θέλετε να επεξεργαστείτε.
Το επίπεδο θα εμφανιστεί στη δεξιά πλαϊνή γραμμή. Μεταβείτε στην ενότητα «γεμίσεις».
Επιλέξτε το '+' για να προσθέσετε ένα γέμισμα.
Θα ανοίξει ένα παράθυρο επιλογής χρώματος. Επιλέξτε το χρώμα πλήρωσης και τη διαβάθμιση. Μπορείτε επίσης να πληκτρολογήσετε έναν δεκαεξαδικό κωδικό εάν γνωρίζετε την ακριβή απόχρωση.

Όπως και με άλλα στοιχεία σχεδίασης, ίσως χρειαστεί να πειραματιστείτε με διαφορετικά χρώματα και πώς φαίνονται με τη γραμματοσειρά που έχετε επιλέξει.

FAQS

Υπάρχει μια εντολή κειμένου με δυνατότητα κύλισης στο Figma;

πώς διαγράφετε φωτογραφίες από το icloud storage;

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

Πώς μπορώ να αποφασίσω ποια επιλογή υπερχείλισης θέλω;

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

Ποια διεπαφή συσκευής χρειάζεται συνήθως ένα σχέδιο κειμένου με δυνατότητα κύλισης;

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

Είναι το Figma η καλύτερη επιλογή για την κατασκευή σχεδίων με δυνατότητα κύλισης;

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

Κάντε τα σχέδιά σας με δυνατότητα κύλισης και φιλικά προς το χρήστη

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

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