Как работать с программой Pencil evolus
Для того чтобы скачать эту программу можно пройти на официальный сайт:
pencil.evolus.vn
и скачать программу.
Использование программой
ctrl + Позволяет увеличить масштаб. ctrl - Позволяет уменьшить масштаб.
Программа позволяет в одном проекте создать несколько страниц и даже внутри странице можно создать вложенную страницу. Отображаются они снизу примерно по центру. Нажав правой кнопкой на Untiled page.
Тут можно
- Properties перейти в настройки страницы в которых можно настроить ширину и высоту страницы, название и фон страницы.
- Creat Page создать новую страницу,
- New Child Page создать вложенную страницу,
- Duplicate Создать копию страницы.
- Delete позволяет удалить страницу.
Прототипируем
После того как вы создадите страницу и настроите необходимую ширину и высоту, на неё можно будет перетащить элементы, которые расположены во вкладке слева Shapes.
Для создания прототипов я использую Desktop - Sketchy GUI, выберите необходимый элемент и перетащите на страницу. Всегда можно настроит ширину и высоту данного элемента как мышкой так и задав в ручную в меню сверху справа.
В этом же меню можно настроить и отступы этого элемента от верхнего и левого края, фон, толщину рамки, шрифт описания, и многое другое.
Редактирование объекта
Щёлкнув на объекте левой кнопкой мышки один раз вы можете изменить его размер или переместить, щёлкнув повторно вы можете повернуть объект на определённый угол.
Нажав правой кнопкой мышки вы можете:
- Locked зафиксировать.
- Arrangement переместить объект на слой выше над другими объектами или на слой ниже.
- Cut вырезать,
- Copy скопировать,
- Delete удалить объект,
Элемент HTML Texts позволяет задать фиксированную ширину элемент, перетаскиваем элемент и ставим галочку напротив Fixed Width.
Экспорт
В моей программе возникли сложности с экспортом. Самые оптимальные варианты решений:
- Экспортировать полностью весь проект в HTML код.
- Экспортировать каждую страницу по отдельности через пункт снизу - Правая кнопка на названии страницы - экспорт.