Блог технического писателя Ильи Жукова

Как сделать качественные скриншоты

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

Причины низкого качества скриншотов могут быть самые разные. Сразу отдадим должное компьютерной грамотности большинства пользователей, знающих о фирменных драйверах для мониторов, о рекомендуемом разрешении экранов, о разрешении изображений, поэтому вынесем за рамки статьи неправильные настройки оборудования, непропорциональные изменения размеров рисунков и т.п. То есть, рассмотрим ситуацию, когда правильные драйвера установлены, рекомендуемое разрешение выбрано, вы делаете скриншоты, вставляете в документацию с размером 100% и по итогам тестирования получаете замечание «нечеткие / размытые скриншоты».

Как проявляется нечеткость / размытость

Проблема может проявляться по-разному: в одном случае это может быть нечеткий текст, в другом – размытые значки на панели инструментов, в третьем – и то и другое. В окнах некоторых программ проблема может совсем не проявляться. Сравним 2 снимка:

 

В чем причина

Причиной нечеткого текста и размытых значков на втором снимке является включенное в ОС Windows масштабирование элементов интерфейса – второй снимок сделан при 125%. Если рассмотреть окно настроек экрана в Windows 7 при таком масштабировании, проблема нечеткости и размытости также проявляется, но не везде и не так явно. В Windows 10 наблюдаем аналогичную картину при масштабировании 125%. В окнах ОС искажения также менее заметны, в том числе из-за плоского интерфейса.

 

По-человечески ситуация понятна. Стремление к мобильности определяет выбор компактного, легкого и мощного ноутбука с экраном в 13 дюймов. Лидирующее сегодня разрешение 1920х1080 на таком экране — это очень и очень мелко. Для комфортной работы стационарное рабочее место оснащается качественным монитором высокого разрешения, на котором 1920х1080 комфортно для глаз. А для удобства чтения с экрана без монитора используется масштабирование на уровне ОС.

 

Способы решения

Рассмотрим 2 основных способа решения данной проблемы.

1. Отключить масштабирование для программы, снимки которой вы будете делать.

Для этого в окне свойств ярлыка для запуска программы на вкладке Совместимость необходимо пометить флажок Отключить масштабирование изображения при высоком разрешении экрана (Windows 7, 10) и применить данные настройки.

2. Отключить масштабирование в ОС на время создания скриншотов.

Если первый способ решения не помог, нужно отключить масштабирование на уровне ОС. Но работать с «мелким» экраном не всегда удобно. Как вариант, можно и использовать масштабирование в отдельных программах. Так, браузер Mozilla Firefox поддерживает отдельное масштабирование текста и рисунков. В Help and Manual можно сделать пользовательский интерфейс покрупней, а также увеличить текст в редакторе, не зависимо от настроек операционной системы – этому посвящен отдельный материал Как сделать интерфейс Help+Manual 7 покрупней.

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

А самое правильное решение — не создавать подобную проблему искусственно, то есть тщательно выбирать оборудование, внимательно изучать его характеристики. По возможности экран лучше посмотреть вживую — на полке в магазине. Если нет выбранной модели, можно посмотреть экран аналогичного размера с тем же разрешением. А если и использовать масштабирование, то вовремя возвращаться к 100%, зная про описанный нюанс.

 

Добавить комментарий

Комментарии  

Ильнур Камилевич Кад
# +2 Ильнур Камилевич Кад 25.06.2020 16:33
помогло, спасибо!
Ответить Ответить с цитатой Цитировать

Последние статьи

Как вставить тесты в CHM и WebHelp…

Форматы электронной документации CHM, WebHelp и EWriter давно используются для создания и распространения электронных книг и учебников. Разработать такое учебное пособ...

Читать полностью...

Оформление рисунков в Help+Manual при по…

Рисунки в проекте Help and Manual можно единообразно оформить тремя способами. Во-первых, это можно сделать в графическом редакторе, например в Impict. Во-вторых, для ...

Читать полностью...

Подключение таблицы стилей к проекту Hel…

При работе с форматами, основанными на HTML, для оформления контента в документах можно использовать каскадные таблицы стилей, cascading style sheets или CSS. Данная т...

Читать полностью...

Формулы в HTML Help (CHM)

Я по образованию филолог. Специализируюсь на разработке пользовательской документации на английском и русском языках. С формулами в документации сталкиваюсь редко и по...

Читать полностью...

Импорт документов MS Word в Help+Manual…

Часто технический писатель получает исходные данные от аналитиков, разработчиков, тестировщиков, маркетологов и других специалистов в форматах DOC, DOCX и RTF (реже, и...

Читать полностью...

Поиск в WebHelp находит удаленные раздел…

Во время поддержки проекта справки со временем ряд разделов устаревает. Вы исключаете их из сборки, возможно, даже удаляете из проекта. Собираете выходную документацию...

Читать полностью...

Контекстная справка в приложениях Window…

Понятие контекстной или контекстно-зависимой справки (от англ. context-sensitive help) появилось в 1987 году с выходом формата WinHelp. Изначально контекстная справка ...

Читать полностью...

Как поддерживать скриншоты в актуальном …

Рисунки, схемы, скриншоты и другие изображения являются неотъемлемой частью любой пользовательской документации. Один скриншот с выносками может дать начинающему польз...

Читать полностью...

Книга «Разработка технической документац…

Уважаемые коллеги! Если вам нужно быстро освоить разработку документации по ГОСТ, рекомендую обратить внимание на книгу В.А. Глаголева «Разработка технической документ...

Читать полностью...

Перевод выходных документов в Help and M…

Выбрав русский язык и русскую кодировку в настройках проекта Help and Manual, многие авторы после первой сборки удивляются, увидев в выходных документах английские сло...

Читать полностью...

Размер и расположение окна CHM при перво…

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

Читать полностью...

Рваные края скриншотов в Help and Manual…

Многие платные редакторы скриншотов, например, SnagIt, FastStone Capture и др., умеют создавать эффект рваных краев. В сети Интернет можно найти множество видеоуроков ...

Читать полностью...
новое в Help and Manual 9

Новое в Help and Manual 9

23 ноября 2022 года компания EC Software к 25-летнему юбилею выпустила 9-ю версию программного комплекса Help and Manual (выходит c 1997 года). Комплект шаблонов Premi...

Читать полностью...

Создание CHM-справки в бесплатной програ…

KEL CHM Creator — это «новая» хорошо забытая программа, выпущенная в 2012 году, предназначенная для создания и декомпиляции CHM-файлов. Программа не требовательна к ре...

Читать полностью...

KEL CHM Creator — бесплатная программа д…

Если вам нужно создать CHM-файл, и вы больше не хотите пользоваться глючной программой HTML Help Workshop, тогда KEL CHM Creator — это ваш вариант. Программа позволяет...

Читать полностью...
ключевые слова

Ключевые слова в Help+Manual…

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

Читать полностью...

Все о справке и документации для пользователей!

Следить за новыми статьями:

© Илья Жуков, 2019-2024. Охраняется законом об авторском праве.