Δημιουργία στιγμιότυπων οθόνης

Εθελοντές Εθελοντές Τελευταία ενημέρωση: 2 ημέρες πριν

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

Αυτό το άρθρο εξηγεί πώς να δημιουργείτε και να επεξεργάζεστε στιγμιότυπα οθόνης σε διάφορα λειτουργικά συστήματα και συσκευές, για χρήση σε άρθρα της γνωσιακής βάσης. Για να μάθετε πώς να προσθέτετε στιγμιότυπα οθόνης και άλλες εικόνες σε άρθρα της γνωσιακής βάσης, δείτε το Add images and screenshots to Knowledge Base articles.

Πίνακας περιεχομένων

Οπτικοί δείκτες

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

Χρώμα περιγράμματος

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

Στυλ γωνιών

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

Πάχος γραμμής

Εξισορροπήστε το πάχος του περιγράμματος μεταξύ 4 και 8pt για να επιτύχετε ομοιόμορφη ορατότητα σε στιγμιότυπα οθόνης διαφόρων μεγεθών.

Κεντρική στοίχιση των επισημασμένων στοιχείων του γραφικού περιβάλλοντος

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

Screenshot outline example

Δείκτες διαδοχικών βημάτων

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

Sequential Step Markers example

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

Προετοιμασία και επεξεργασία εικόνας

Μέγεθος

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

Example image size

Περικοπή

Φροντίστε να περικόπτετε τα μεγαλύτερα στιγμιότυπα οθόνης για να δίνετε έμφαση στα στοιχεία του γραφικού περιβάλλοντος που αφορούν την εκάστοτε εργασία.

Cropped screenshot example

Απλοποιήσεις

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

Simplified screenshot example

Δεδομένα προσωπικού χαρακτήρα

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

Remove PII example

Ανοιχτόχρωμη λειτουργία

Τα στιγμιότυπα οθόνης θα πρέπει να δημιουργούνται στην ανοιχτόχρωμη λειτουργία όποτε είναι δυνατόν, καθώς οι εικόνες σε σκουρόχρωμη λειτουργία ενδέχεται να μην είναι τόσο ευδιάκριτες για ορισμένους χρήστες. Η Ζωγραφική των Windows και η Προεπισκόπηση του macOS αποτελούν χρήσιμο λογισμικό για την περικοπή και την επεξεργασία των στιγμιότυπων οθόνης. Μπορείτε επίσης να χρησιμοποιήσετε δωρεάν λογισμικό, όπως το GIMP στα Windows, macOs και Linux. Θα βρείτε επιπλέον εργαλεία επεξεργασίας στο τέλος αυτού του άρθρου.

Στιγμιότυπα οθόνης στα Windows

Δημιουργία στιγμιότυπου οθόνης

Μόλις το περιεχόμενο της οθόνης εμφανιστεί με τον τρόπο που θέλετε να απεικονιστεί στο στιγμιότυπο οθόνης:

  1. Πατήστε το πλήκτρο Print ScreenPrnt Scrn ή prt sc ή PrtSc ή PrtScr, ανάλογα με το πληκτρολόγιό σας). Αυτό το πλήκτρο βρίσκεται συνήθως στο πάνω δεξιό τμήμα του πληκτρολογίου σας. Για να αποτυπώσετε μόνο το ενεργό παράθυρο, κρατήστε πατημένο το πλήκτρο Alt, προτού πατήσετε το πλήκτρο Print Screen.
  2. Μεταβείτε στο μενού Έναρξη των Windows και ανοίξτε το πρόγραμμα «Ζωγραφική της Microsoft» από τη λίστα Προγράμματα (αναζητήστε το στον φάκελο Βοηθήματα).
  3. Μόλις ανοίξει η Ζωγραφική, επιλέξτε Επικόλληση και θα εμφανιστεί το στιγμιότυπο οθόνης σας.
  4. Αποθηκεύστε την εικόνα σας ως αρχείο PNG, σε μια τοποθεσία που μπορείτε να βρείτε εύκολα, όπως η επιφάνεια εργασίας σας.

Περικοπή στιγμιότυπων οθόνης στη Ζωγραφική

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

  1. Ανοίξτε το στιγμιότυπο οθόνης στη Ζωγραφική.
  2. Στη γραμμή εργαλείων, κάντε κλικ στα «Επιλογή» > «Ορθογώνια επιλογή».
    Paint1
  3. Ο κέρσορας του ποντικιού σας θα μοιάζει τώρα με πυξίδα. Χρησιμοποιήστε τον κέρσορά σας για να σχεδιάσετε ένα ορθογώνιο γύρω από την περιοχή που θέλετε να αναδείξετε στην τελική εικόνα.
  4. Κάντε κλικ στο κουμπί Περικοπή.

Δημιουργία αποκομμάτων οθόνης στη Ζωγραφική

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

  1. Ανοίξτε το στιγμιότυπο οθόνης στη Ζωγραφική.
  2. Στη γραμμή εργαλείων «Σχήματα», επιλέξτε το ορθογώνιο σχήμα.
    Paint3
  3. Στη γραμμή εργαλείων «Χρώματα», επιλέξτε το κόκκινο χρώμα.
    Paint4
  4. Ο κέρσορας του ποντικιού σας θα μοιάζει τώρα με πυξίδα. Χρησιμοποιήστε τον κέρσορά σας για να σχεδιάσετε ένα κόκκινο ορθογώνιο γύρω από την περιοχή που θέλετε να αναδείξετε.
    Paint2

Αλλαγή μεγέθους εικόνων στη Ζωγραφική

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

  1. Ανοίξτε το στιγμιότυπο οθόνης στη Ζωγραφική.
  2. Κάντε κλικ στο κουμπί Αλλαγή μεγέθους στη γραμμή εργαλείων. Θα ανοίξει το παράθυρο Αλλαγή μεγέθους και στρέβλωση.
  3. Ελέγξτε εάν το ύψος και το πλάτος είναι και τα δύο κάτω από 620 pixel. Εάν είναι μεγαλύτερα, πληκτρολογήστε έναν μικρότερο αριθμό είτε στην οριζόντια είτε στην κάθετη γραμμή.
    Paint5

Στιγμιότυπα οθόνης στο macOS

Δημιουργία στιγμιότυπου οθόνης

Μόλις το περιεχόμενο της οθόνης εμφανιστεί με τον τρόπο που θέλετε να απεικονιστεί στο στιγμιότυπο οθόνης:

  • Για να αποτυπώσετε ολόκληρη την οθόνη, κρατήστε πατημένο το πλήκτρο Command, καθώς και το πλήκτρο Shift, ενώ πατάτε το 3.
  • Για να αποτυπώσετε ένα συγκεκριμένο τμήμα, κρατήστε πατημένο το πλήκτρο Command, καθώς και το πλήκτρο Shift, ενώ πατάτε το 4· έπειτα, επιλέξτε την περιοχή που θέλετε να αποτυπώσετε.
  • Για να αποτυπώσετε ένα συγκεκριμένο παράθυρο, κρατήστε πατημένο το πλήκτρο Command, καθώς και το πλήκτρο Shift, ενώ πατάτε το 4· έπειτα, πατήστε το Spacebar. Στη συνέχεια, μπορείτε να κάνετε κλικ σε ένα παράθυρο για να το αποτυπώσετε.

Αυτό θα έχει ως αποτέλεσμα τη δημιουργία ενός αρχείου PNG στην επιφάνεια εργασίας σας.

Περικοπή εικόνων στην Προεπισκόπηση

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

  1. Ανοίξτε το στιγμιότυπο οθόνης στην Προεπισκόπηση.
  2. Χρησιμοποιήστε τον κέρσορά σας για να σχεδιάσετε ένα ορθογώνιο γύρω από την περιοχή που θέλετε να αναδείξετε στην τελική εικόνα.
    Preview2
  3. Επιλέξτε Εργαλεία > Περικοπή ή χρησιμοποιήστε τη συντόμευση πληκτρολογίου Command + K.

Δημιουργία αποκομμάτων οθόνης στην Προεπισκόπηση

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

  1. Ανοίξτε το στιγμιότυπο οθόνης στην Προεπισκόπηση.
  2. Επιλέξτε Εργαλεία > Επισημείωση > Ορθογώνιο.
  3. Θα εμφανιστεί ένα κόκκινο ορθογώνιο. Προσαρμόστε το για να ταιριάζει γύρω από την περιοχή που θέλετε να αναδείξετε.
    ReloadiOS

Αλλαγή μεγέθους εικόνων στην Προεπισκόπηση

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

  1. Ανοίξτε το στιγμιότυπο οθόνης στην Προεπισκόπηση.
  2. Επιλέξτε Εργαλεία > Προσαρμογή μεγέθους. Θα ανοίξει ένα νέο παράθυρο.
  3. Ελέγξτε εάν το ύψος και το πλάτος είναι και τα δύο κάτω από 620 pixel. Εάν είναι μεγαλύτερα, πληκτρολογήστε έναν μικρότερο αριθμό είτε στην οριζόντια είτε στην κάθετη γραμμή.
  4. Βεβαιωθείτε ότι είναι ενεργοποιημένη η επιλογή Κλιμάκωση αναλογικά και κάντε κλικ στο κουμπί OK.
    ScalePreview

Στιγμιότυπα οθόνης στο Linux

Δημιουργία στιγμιότυπου οθόνης

Μόλις το περιεχόμενο της οθόνης εμφανιστεί με τον τρόπο που θέλετε να απεικονιστεί στο στιγμιότυπο οθόνης:

  • Στο Ubuntu Linux, κάντε κλικ στο μενού Εφαρμογές, μεταβείτε στον φάκελο Βοηθήματα και επιλέξτε Λήψη στιγμιότυπου οθόνης.
  • Σε άλλες περιπτώσεις, ανάλογα με την επιφάνεια εργασίας σας, μπορείτε να χρησιμοποιήσετε το KSnapshot ή το Gnome-screenshot ή να πατήσετε το πλήκτρο Print ScreenPrnt Scrn ή prt sc ή PrtSc), ανάλογα με το πληκτρολόγιό σας, για να αποτυπώσετε το στιγμιότυπο οθόνης σας.

Στιγμιότυπα οθόνης σε συσκευές iOS

Δημιουργία στιγμιότυπου οθόνης

Μόλις το περιεχόμενο της οθόνης εμφανιστεί με τον τρόπο που θέλετε να απεικονιστεί στο στιγμιότυπο οθόνης για iPhone ή iPad:

  1. Πατήστε παρατεταμένα το κουμπί ύπνου/αφύπνισης και το κουμπί αύξησης έντασης ταυτόχρονα.
    (Εάν η συσκευή σας διαθέτει φυσικό κουμπί Αφετηρίας, κρατήστε παρατεταμένα το κουμπί Αφετηρίας και έπειτα, πατήστε αμέσως το κουμπί ύπνου/αφύπνισης.)
  2. Η οθόνη σας θα αναβοσβήσει με λευκό χρώμα για ένα δευτερόλεπτο και η συσκευή θα κάνει έναν ήχο κλείστρου κάμερας (εφόσον η ένταση είναι ενεργοποιημένη) για να υποδείξει ότι έχει δημιουργηθεί το στιγμιότυπο οθόνης.
  3. Το στιγμιότυπο οθόνης είναι πλέον αποθηκευμένο στην εφαρμογή «Φωτογραφίες» για να το δείτε.

Στιγμιότυπα οθόνης σε συσκευές Android

Δημιουργία στιγμιότυπου οθόνης

Μόλις το περιεχόμενο της οθόνης εμφανιστεί με τον τρόπο που θέλετε να απεικονιστεί στο στιγμιότυπο οθόνης για συσκευές Android:

  1. Κρατήστε πατημένο το κουμπί αδράνειας/αφύπνισης και το κουμπί μείωσης έντασης ταυτόχρονα. Θα αναβοσβήσει η οθόνη.
  2. Βρείτε το στιγμιότυπο οθόνης στην εφαρμογή «Συλλογή».
  3. Στείλτε το στιγμιότυπο οθόνης στον υπολογιστή σας. Εάν θέλετε, επεξεργαστείτε το στιγμιότυπο οθόνης σε ένα λογισμικό επεξεργασίας εικόνας, όπως η Ζωγραφική ή η Προεπισκόπηση.
  • Σε τηλέφωνα Android με «καθαρό» Android 9 (Pie), μπορείτε απλώς να πατήσετε παρατεταμένα το κουμπί τροφοδοσίας/κλειδώματος/ξεκλειδώματος, ώστε να εμφανιστεί το μενού τροφοδοσίας. Από αυτό το μενού, επιλέξτε Στιγμιότυπο οθόνης (η τρίτη επιλογή στο κάτω μέρος του μενού) και ένα στιγμιότυπο οθόνης θα αποθηκευτεί αυτόματα στη συλλογή του τηλεφώνου σας.
  • Δεν λειτουργούν όλες οι συσκευές Android με τον ίδιο τρόπο. Εάν οι παραπάνω μέθοδοι δεν λειτουργούν και η συσκευή σας διαθέτει κουμπί αρχικής οθόνης, πατήστε παρατεταμένα το κουμπί αρχικής οθόνης και το κουμπί λειτουργίας ταυτόχρονα, μέχρι να αναβοσβήσει η οθόνη. Για άλλες μεθόδους, ανατρέξτε σε αυτά τα άρθρα:

Εργαλεία

Πλήρεις οδηγίες για τη γνωσιακή βάση

Δείτε περισσότερες οδηγίες στα άρθρα που απευθύνονται σε εθελοντές της γνωσιακής βάσης.

Αυτοί οι υπέροχοι άνθρωποι βοήθησαν στη σύνταξη αυτού του άρθρου:

Illustration of hands

Συμμετοχή

Μοιραστείτε την εμπειρία σας με άλλους χρήστες. Απαντήστε σε ερωτήσεις και βελτιώστε τη γνωσιακή βάση μας.

Μάθετε περισσότερα