Д2. Функциональные возможности представления информации

Информационный дизайн. Возможности представления информации

 


Все на свете знают, что существуют 7 нот, но лишь избранные могут сочинять музыку.
Анн и Серж Голон

Мало кто знает о 12 законах дизайна, но оформлением презентаций занимаются все.
Елена Клименко

В статье «Технология работы с текстом» я рассказывала о технологии Аналитического дизайна.

Анализ заготовленного учебного материала позволяет вам отбросить избыточный материал, привести оставшийся материал в целостную структуру.

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

Возник вопрос: как? Как показать весь собранный вами материал, чтобы он был интересным, легко запоминался и работал на успех обучения? Вопрос «Как визуализировать учебные материалы?» поможет решить Информационный дизайн.

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

  1. Функциональные возможности представления информации,
  2. Психологические критерии восприятия информации человеком,
  3. Эстетика визуальных форм представления информации.

По окончании урока вы сможете:

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

Функциональные возможности представления информации

Мы создаём презентации в программе PowerPoint, то есть мы представляем информацию, используя возможности программы PowerPoint. А хорошо ли мы знаем эти возможности? На уроках по Word’у я рассказывала, как настроить Панель быстрого доступа. А вы знаете, что грамотно настроенная Панель быстрого доступа экономит до 20% рабочего времени. А вы знаете, что правильная работа с графическими файлами различных форматов запросто уменьшит вашу презентацию с 20 МБт до 3 МБт. Пользуетесь ли возможностями специальной вставки из буфера обмена?

При оформлении текстовой информации можно идти различными путями.

Рассмотрим пример с фразой

«Лекция — объяснение + визуализация доисторическими методами».

Согласитесь, что её можно понять, как «Лекция минус объяснение плюс визуализация доисторическими методами». Давайте уберём этот казус, используя возможности инструментов PowerPoint.

1 способ. Инструмент «Текст»

Заменяем дефис словом «это» и берём «Объяснение + Визуализация доисторическими методами» в кавычки:возможности представления информации

Впрочем, можно обойтись и без кавычек.

Получилось наглядно и однозначно.

Но в этом случае практически убралась математическая составляющая этого текста: Лекция ‒ это сумма двух слагаемых. Нет образа, а есть текст.

Попробуем создать формулу:возможности представления информации

Но знаки «равно» и «плюс» теряются на фоне всего остального текста, да и выражение «Визуализация доисторическими методами» не воспринимается единым объектом. Хорошо бы, чтобы это выражение выглядело вот так:возможности представления информации

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

И не факт, что вы получите красивый результат.

2 способ. Инструмент «Уравнение»

Этот инструмент находится на ленте Вставка → группа команд Символы → команда Уравнение:возможности представления информации

На всякий случай покажу в полноэкранном режиме:возможности представления информации

Как только вы выберете этот инструмент, то появятся лента Конструктор и новый объект на слайде «Место под уравнение»:возможности представления информации

Начинайте вводить значение суммы, которая в данном случае обозначает: «Лекция» и вводится с клавиатуры, далее знак «=», следом первое слагаемое «Объяснение» и знак «+»:возможности представления информации

А вот второе слагаемое состоит из трёх объектов (вспомним Аналитический дизайн), расположенных друг под другом. Просмотрите группу команд «Структуры» и найдите элемент, который выглядит, как три объекта, расположенных друг под другом:возможности представления информации

Это матрица, состоящая из трёх вертикально расположенных объектов:возможности представления информации

Внесите в каждый объект соответствующее слово. Получаем текстовую формулу:возможности представления информации

В чём особенности использования инструмента Формула?

  1. Мы можем расположить эту формулу непосредственно в тексте.
  2. Шрифт, который используется по умолчанию, – Cambria Math. Как правило, подобные текстовые конструкции необходимо акцентировать, и шрифт Cambria Math даёт такой акцент.

2 способ. Инструмент «Таблица»

Инструмент «Таблица» находится на ленте Вставка → группа команд Символы → команда Уравнение:возможности представления информации

Почему 5 ячеек? Давайте считать элементы:

  1. Слово «Лекция»
  2. Знак «=»
  3. Слово «Объяснение»
  4. Знак «+»
  5. Словосочетание «Визуализация доисторическими методами»

Как только мы вставили таблицу, появились две новые ленты: Конструктор и Макет.

А теперь запишем каждый элемент в своей ячейке:возможности представления информации

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

А сейчас приведём в порядок таблицу. Таблица выделена? Если нет, то щёлкните ЛМ по таблице.

Шаг 1. Сделаем шрифт символов чёрным цветом и выровняем по центру(Лента Главная → группа команд Шрифт → команда Цвет текста →цвет чёрный и…
Лента Главная → группа команд Абзац → команда Выровнять по центру):возможности представления информации

Получили такую картину:возможности представления информации

Шаг 2. Выравниваем содержимое ячейки по вертикали (лента Макет → группа команд Выравнивание → кнопка Выравнивание по вертикали):возможности представления информации

Разберёмся с шириной ячеек.

Шаг 3. Выделяем по очереди каждую ячейку (подводим курсор к ячейке с верху и дожидаемся, когда появится чёрная жирная стрелка, глядящая сверху вниз на ячейку). Задаём ширину ячейки (лента Макет → группа команд Размер ячейки → кнопка Стрелка вверх рядом с полем Ширина ячейки):возможности представления информации

Шаг 4. Удаляем заливку и границы таблицы (лента Конструктор → группа команд Стили таблиц → команды:

  1. Цвет заливки таблицы – устанавливаем Нет заливки
  2. Границы таблицы – устанавливаем – Нет границы):возможности представления информации

 

Получаем такую картину:возможности представления информации

Недостаток использования инструмента Таблица ‒ это невозможность расположения таблицы в тексте.

Если эту таблицу всё же необходимо расположить между двумя блоками текста, то вы можете воспользоваться схемой: блок текста, таблица, блок текста. Но вам вручную придётся корректировать расстояния (a) и (b) между этими объектами:возможности представления информации

По окончании урока вы сможете:

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

В качестве тренировки подумайте, какие возможности программы PowerPoint можно использовать, чтобы получить такой результат:возможности представления информации

Мне очень хотелось показать вам, что мало знать инструменты и возможности прикладных программ, надо научится использовать эти возможности для повышения скорости и качества работы. При этом всегда надо учитывать вероятность дальнейшего редактирования или форматирования вашей работы (знаете, какими фантазиями фонтанируют некоторые заказчики!) и обойтись при этом малой кровью. Лучше, конечно, совсем без крови.

Это первый урок из серии «Информационный дизайн».

Второй урок (под грифом Д3) будет посвящён психологическим критериям восприятия информации человеком.

На третьем (под грифом Д4) уроке поговорим об эстетике визуальных форм представления информации.

 

Оставьте первый комментарий

Комментировать