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

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

 

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

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

Создание 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...

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

HelpSmith — достойная альтернатива Help+…

Продолжая тему средств разработки справки и пользовательской документации, нельзя не рассказать о программе HelpSmith. Она работает по принципу единого источника и под...

Читать полностью...
отечественная программа для разработки справки

Dr.Explain — отечественная программа для…

За почти 30-летнюю историю существования RoboHelp и Help&Manual стали стандартом средств разработки справки и пользовательской документации в среде Windows. Сегодн...

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

Как вычитать свой текст: инструкция для …

В идеале любой технический текст кроме автора должен прочитать хотя бы один редактор и хотя бы один корректор. На практике дело ограничивается одним нормоконтролером и...

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

Как повысить качество текста инструкций

Каждый автор знает: во время написания и правки текста глаз замыливается. Смотришь в текст и читаешь не то, что написано, а то, что хочешь видеть. В этой статье я расс...

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

Закон построения нехудожественного текст…

Вы не задумывались, почему некоторые тексты читаются на одном дыхании, а через другие приходится продираться? Почему одна статья запоминается на лету, как бы сама собо...

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

Примечания и предупреждения в тексте инс…

Важную информацию в тексте можно выделять по-разному. Можно целые предложения оформлять жирным, подчеркнутым и курсивным шрифтом. Можно написать все слова в предложени...

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

Методика чтения научных книг

Я не люблю брать в руки разрисованные книги. Текст исчиркан, подчеркнут, зачеркнут. Ручкой, карандашом, маркером. Уголки страниц загнуты. На полях рукописные пометки, ...

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

Книга «Пиши, сокращай: как создавать сил…

Наводя порядок в книжном шкафу, нашел книгу Максима Ильяхова и Людмилы Сарычевой «Пиши, сокращай: как создавать сильный текст». Я прочитал ее летом 2018 года, но отзыв...

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

Как починить поиск в русском PDF

Начинающий пользователь Help+Manual, пишущий документацию на русском языке, рано или поздно сталкивается с ситуацией, когда в созданном PDF-документе не работает поиск...

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

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

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

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

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

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

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

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

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

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