г) Выравнивание -- все элементы иллюстрации должны быть упорядочены, для этих целей применяется модульная сетка.

д) Простота -- этот принцип описан последним, но является одним из первых по значимости. В использовании инфографики нет смысла, если ту же информацию быстрее и проще воспринять в текстовом виде. Поэтому не стоит увлекаться иллюстрированием там, где это не требуется, а сама иллюстрация не должна быть перегружена деталями.

Рис 21. Пример разворота с инфографикой.

На Рис 20 продемонстрирован разворот об аналогово-цифровом преобразовании, реализованный с помощью инфографики. Сообщение однозначно считывается студентов даже без сопроводительного текста, в качестве упорядочивающих элементов использована нумерация шагов и графические элементы, демонстрирующие, как следует «читать» разворот, используется цветовая дифференциация. Весь разворот свёрстан по модульной системе.

Рис 22. Пример страницы с инфографикой.

На Рис 22 указана страница, на которой графика занимает практически всё пространство листа, алгоритм считывания определяется весами базовых цветов. Пользователь изучает страницу сверху, по жёлтому лучу, следует за отражённым лучом к тексту подписи для получения более точного описания увиденного, и затем опускается ко второй половине. Информация может быть считана пользователем интуитивно даже без сопроводительного текста. Текст набран жирным начертанием 10 кеглем и формирует ещё один стиль оформления, применяемый в качество подписи к иллюстрациям и непосредственно на них.

Оптимизация компьютерной вёрстки.

Правила книжной вёрстки накладывают определённые требования на структуру макета. Все они относятся по большей части к оформлению текстовых блоков и сформированы с целью повысить удобство восприятия информации и потому пренебрегать ими крайне не рекомендуется. Основными и наиболее строгими правилами, применяемыми к текущему макету, можно назвать следующие:

а) Запрещено наличие висячих предлогов, союзов и частиц в конце строки -- положение предлога, когда он оторван от слова, к которому относится.

б) Запрещено отрывать числовые значения от переменных, знаки процентов, единицы измерения и т.д.

в) Недопустимо начинать новую строку с тире.

Подобные проблемы могут быть устранены вручную путём установки неразрывного пробела между символами текста, но учитывая объем всего документа, данная задача может быть крайне затруднительной и займёт много времени. В целях оптимизации процесса применяются GREP-стили, назначаемые определённому шаблону текста.

GREP в программе Adobe Indesign помогает находить во всё документе текст, соответствующий заданному регулярному выражению и применять к нему определённые свойства [20].

В контексте данной задачи нам потребуется свойство неразрывности -- все символы набираются в одну строку, переход на следующую запрещен. Подобное свойство следует применить ко всем предлогам, союзам и частицам, а также к вспомогательным символам (тире, единицы измерения).

Напишем выражения, формирующие запрос и прикрепим их к стилям документа.

С помощью комбинаторики определяем все значимые однобуквенные, двухбуквенные и трёхбуквенные слова и формируем следующие запросы:

\<(?i:(а |в |и |к |о |с |у |я ))

\<(?i:(во |вы |да |до |за |из |ко |мы |на |не |ни |но |ну |об |он |от |ох |по |со |та |те |то |ту |ты |уж ))

\<(?i:(над |под |при |про |без ))

Программа считывает запрос следующим образом: знак «\<» означает, что элемент следует искать в начале слова, «?i» позволяет не учитывать регистр (прописные и строчные буквы будут восприниматься программой одинаково) далее следует перечень значений для поиска, разделённых прямой чертой, означающей логическое ИЛИ.

Подобные запросы следует написать также для единиц измерения, используемых в макете, и вспомогательных символов.

\>(?i:( Гц| МГц| кГц| ТГц |м |нм |км |мм ))

\>(?i:( ~_| ~=| % ))

Знаки «~_» и «~=» обозначают длинное и короткое тире соответственно.

Таким образом, программа автоматически проводит поиск необходимых символов в макете и запрещает их перенос на следующую строку. Подобное решение максимально оптимизирует вёрстку и ускоряет процесс разработки.

5. Оценка пробной версии и анализ результатов оценки

Для оценки пробной версии макета было проведено анкетирование, помогающие разработчику выявить недостатки и слабые места продукта, дабы исправить их в итоговой версии, а также определить, насколько удачно работают предложенные решения в контексте поставленной задачи. Пользователям предлагалось оценить информативность графики, удобочитаемость текста, качество вёрстки в целом. А также ответить на вопрос, как часто они обращались к пособию и помогало ли оно в освоении материала. Помимо этого, пользователям предлагалось выбрать ряд наиболее удачных разворотов в каждом модуле, чтобы на основе их предпочтений определить, удалось ли реализовать поставленные задачи.

Результаты анализа показали, что удобочитаемость текста в среднем оценена на 4,375 из 5, а информативность графики -- на 4,75 из 5. Что, несомненно, является положительным результатом, и в очередной раз подтверждает правильность подбора гарнитуры и работоспособность алгоритмов считывания информации на разворотах с инфографикой.

Подобные тенденции прослеживаются и в выборе наиболее удачных разворотов -- все они содержат минимальное количество текстовой и максимальное количество графической информации, что также говорит о правильном выборе оформления пособия.

Тем не менее, в пробной версии присутствовала определённая доля недостатков: структура книги не была чётко выражена, и навигация была достаточно затруднительной. Все эти недостатки были исправлены в итоговый версии. Помимо этого, к итоговой версии были добавлены QR-коды на видео-уроки, размещённые на платформе онлайн-курса, что обеспечивает пользователю практически моментальное обращение к более подробному материалу. Таким образом, пособие напрямую привязывается к курсу, что повышает его интерактивность.

6. Анализ результатов и формирование основных принципов вёрстки новых учебно-методических пособий

Результатом проделанной работы можно считать подготовленный для печати и просмотра в электронном виде макет научно-методического пособия по Компьютерной графике, являющегося сопровождением к одноименному онлайн-курсу.

В процессе работы над макетом, а также в ходе анализа пробной версии и аналогов в предметной области были сформулированы основные принципы, которые могут быть применены на практике при последующем проектировании учебных пособий.

а) Чёткая структуризация.

б) Преобладание графической информации над текстовой.

в) Обеспечение удобочитаемости не только с листа, но и с экрана.

г) Группировка информации, создание иерархии в пределах разворота/иллюстрации.

д) Систематизация информации, подчинение всех элементов макета модульной системе.

е) Использование наглядной инфографики.

ж) Формирование алгоритмов считывания информации на развороте за счёт цветовой дифференциации и графических маркеров.

з) Обеспечение непосредственной связи изучаемым курсом за счёт интерактивных элементов.

Экспериментально было подтверждено позитивное влияние применения данных структурных решений в разработке макета. Данные методы повышают скорость и качество восприятия информации, способствуют более комфортному и полноценному освоению учебного материала.

Заключение

В данной выпускной квалификационной работе была проведена работа по созданию структурного макета, адаптированного для печати и электронной публикации, а также сформированы основные инновационные принципы разработки макетов научно-методических пособий в соответствии с последними тенденциями в образовании, технологии и дизайне.

В ходе работы был проведён анализ существующих решений поставленной задачи, определены достоинства и недостатки применяемых методов, что способствовало успешной реализации всех поставленных задач.

Список использованных источников

1. Шамис В.А. Активные методы обучения в ВУЗе // Сибирский торгово-экономический журнал. 2011. № 14. С. 4.

2. Дмитриев Г.Д. Анатомия американского университета. -- М: Школьные технологии, 2010.

3. Рулиене Л.Н. Технологии интерактивного обучения // Вестник Бурятского государственного университета. 2015. №1.

4. Уэйншенк С. 100 главных принципов дизайна. -- СПб.: Питер, 2012.

5. Красильникова В.А. Использование информационных и коммуникационных технологий в образовании. -- ОГУ, 2012.

6. Голомбински К., Хаген Р. Основы визуального дизайна для графики, веб и мультимедиа . -- СПб.: Питер, 2013.

7. Кудрина М.А., К.Е. Климентьев Компьютерная графика: учебник. -- Самара: Изд-во Самар. гос. аэрокосм. ун-та, 2013.

8. Dougherty C. M. et al. Fixed layout electronic publications : заяв. пат. 13/466,957 -- USA. 2012.

9. Lupton E. Thinking with Type: A Primer for Designers: A Critical Guide for Designers, Writers, Editors, & Students. -- США. Princeton Architectural Press, 2004.

10. Cascading Style Sheets, level 2:CSS2 Specification.

11. typedia.com

12. Design of Roboto. MSN. MSN. Retrieved November 4, 2011.

13. Феличи Дж. Типографика: шрифт, вёрстка, дизайн. Пер. с англ. и коммент. С.И. Пономаренко. -- СПб.: БХВ-Петербург, 2004.

14. Чихольд Я. Облик книги. Избранные статьи о книжном оформлении и типографике. -- М.: Изд-во Студии Артемия Лебедева, 2013.

15. Мюллер-Брокман Й. Модульные системы в графическом дизайне. Пособие для графиков, типографов и формителей выставок. -- М.: Изд-во Студии Артемия Лебедева, 2014.

16. Willis, B. (Ed.). Distance education: Strategies and tools. Educational Technology Publications, Inc.:Englewood Cliffs, N. J., 1994.

17. David McCandles & AlwaysWithHonor. informationisbeautiful.net

18. Фрилинг, Генрих. Ауэр, Ксавер. Человек -- цвет -- пространство: Прикладная цветопсихология. -- Сокращённый перевод с немецкого. -- М.: Стройиздат, 1973

19. Арнхейм Р. Искусство и визуальное восприятие -- М.: Прогресс, 1974

Размещено на Allbest.ru