edittext.ai

Изменить текст на скриншоте приложения или сайта

Изменить текст на скриншоте приходится, когда макету, справочной статье или дизайн-ревью нужны другие слова, а воссоздавать экран слишком долго. Дизайнеры, продакт-менеджеры и технические писатели могут с помощью нейросети исправить опечатку, обновить переименованную подпись или примерить новую надпись на кнопке, не открывая исходный дизайн.

Загрузить скриншот

Для загрузки войдите через Google. Первая правка в режиме «Обычное» бесплатна, на результате будет водяной знак.

Примеры

До
Три экрана телефона с концептом приложения для отслеживания настроения на сиреневом фоне; заголовок первого экрана спрашивает «Not Sure About Your Mood?» над кнопкой «Let Us Help!» и разноцветными смайликами настроения.
После
Тот же макет приложения: заголовок первого экрана заменён на «Check In With Your Mood», а кнопка — на «Get Started»; два других экрана не изменились.
Заголовок онбординга меняется с «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 для справочной статьи, презентации или ревью.

Когда стоит править скриншот, а не снимать заново

Свежий скриншот всегда показывает настоящий интерфейс, поэтому, если до нужного экрана легко добраться, сделайте новый снимок. Правка помогает, когда точное состояние трудно воспроизвести: экран, которому нужны демо-данные, сценарий из множества шагов, старая версия, которую вы больше не запускаете, или макет, который существует только в виде картинки.

Для дизайн-ревью можно показать предлагаемую подпись кнопки или заголовок прямо на настоящем экране, а не описывать их в комментарии. Сделайте по одному изображению на каждый вариант формулировки, чтобы рецензенты сравнивали их в контексте, и пометьте каждое как предложение, чтобы никто не принял его за выпущенный интерфейс.

В документации и руководствах один переименованный пункт меню может сделать запутанным скриншот, который во всём остальном точен. Меняйте текст на скриншоте только затем, чтобы привести его в соответствие с текущей версией, — с тем же регистром и знаками препинания, что и в рабочем интерфейсе, — а когда экран изменился не только словами, снимите его заново.

Мелкие шрифты интерфейса

Текст интерфейса часто мелкий, тонкий и со сглаженными краями, поэтому его труднее прочитать и воспроизвести, чем крупный заголовок. Чем больше пикселей приходится на каждую букву, тем больше деталей у ИИ для работы, поэтому по возможности снимайте на экране с высоким разрешением или с большим масштабом.

Плотные таблицы, боковые панели, панели настроек и всплывающие подсказки содержат самый мелкий текст на большинстве экранов. Если подпись там всё равно получается неровной даже в режиме «Высокое качество», снимите экран в более крупном масштабе или сократите новую формулировку. Одно короткое слово обычно проще воспроизвести, чем фразу, втиснутую в узкий столбец.

Скриншот — это плоское изображение, поэтому при удлинении подписи ничего не перестраивается. Там, где живой интерфейс расширил бы кнопку или перенёс текст на вторую строку, гораздо более длинная подпись на скриншоте может выглядеть сжатой или теснить значок рядом. Выбирайте формулировку, которой нужно не больше места, чем прежней подписи, а если места нужно больше — измените исходный дизайн.

Что проверить, прежде чем делиться скриншотом

Текст интерфейса находится рядом со значками, рамками и бейджами, и правка подписи может изменить и то, что к ней прилегает. Проверьте каждый пункт ниже с помощью ползунка сравнения.

  • Значки, флажки и переключатели рядом с изменённой подписью остались чёткими и на своих местах.
  • Края кнопок, подчёркивания, контуры фокуса и бейджи не сместились и не расплылись.
  • Числа, номера версий и сочетания клавиш в точности совпадают с настоящим интерфейсом.
  • Новая подпись следует правилам написания заглавных букв, принятым в соседних подписях.
  • Строки, которые вы не меняли, идентичны оригиналу.

Частые вопросы

Можно ли изменить одну и ту же подпись сразу на целом наборе скриншотов?

Да, но каждый скриншот — это отдельная правка. Ведите короткий список точных старых и новых формулировок и вставляйте одну и ту же замену в каждое изображение, чтобы регистр и знаки препинания совпадали во всём наборе. В пределах одного скриншота можно изменить несколько подписей за одну правку — это удобно, когда переименованная функция встречается и в меню, и в заголовке страницы.

Почему мелкая подпись распозналась с неверными буквами?

Мелкий, тонкий или малоконтрастный текст интерфейса легко прочитать неверно, а в таком размере некоторые буквы выглядят одинаково: заглавная I и строчная l, цифра 0 и буква O, а также rn и m. Исправляйте поле «Оригинал», пока оно не станет в точности таким же, как на скриншоте, и только потом вводите замену. Если подписи нет в списке вообще, воспользуйтесь «Добавить текст».

Можно ли сделать так, чтобы поле или счётчик в макете выглядели пустыми?

Да. Оставьте поле «Замена» пустым для подсказки, значения или счётчика, которые нужно убрать, и ИИ заполнит эту область, опираясь на окружающий интерфейс. После этого проверьте, что границы поля, текстовый курсор и ближайшие значки не пострадали. Чтобы скрыть чьё-то имя, адрес электронной почты или данные аккаунта перед публикацией скриншота, воспользуйтесь отдельным руководством о том, как скрыть личные данные на скриншотах.

Можно ли изменить текст на скриншоте, сделанном на телефоне?

Да. Скриншоты на телефоне обычно сохраняются в PNG или JPG, и их можно загружать напрямую, если они не больше 14 MiB. На экране телефона мелкий шрифт умещается в узкое пространство, поэтому для подписей вкладок, маленьких кнопок и элементов списка выбирайте «Высокое качество», а результат увеличьте и проверьте каждый символ, прежде чем использовать его в макете или руководстве.

Что происходит с исходным скриншотом после загрузки?

Он остаётся в разделе «Мои изображения», откуда его можно удалить в любой момент. Если на скриншоте показаны ещё не выпущенные функции, внутренние инструменты или данные клиентов, скачайте нужный отредактированный PNG, а затем удалите оригинал из раздела «Мои изображения». Так конфиденциальные экраны не будут храниться в вашем аккаунте дольше, чем нужно для проекта.

Попробуйте на своём изображении

Загрузить скриншот

Для загрузки войдите через Google. Первая правка в режиме «Обычное» бесплатна, на результате будет водяной знак.