Справка, не оптимизированная под мониторы с высоким разрешением, при просмотре на таких устройствах выглядит слишком «мелкой». При попытке увеличить ее, нажимая на клавиатуре 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 совместимой с мониторами высокого разрешения:
- Откройте проект Help+Manual.
- В Project Explorer выберите Configuration \ Publishing Options \ Microsoft HTML Help \ HTML Export Options.
- В раскрывающемся списке Font Size Encoding: выберите pt Point.
- Пометьте флажок Make CHM file compatible for high resolution monitor (“4K display compatibility”). Данная настройка отвечает за автоматическое масштабирование шрифтов в зависимости от разрешения монитора.
- Сохраните внесенные изменения.
Все элементы CHM-файла будут автоматически адаптироваться под разрешение монитора, и будут корректно отображаться как на обычных мониторах, так и на мониторах и других устройствах с высоким разрешением.
Настройки публикации в формате WebHelp (HTML)
Чтобы сделать справку в формате WebHelp совместимой с мониторами высокого разрешения:
- Откройте проект Help+Manual.
- В Project Explorer выберите Configuration \ Publishing Options \ Webhelp \ HTML Export Options.
- В раскрывающемся списке Font Size Encoding: выберите em Rem.
- Сохраните проект.
После того, как кодировка базового шрифта будет задана в относительных единицах (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
