edittext.ai

Επεξεργασία κειμένου σε στιγμιότυπο οθόνης εφαρμογής ή ιστότοπου

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

Μεταφορτώστε το στιγμιότυπο οθόνης σας

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

Παραδείγματα

Πριν
Τρεις οθόνες κινητού από ένα concept εφαρμογής παρακολούθησης διάθεσης σε λιλά φόντο· ο τίτλος της πρώτης οθόνης ρωτά «Not Sure About Your Mood?» πάνω από ένα κουμπί «Let Us Help!» και πολύχρωμα πρόσωπα διάθεσης.
Μετά
Το ίδιο mockup εφαρμογής με τον τίτλο της πρώτης οθόνης αλλαγμένο σε «Check In With Your Mood» και το κουμπί σε «Get Started»· οι άλλες δύο οθόνες δεν αλλάζουν.
Ο τίτλος του onboarding αλλάζει από «Not Sure About Your Mood?» σε «Check In With Your Mood» και το κουμπί από «Let Us Help!» σε «Get Started». Οι άλλες δύο οθόνες κινητού δεν αλλάζουν.
Πριν
Σελίδα τιμών για ένα SaaS με το όνομα Extrude· η επάνω πλοήγηση γράφει Pricing, Features και «Use cases» με ένα βέλος αναπτυσσόμενου μενού.
Μετά
Η ίδια σελίδα με το μενού «Use cases» μετονομασμένο σε «Solutions», με το βέλος του αναπτυσσόμενου μενού να παραμένει· η υπόλοιπη πλοήγηση και οι κάρτες τιμών δεν αλλάζουν.
Το στοιχείο μενού «Use cases» μετονομάζεται σε «Solutions», ώστε το στιγμιότυπο οθόνης να ταιριάζει με την τρέχουσα πλοήγηση. Οι κάρτες τιμών και η υπόλοιπη κεφαλίδα δεν αλλάζουν.
Πριν
Πάνελ ρυθμίσεων εμφάνισης με γραμμές για γλώσσα, θέμα διεπαφής, χρώμα έμφασης και διακόπτες· η γκρι βοηθητική γραμμή κάτω από το «Interface theme» γράφει «Customize your application appereance» με τυπογραφικό λάθος.
Μετά
Το ίδιο πάνελ ρυθμίσεων με τη βοηθητική γραμμή διορθωμένη σε «Customize your application appearance» με τα ίδια μικρά γκρι γράμματα· όλες οι άλλες ετικέτες, τα κουμπιά και οι διακόπτες δεν αλλάζουν.
Το τυπογραφικό λάθος «appereance» στο βοηθητικό κείμενο διορθώνεται σε «appearance» με τα μικρά γράμματα της ίδιας της διεπαφής. Οι προεπισκοπήσεις θεμάτων, οι διακόπτες και τα κουμπιά δεν αλλάζουν.

Πώς λειτουργεί

  1. Τραβήξτε το στιγμιότυπο σε μεγάλο μέγεθος

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

  2. Ελέγξτε τις ετικέτες που αναγνωρίστηκαν

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

  3. Γράψτε τη νέα ετικέτα

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

  4. Επιλέξτε επίπεδο ποιότητας

    Επιλέξτε Υψηλή ποιότητα για λεπτές ή πολύ μικρές γραμματοσειρές διεπαφής ή Τυπική για τίτλους σελίδων και έντονες ετικέτες. Έπειτα επιλέξτε «Εφαρμογή αλλαγών».

  5. Διαβάστε κάθε χαρακτήρα

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

Πότε να επεξεργαστείτε ένα στιγμιότυπο αντί να το τραβήξετε ξανά

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

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

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

Μικρές γραμματοσειρές διεπαφής

Το κείμενο της διεπαφής είναι συχνά μικρό, λεπτό και σχεδιασμένο με απαλές άκρες, γι’ αυτό είναι πιο δύσκολο να διαβαστεί και να αναπαραχθεί από έναν μεγάλο τίτλο. Όσα περισσότερα pixel έχει κάθε γράμμα, τόσο περισσότερες λεπτομέρειες έχει στη διάθεσή της η τεχνητή νοημοσύνη, γι’ αυτό τραβήξτε το στιγμιότυπο σε οθόνη υψηλής ανάλυσης ή με μεγαλύτερο ζουμ όταν μπορείτε.

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

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

Τι να ελέγξετε πριν το μοιραστείτε

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

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

Συχνές ερωτήσεις

Μπορώ να αλλάξω την ίδια ετικέτα σε ένα ολόκληρο σύνολο στιγμιότυπων;

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

Γιατί μια μικρή ετικέτα αναγνωρίστηκε με λάθος γράμματα;

Το μικρό, λεπτό ή χαμηλής αντίθεσης κείμενο διεπαφής διαβάζεται εύκολα λάθος και σε αυτό το μέγεθος ορισμένα γράμματα μοιάζουν μεταξύ τους: ένα κεφαλαίο I και ένα πεζό l, ο αριθμός 0 και το γράμμα O ή το rn και το m. Επεξεργαστείτε την καταχώριση «Αρχική» μέχρι να διαβάζεται ακριβώς όπως στο στιγμιότυπο και έπειτα πληκτρολογήστε την αντικατάστασή σας. Αν μια ετικέτα λείπει εντελώς από τη λίστα, χρησιμοποιήστε την «Προσθήκη κειμένου».

Μπορώ να κάνω ένα πεδίο ή έναν μετρητή να φαίνεται άδειος σε ένα mockup;

Ναι. Αφήστε κενό το πεδίο «Αντικατάσταση» για το κείμενο υποδείγματος (placeholder), την τιμή ή τον μετρητή που θέλετε να φύγει και η τεχνητή νοημοσύνη συμπληρώνει την περιοχή με βάση τη γύρω διεπαφή. Έπειτα ελέγξτε ότι τα περιγράμματα των πεδίων, ο δρομέας κειμένου και τα κοντινά εικονίδια είναι άθικτα. Για να κρύψετε το όνομα, τη διεύθυνση email ή τα στοιχεία λογαριασμού κάποιου πριν μοιραστείτε ένα στιγμιότυπο οθόνης, χρησιμοποιήστε τον ξεχωριστό οδηγό για την απόκρυψη προσωπικών στοιχείων σε στιγμιότυπα οθόνης.

Μπορώ να επεξεργαστώ κείμενο σε στιγμιότυπο οθόνης που τράβηξα από το κινητό μου;

Ναι. Τα στιγμιότυπα οθόνης κινητού αποθηκεύονται συνήθως ως αρχεία PNG ή JPG, που μεταφορτώνονται απευθείας αρκεί να μην είναι μεγαλύτερα από 14 MiB. Οι οθόνες των κινητών χωρούν μικρά γράμματα σε στενό χώρο, γι’ αυτό επιλέξτε Υψηλή ποιότητα για ετικέτες καρτελών, μικρά κουμπιά και στοιχεία λιστών και κάντε μεγέθυνση στο αποτέλεσμα για να ελέγξετε κάθε χαρακτήρα πριν το χρησιμοποιήσετε σε ένα mockup ή έναν οδηγό.

Τι γίνεται με το αρχικό στιγμιότυπο αφού το μεταφορτώσω;

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

Δοκιμάστε το στη δική σας εικόνα

Μεταφορτώστε το στιγμιότυπο οθόνης σας

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