графика в электронном курсе

Графика в электронных курсах:как делать красивые курсы без дизайнера

Наталья Филимонова,разработчик электронных курсов

Графика в учебном курсе1980 год Теперь

Графика в учебном курсе

Техническая

• Оформление слайда

• Кнопки• Маркеры

списков

Учебная

• Схемы, графики• Персонажи,

объекты

Декоративная

• Картинки «для красоты», не несущие смысловой нагрузки

ЕДИНООБРАЗИЕ

Определитесь с используемыми техническими элементами.

Определитесь со стилем графики в курсе.

Определитесь с цветовой гаммой в курсе.

Графика в курсе

Графика в курсе

ЕДИНООБРАЗИЕ

Определитесь с используемыми техническими элементами.

Определитесь со стилем графики в курсе.

Определитесь с цветовой гаммой в курсе.

«Техническая» графика

«Техническая» графика

«Техническая» графика

Принять ответ

Принять ответ

Принять ответ

Принять ответ

Принять ответ

«Техническая» графика

Кнопки средствами PowerPoint

«Формат» «Стили фигур»

Кнопки

Далее

Принять ответ

Принять ответ

Принять ответ

Принять ответ

Принять ответ

«Техническая» графика

Кнопки средствами PowerPoint

Онлайн сервис для рисования кнопок:

http://dabuttonfactory.com

Далее

«Техническая» графикаСписки, перечни, варианты ответов и проч.

Готовые варианты

Далее

«Тематические» маркеры

ипотека, строительство

телефонное общение

автокредит, страхование

вклады

переговоры

презентация

«Учебная» графика

сотрудники в корпоративной форме;

люди в определенных позах, с определенной мимикой, внешностью, деталями одежды;

определенное помещение (торговый зал, отделение банка, производство, офис);

рабочее место с конкретными предметами, объектами;

Мне нужны:

но я не умею рисовать!!!

Немного теорииГрафика бывает:

Растровая Векторная

Картинка состоит из большого количества

цветных точек (пикселей).

Много цветов, оттенков переходов.

Нельзя увеличить без потери качества.

Сложно изменить отдельный элемент рисунка.

Картинка состоит из ключевых точек,

соединенных линиями.

Можно масштабировать без потери качества.

Можно изменить, добавить или удалить любой элемент рисунка.

Немного теории

Растровая Векторная

Пример:

Примеры использования векторной графики в курсах

Примеры использования векторной графики в курсах

Примеры использования векторной графики в курсах

Работа с векторной графикой. Самое распространенное ПО – Adobe Illustrator.

Уроки:http://balbesof.net/info/uroki_adobe_illustrator.html

Как это делать?

Как это делать?ВАРИАНТ 1. Изменять / комбинировать готовые рисунки.

Как это делать?ВАРИАНТ 1. Изменять / комбинировать готовые рисунки.

Сайты с бесплатной векторной графикой:

http://www.freepik.com (все бесплатно)http://www.vecteezy.com (часть бесплатно)

И еще:

http://qvectors.nethttp://epsvector.ru/

Как это делать?ВАРИАНТ 2. Рисовать самостоятельно «поверх» фотографий или других рисунков.

Как это делать?ВАРИАНТ 2. Рисовать самостоятельно «поверх» фотографий или других рисунков.

И напоследок полезный ресурс

- www.tineye.com- www.

images.google.com

Хочу найти такую же картинку, но:большего размера / лучшего качества / бесплатно.

Спасибо за внимание!

Наталья Филимонова,разработчик электронных курсов

natasha_filim@mail.ru