Visio: Работа с "pt" и экспорт в "px"
Вот хорошо было в PhotoShop, поскольку это прежде всего растровый редактор, там поддержка пикселов реализована как с основной единицей измерения. В Visio про пикселы идёт речь только при экспорте (Save As) в растровый формат. Нынче, в web и desktop-приложениях мы только ещё подходим к отказу от пикселей в пользу относительных единиц измерения (обсуждения про rem, ещё статья), что потребует в том числе и векторной графики. И потому, нынче в работе от пикселей никуда не деться! Ведь при вёрстке web-страниц понадобятся размеры именно в пикселях.
Так о чём я? В общем постановка задачи следующая:
Задача
Необходимо в окне Visio и всяческих свойствах фигур работать с пикселями, для чего требуется:
- Отображать значения пикселов на линейках (View > Rulers)
- Отображать графику на экране 1 к 1, по принципу WYSIWYG. То есть чтобы визуальные размеры всяческих элементов управления (controls) отображаемых в данный момент, при разработке макета Visio, оставались теми же самыми, хоть ты жми "PrintScreen", хоть пользуйся экспортом.
Решение
Единственной подходящей единицей измерения в Visio, хоть как-то соотносящейся по масштабу с пикселями при установленном размере листа А4 (не будем рассматривать другие варианты, чтобы не тратить время на постоянную настройку параметров страницы), является "pt".
Заходим в меню «Сервис > Параметры», затем во кладку «Единицы» где щёлкаем кнопку «Изменить» и во вкладке «Свойства страницы» меняем значение выпадающего списка на «Пункты»(pt), жмём кнопку «Применить». Отмечаем пункт меню «Вид > Линейки».
Рисуем прямоугольник размером 640x480pt. Если нажать кнопку клавиатуры "PrintScreen" при масштабе страницы 100%, то сохранив изображение из буфера обмена, наш прямоугольник будет иметь ширину 897x672px, да и рамка в 1.2pt (третий пункт в выпадающем списке установки толщины линии) что нас не удовлетворяет постановке задачи. Устанавливаем масштаб страницы в 75%, при котором мы и получаем PrintScreen 1 к 1.
После щелчка по пункту меню «Файл > Сохранить как» (Save As) выбираем графический «Тип файла», например png. В параметрах вывода в формат, установлено исходное «Разрешение» 96 пкс/дюйм (DPI), его надо установить в «другое» 72 пкс/дюйм, либо воспользваться группой элементов «Размер», где после вышеописанного ввода 72dpi, при выборе радиокнопки «Другой» и значения выпадающего списка «пкс» установится размер 641x481px, что и требуется (Visio добавляет лишний отступ, оставьте его, как он предлагает, чтобы получить чёткие линии). Но лучше пользоваться всё-таки установкой разрешения, чтобы не высчитывать размеры самых разнообразных фигур на листе.
Совет
Если отталкиваться от положения что для человека удобносчитываемым размером шрифта надписей на контролах является 12pt, что соответствует 16px (кстати, в браузерах по умолчанию за 100% размер шрифта в body берётся именно этот размер), то все наши контролы, для вышеописанного рабочего порядка (workflow), рекомендуется делать с шрифтом в 16pt.
За базовый размер шрифтов контролов можно взять 15px. Шаг к мелкому и крупному шрифту от этого размера составляет 1/5 размера: «12px-15px-18px» (приятнее работать с иконками 16x16px), в отличии от 1/4 в линейке «12px-16px-20px». Верстальщику: чтобы пользователь имел возможность подстраивать размер шрифта под свои нужды через настройки браузера, базовый шрифт в 15px лучше устанавливать следующим образом:
body {font-size:93.75%}