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

Настройка 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

 

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

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

Подключение таблицы стилей к проекту 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…

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

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

HTML Help Workshop – бесплатная программ…

В 1997 году Microsoft выпустила новый формат справки, HTML Help (CHM), а также бесплатную программу для создания и редактирования справки в этом формате — HTML Help Wo...

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

HelpNDoc — бесплатная альтернатива Help+…

Еще одной альтернативой RoboHelp и Help&Manual является программа HelpNDoc от французского разработчика, компании IBE Software. Это практически полный аналог HelpS...

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

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

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

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