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

Настройка cправки под 4K-мониторы

Справка, не оптимизированная под мониторы с высоким разрешением, при просмотре на таких устройствах выглядит слишком «мелкой». При попытке увеличить ее, нажимая на клавиатуре Ctrl + «+», она будет некорректно масштабироваться. Рисунки будут рушить макет, увеличиваться и терять качество. Можно ли заранее предусмотреть такую ситуацию? Как сделать так, чтобы справка автоматически подстраивалась под разрешение монитора? Какой программой можно это сделать?

Для чего это нужно?

Пару лет назад мониторы с высоким разрешением (4К, Ultra HD, UHD) стоили за 60 000 руб., считались роскошью и встречались довольно редко. Такой монитор можно было встретить разве что в кабинете топ-менеджера самого высокого уровня. Сегодня 4К-мониторы стали доступнее. Минимальная стоимость бюджетного монитора с высоким разрешением опустилась ниже 20 000 руб. Подобные мониторы теперь часто используются для демонстрации программных продуктов руководителям высшего звена, действующим и потенциальным инвесторам.

Так как справка является частью программного продукта, во время демонстрации на мониторе с высоким разрешением она должна отображаться также качественно, как и на обычном мониторе. Поэтому перед техническим писателем встает важная и ответственная задача: оптимизировать справку под 4к-монитор. Ведь не оптимизированная справка будет смотреться слишком мелко, а при увеличении будет масштабироваться не всегда корректно!

Как это сделать?

Если вы пользуетесь Help+Manual 7 Pro, можете считать, что полдела уже сделано. Разработчики программы предусмотрели ряд настроек, позволяющих оптимизировать справку в форматах HTML Help (CHM) и WebHelp (HTML) для просмотра на мониторах с высоким разрешением. Сразу оговорюсь, что данные настройки касаются текстовой части справки. На работу и внешний вид справки на экранах с обычным разрешением они не влияют. Рассмотрим настройки Help+Manual 7 Pro подробнее.

 

Настройки публикации в формате HTML Help (CHM)

Чтобы сделать справку в формате CHM совместимой с мониторами высокого разрешения:

  1. Откройте проект Help+Manual.
  2. В Project Explorer выберите Configuration \ Publishing Options \ Microsoft HTML Help \ HTML Export Options.

настройка справки в формате CHM под 4k-мониторы

  1. В раскрывающемся списке Font Size Encoding: выберите pt Point.
  2. Пометьте флажок Make CHM file compatible for high resolution monitor (“4K display compatibility”). Данная настройка отвечает за автоматическое масштабирование шрифтов в зависимости от разрешения монитора.
  3. Сохраните внесенные изменения.

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

 

Настройки публикации в формате WebHelp (HTML)

Чтобы сделать справку в формате WebHelp совместимой с мониторами высокого разрешения:

  1. Откройте проект Help+Manual.
  2. В Project Explorer выберите Configuration \ Publishing Options \ Webhelp \ HTML Export Options.

настройка справки в формате WebHelp под 4k-мониторы

  1. В раскрывающемся списке Font Size Encoding: выберите em Rem.
  2. Сохраните проект.

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

Что еще можно сделать?

Чтобы справка корректно отображалась на устройствах с различным разрешением, прежде всего, рекомендуется использовать адаптивные шаблоны. Несколько таких шаблонов входит в стандартную поставку Help+Manual 7. Можно также заказать дополнительный комплект Premium Pack, в который на момент написания статьи входит 48 различных шаблонов.

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

Для просмотра не оптимизированной под высокое разрешение справки в формате WebHelp можно использовать Mozilla FireFox, который умеет масштабировать только текст, без рисунков. Для этого в меню Вид необходимо выбрать Масштаб \ Только текст. После этого при нажатии на клавиатуре Ctrl + “+” текст справки будет сносно масштабироваться до 170-200% в зависимости от выбранного шаблона. Рисунки при этом увеличиваться не будут. Но для просмотра справки, оптимизированной под высокое разрешение, данный способ не подойдет. Эффект будет обратным.

И самое главное. Задуматься о том, есть ли среди вашей аудитории обладатели устройств, подобных Microsoft Surface Pro или Lenovo Yoga Pro, желательно в самом начале пути, на этапе планирования справки. Это позволит вовремя выбрать соответствующие стратегии использования графики, а также подобрать или разработать адаптивный шаблон. Если справка не оптимизирована под экраны с высоким разрешением, хорошим тоном будет просто указать в служебном разделе (например, «Справочная система», «Помощь и поддержка» и т.п.) разрешение экрана, при котором справка будет корректно отображаться и работать.

 

Источники и дополнительная информация

Publishing for Hi-Res Displays

Статья "Почему em?"

Формат WinHelp

Формат WebHelp

 

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

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

Что нового в Help+Manual 8

10 февраля 2020 года вышла 8-я версия Help+Manual. Любой желающий может бесплатно скачать пробную версию с сайта компании-разработчика и оценить ее потенциал. В течени...

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

Работа со стилями в Help and Manual 7

Чтобы внешний вид нового CHM-файла соответствовал оригиналу, необходимо создать стили, применить их к проекту и очистить встроенное форматирование. Это позволит обеспе...

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

Форматы справки для ОС Linux

В рамках замещения импортного программного обеспечения все больше государственных структур переходят на отечественные сборки Linux. Прежде всего, это Alt Linux и Astra...

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

Сборка CHM-файла в Help and Manual

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

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

Основные настройки проекта в Help and Ma…

Если для сборки справки не используется шаблон (skin-file), внешний вид и основной функционал CHM-справки берется из настроек проекта. В этой статье я расскажу о том, ...

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

Импорт CHM в Help and Manual

Программный комплекс Help and Manual позволяет импортировать документацию из ряда форматов, в том числе, из HTML и CHM. Готовую документацию можно загрузить как в суще...

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

Как отредактировать CHM в Help and Manua…

Если вам нужно внести несколько небольших правок в CHM-файл, такую задачу можно успешно решить при помощи бесплатных программ HTML Help Workshop и Notepad++. Серьезная...

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

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

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

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

Внесение изменений и сборка нового CHM-ф…

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

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

Создание и настройка проекта в HTML Help…

Установив необходимые бесплатные программы, мы разобрали исходный файл api.chm и получили 64 файла (подробнее смотрите материал Декомпиляция CHM-файла). Это основная ч...

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

Декомпиляция CHM-файла

Файл в формате CHM представляет собой скомпилированный HTML. В него могут входить HTML-страницы, рисунки, таблицы стилей, скрипты и другие файлы. Подробное описание со...

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

Редактирование CHM бесплатными программа…

Если заказчику или работодателю не принципиально, какое программное обеспечение использовать, я предпочитаю редактировать CHM в Help+Manual 7. Но как показывает практи...

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

Как отредактировать CHM-файл

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

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

Как создать справку в формате CHM

Формат HTML Help или CHM был разработан компанией Microsoft в 1997 г. Сегодня CHM остается стандартом справки для приложений, работающих в ОС Windows. Средство для про...

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

Бесплатный локальный сервер HM2GO для We…

Одна из моих предыдущих статей была посвящена особенностям работы WebHelp на локальных компьютерах. Некоторые популярные браузеры, в том числе Google Chrome, Opera и Я...

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

Дата в полном формате с месяцем в родите…

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

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

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

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

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