ВИЗУАЛЬНОЕ ОФОРМЛЕНИЕ ОНЛАЙН-КУРСА
ПРОЕКТИРОВАНИЕ КУРСА
Поделиться в соцсетях
Примечания к лекции
1. Flat дизайн — минималистичный подход к дизайну объектов, упрощенные решения вместо реалистичности в визуализации. Подробнее о принципах flat дизайна можно почитать здесь
2. Для создания математических выражений можно использовать разные инструменты в зависимости от ваших требований к экспортируемому файлу. Для нас важно, чтобы программа поддерживала разные шрифты и начертания и могла выдать качественное растровое изображение с формулой или png с альфа-каналом («прозрачностью»). Этим критериям соответствуют: MathType, FX Equation. Обе программы платные, имеют бесплатные пробные версии
3. Не раз уже мы упоминали, что монтажные склейки могут быть реализованы через смену планов. При этом важно, чтобы менялась не только крупность, но и угол съемки. Один из самых наглядных примеров использования такого приема в образовании — ролики проекта «Постнаука». Посмотрите любую из лекций Марии Фаликман из курса Психология познавательных процессов и обратите внимание на переходы между планами. Кстати, курс очень интересный
1. Flat дизайн — минималистичный подход к дизайну объектов, упрощенные решения вместо реалистичности в визуализации. Подробнее о принципах flat дизайна можно почитать здесь
2. Для создания математических выражений можно использовать разные инструменты в зависимости от ваших требований к экспортируемому файлу. Для нас важно, чтобы программа поддерживала разные шрифты и начертания и могла выдать качественное растровое изображение с формулой или png с альфа-каналом («прозрачностью»). Этим критериям соответствуют: MathType, FX Equation. Обе программы платные, имеют бесплатные пробные версии
3. Не раз уже мы упоминали, что монтажные склейки могут быть реализованы через смену планов. При этом важно, чтобы менялась не только крупность, но и угол съемки. Один из самых наглядных примеров использования такого приема в образовании — ролики проекта «Постнаука». Посмотрите любую из лекций Марии Фаликман из курса Психология познавательных процессов и обратите внимание на переходы между планами. Кстати, курс очень интересный
Старайтесь всегда предусмотреть место для субтитров в фирменном стиле, даже если вам говорят, что субтитров не будет. По нашему опыту, они могут потребоваться, и тогда вам придется переделывать все ролики, чтобы субтитры не закрывали информационно значимые участки.
Примеры фирстилей
Мы разобрали несколько роликов с фирменным стилем, чтобы на конкретных примерах рассказать о трудностях, с которыми можно столкнуться, и способах их преодоления.
Фирменные стили
Комментарии продюсера
Пример гайдлайна
Оформление гайдлайна — ответственный момент. Мы стараемся не только описать фирменный стиль курса, но и объяснить те или иные решения или принципы. Чтобы ничего не забыть, мы используем шаблон. В нем описаны самые распространенные случаи и представлены базовые разделы. Вы можете добавить в него то, что считаете важным.
Дополнительные материалы
1. Уэйншенк, С. 100 главных принципов дизайна: как управлять вниманием
Хорошая популярная книга об основных принципах эргономики и управлении вниманием зрителя. Недавно вышло новое издание: «100 новых принципов дизайна». Краткое содержание можно изучить здесь.
2. Интерактивная карта трендов 2019 года (дизайн и не только)
Такая же появилась и для 2020 года
3. Визуальный язык. Лекция школы дизайнеров Яндекса
4. Основы визуального дизайна
Блог с популярными статьями на Medium
5. Pinterest — удобный инструмент для того, чтобы «набрать» визуальных впечатлений, если не хватает идей для фирменного стиля. Можно использовать поиск по предметам, а можно искать по стилям, если вы уже определились, в каком направлении будете двигаться
6. Coolors
Полезный сервис для работы с цветом и создания палитры
Хорошая популярная книга об основных принципах эргономики и управлении вниманием зрителя. Недавно вышло новое издание: «100 новых принципов дизайна». Краткое содержание можно изучить здесь.
2. Интерактивная карта трендов 2019 года (дизайн и не только)
Такая же появилась и для 2020 года
3. Визуальный язык. Лекция школы дизайнеров Яндекса
4. Основы визуального дизайна
Блог с популярными статьями на Medium
5. Pinterest — удобный инструмент для того, чтобы «набрать» визуальных впечатлений, если не хватает идей для фирменного стиля. Можно использовать поиск по предметам, а можно искать по стилям, если вы уже определились, в каком направлении будете двигаться
6. Coolors
Полезный сервис для работы с цветом и создания палитры
Все доступные программы от команды Лекториума для специалистов в области образования.
Присоединяйтесь к нашему чату в Телеграме, где авторы курса отвечают на ваши вопросы
Находясь на сайте, вы даете согласие на обработку файлов cookie. Это необходимо для более стабильной работы сайта
Понятно