Πώς να δημιουργήσετε κύρια πρότυπα για παρουσιάσεις στο Figma

Εάν δημιουργείτε μια στυλιζαρισμένη παρουσίαση, αλλά δεν θέλετε να χρησιμοποιήσετε υπερβολικά χρησιμοποιημένα πρότυπα από PowerPoint, Google Slides ή Canva, μπορείτε να δημιουργήσετε τα δικά σας κύρια πρότυπα για το μέλλον σας σχέδια παρουσιάσεων.

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

1. Πώς να ρυθμίσετε ένα έγγραφο Figma για παρουσιάσεις

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

Ανοίξτε α Νέο αρχείο σχεδίασης, μετά κάντε κλικ Χωρίς τίτλο στο επάνω μέρος για να μετονομάσετε το αρχείο σας, όπως "Κύριο Πρότυπο παρουσίασης". Στα αριστερά, κάντε κλικ Σελίδα 1, μετά το σύμβολο συν για να προσθέσετε μια νέα σελίδα. Μετονομάστε τη νέα σελίδα σε "Πρότυπο". Αυτό σας επιτρέπει να διατηρήσετε τις κύριες διαφάνειές σας ξεχωριστές από τις διαφάνειες σχεδιασμού αργότερα.

Για να δημιουργήσετε ένα πλαίσιο—το όνομα του Figma για ένα γραφικό ή καμβά—χρησιμοποιήστε το Εργαλείο πλαισίου (φά), μετά κάντε κλικ οπουδήποτε για να ανοίξετε ένα πλαίσιο. Στις ρυθμίσεις της δεξιάς πλευράς, αλλάξτε το W και H Χαρακτηριστικά σε κατάλληλο μέγεθος παρουσίασης· χρησιμοποιούμε 1920 x 1080, που είναι το τυπικό μέγεθος οθόνης. Αυτό θα είναι το πρώτο σας κύριο πρότυπο.

Κάντε διπλό κλικ στον μπλε τίτλο στο επάνω μέρος του πλαισίου για να τον μετονομάσετε. Σκεφτείτε τη διάταξη της σελίδας που σχεδιάζετε και ονομάστε την ανάλογα—για παράδειγμα, η «Δύο στήλη στην κορυφή τίτλου» ή «Δεξιά εικόνα στον επάνω τίτλο» θα ήταν χρήσιμη.

2. Σχεδιάστε τις διατάξεις παρουσίασης

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

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

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

3. Δημιουργήστε μια διάταξη κειμένου δύο στηλών

Ας ξεκινήσουμε με το σχεδιασμό ενός κορυφαίου τίτλου με μια διαφάνεια κειμένου δύο στηλών. Για να προσθέσετε το σύμβολο κράτησης θέσης τίτλου, χρησιμοποιήστε το Εργαλείο κειμένου (Τ) και πληκτρολογήστε "Title Placeholder". Το προεπιλεγμένο μέγεθος κειμένου στο Figma είναι αρκετά μικρό, οπότε με το σύμβολο κράτησης θέσης πληκτρολογημένο, επισημάνετε το και χρησιμοποιήστε τις ρυθμίσεις στη δεξιά πλευρά για να αυξήσετε το μέγεθος και να επιλέξετε μια γραμματοσειρά—κατεβάστε μια γραμματοσειρά εάν χρειάζεται. Μπορείτε επίσης να ορίσετε τον πυρήνα και άλλα χαρακτηριστικά.

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

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

Με το πλαίσιο κειμένου στη θέση του, επιλέξτε μια κατάλληλη γραμματοσειρά και μέγεθος. Επιλέξτε το πλαίσιο κειμένου και αντιγράψτε το κρατώντας το Οψηφίο (Mac) ή Alt (Windows) ενώ σύρετε το πλαίσιο. Αυτό δημιουργεί μια διάταξη δύο στηλών. Ωστόσο, μπορείτε να χρησιμοποιήσετε αυτό το σύστημα για να σχεδιάσετε άλλους τύπους διατάξεων.

4. Προσθέστε ένα χρώμα ή μια εικόνα φόντου

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

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

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

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

5. Πώς να δημιουργήσετε στυλ κειμένου στο Figma

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

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

Στο αναδυόμενο παράθυρο, ονομάστε το στυλ—για παράδειγμα, «Τίτλος διαφάνειας ή Κείμενο σώματος». Όταν σχεδιάζετε άλλες διαφάνειες σε αυτό το πρότυπο, μπορείτε να επιλέξετε το στυλ που αναφέρεται στο μενού κειμένου επιλέγοντας το κείμενο και επιλέγοντας το στυλ. Για να αποσυνδέσετε το στυλ και να παρακάμψετε τη δυνατότητα, κάντε κλικ στο σπασμένο εικονίδιο συνδέσμου που εμφανίζεται όταν τοποθετείτε το δείκτη του ποντικιού πάνω από τον τίτλο του στυλ κειμένου.

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

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

6. Δημιουργία εξαρτημάτων

Για να μπορέσετε να χρησιμοποιήσετε τα πρότυπά σας αργότερα, πρέπει να είναι στοιχεία, ώστε να συνδέονται. Για να μετατρέψετε το πλαίσιο σε στοιχείο, επιλέξτε το τρέχον πλαίσιο και κάντε κλικ Cmd + Επιλογή + κ (Mac) ή Ctrl + Alt + κ (Windows).

Ο τίτλος του πλαισίου θα μετατραπεί από μπλε σε μωβ με ένα εικονίδιο διαμαντιού που δείχνει ότι είναι πλέον στοιχείο. Στη συνέχεια, για να αντιγράψετε το πλαίσιο, κάντε κλικ Cmd + ρε (Mac) ή Ctrl + ρε (Windows) μία φορά και σύρετε το νέο πλαίσιο στα δεξιά του πρώτου.

Αποσυνδέστε το στοιχείο του διπλότυπου από το πρωτότυπο κάνοντας δεξί κλικ στον τίτλο του νέου πλαισίου και επιλέγοντας Αποσπάστε το παράδειγμα. Μετονομάστε τη νέα διαφάνεια με τον κατάλληλο τίτλο για τη διάταξή της. Προσθέστε το νέο σχέδιο στη διαφάνεια και στη συνέχεια κάντε το δικό του στοιχείο κάνοντας κλικ Cmd + Επιλογή + κ (Mac) ή Ctrl + Alt + κ (Windows). Αυτή η διαδικασία πρέπει να γίνεται κάθε φορά που δημιουργείτε μια νέα διαφάνεια.

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

7. Πώς να χρησιμοποιήσετε τις κύριες διαφάνειές σας

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

Ακολουθήστε την ίδια διαδικασία μέχρι να ολοκληρωθεί η παρουσίασή σας.

Εξοικονομήστε χρόνο φτιάχνοντας τα δικά σας κύρια πρότυπα στο Figma

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

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

Διαβάστε Επόμενο

Σχετικά με τον Συγγραφέα