Новости HRTech, интересные идеи о Digital HR в нашем канале в Telegram: https://t.me/WebsoftHR

Сикось-нафиг или аптекарская точность?

А вот и первый пост Сергея Колкова, который я сделал от своего имени по техническим причинам:

После конкурса на лучший электронный курс, разработанный с помощью редактора CourseLab 2011г, в котором участвовал наш курс, я «получил по башке» от зрителей за один слайд типа: «Чтож так все криво!».



Соглашусь, что блоки расположены немного странно, но так ли слайд крив в целом?
Стрелками одного цвета показаны одинаковые отступы.

Как это возможно?
Легко! Если для размещения объектов на слайде использовать модульную сетку.


Модульная сетка – система горизонтальных и вертикальных направляющих, помогающих сориентировать и согласовать между собой отдельные элементы композиции.
Впервые модульную сетку в книжном оформлении применил швейцарский дизайнер Макс Билл в 1940 году.
Веб-дизайнеры относительно недавно начали применять модульные сетки в проектировании интерфейсов веб-сайтов. Этот метод значительно упрощает как проектирование интерфейса, так и последующую вёрстку.



Все современные профессиональные графические редакторы и настольные издательские системы снабжены инструментами для настройки параметров модульной сетки (даже в последних версиях MS PowerPoint появилась сетка).

В CourseLab модульной сетки нет, но ее нетрудно сделать самому.
Как сделать модульную сетку для курса?



Шаг1 – определяем размер будущей сетки.

Создаем прямоугольный объект на слайде. Подойдет любой текстовый блок или автофигура Прямоугольник.
Подгоняем ее размер под размер рабочей области.
Смотрим и запоминаем размер в свойствах объекта.
Шаг 2 – определяем размер модуля (ячейки сетки или количество горизонтальных и вертикальных направляющих).

Однажды я спросил у нашего дизайнера в банке: «Чем надо руководствоваться при определении размера модуля?». У нас получился гениальный по содержательности и глубине диалог, поэтому привожу его целиком.

Колков. Чем надо руководствоваться при определении размера модуля?
Дизайнер. Бренд-буком.
Колков. А если его нет?
Дизайнер. Здравым смыслом и чувством прекрасного.

Поэтому сегодня могу посоветовать делать «на глаз» с учетом размеров и количества объектов, которое будете размещать на слайде. И/или размер модуля должен быть сопоставим с размером шрифта.

По бренд-буку Банка «Возрождение» – 40х40.

Шаг 3 – создаем стеку.

Я использовал Adobe Illustrator, но подойдет и CorelDRAW (или ваАще Excel).
Результат сохраняем как растровое изображение (*.gif или *.png).

Шаг 4 – вставляем в CourseLab.

Полученную сетку кладем на Мастер в CourseLab и включаем параметр Появление – Показать – Нет. Тогда при монтаже слайда сетка видна, а при просмотре – нет. И после того как курс готов, сетку можно даже не удалять.


Внимание! Модульная сетка нужна для размещения и согласования местоположения объектов. Для выравнивания и распределения все же лучше использовать стандартные средства CourseLab – Выровнять и Распределить.



P.S. В «кривизне» есть своя изюминка. Если все слайды оформлены идеально «правильно», то никто это не заметит и не оценит – так оно и должно быть. Но стоит один слайд сделать «наоборот» и это заметят все (а некоторые даже скажут). Этим можно воспользоваться!

Популярные сообщения из этого блога

Как выбрать систему HR-автоматизации? Сравниваем несравнимое.

Кто владеет информацией тот владеет миром, или как создать быстро работающую базу знаний с «умным» поиском

Классификация HR-систем

Своим путем: составляем адаптивные учебные планы сотрудника

Как выбрать систему автоматизации рекрутмента (ATS)?