Новости 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. В «кривизне» есть своя изюминка. Если все слайды оформлены идеально «правильно», то никто это не заметит и не оценит – так оно и должно быть. Но стоит один слайд сделать «наоборот» и это заметят все (а некоторые даже скажут). Этим можно воспользоваться!


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

Какие инструменты необходимы для организации дистанционного обучения

Как создать курс для мобильного устройства без специальных знаний?

Обновленная версия Courselab Online

Новый вирутальный класс Websoft

Каждому по потребностям: кафетерий льгот Ростелеком на платформе WebTutor