Фон для презентации ошибки

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

Рассмотрим плохие примеры дизайна, чтобы учиться на чужих ошибка

В дизайне много вкусовщины. Может, в вашей аудитории окажется человек, который терпеть не может синий цвет. Или рьяный эстет, который считает шрифт Arial жалким подобием Helvetica. Угодить всем невозможно.

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

Нет единого стиля

Руководство по фирменному стилю

Нет визуальной иерархии

Трудно читать текст

Слишком много информации

Плохое иллюстрирование

Раз в неделю пишем вам о новостях в мире визуальных коммуникаций и рассказываем об обновлениях в блоге. Никакой рекламы

Студия, где создаются визуальные коммуникации, облегчающие работу сотрудников и повышающие эффективность бизнеса

Гайд по выбору фона для презентации

• визуальному шуму;
• излишней сложности;
• использованию банальных, скучных и устаревших решений.

В результате зрители медленно сходят с ума!

Все высту­пают со слай­дами. Сейчас этим никого не уди­вишь. При этом под­го­товка самих слай­дов — не самое при­ят­ное заня­тие для мно­гих людей. Времени нико­гда не хва­тает, а еще нужно про­ду­мы­вать сце­на­рий, замо­ра­чи­ваться с дизай­ном, репе­ти­ро­вать речь… Ох уж эти пре­зен­та­ции! Как можно выде­литься на фоне осталь­ных спи­ке­ров? Как не менее доход­чиво объ­яс­нить мате­риал? Выступайте с флип­чар­том или мар­кер­ной дос­кой!

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

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

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

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

Тем самым мы стараемся сделать презентацию более «стильной», но по факту ухудшаем восприятие без добавления какой-либо ценности.

Не бойтесь белого слайда. Это идеальное решение, если вы ограничены по времени или не являетесь опытным дизайнером, Презентация — инструмент донесения идей, а не произведение искусства.

Если белый фон вызывает у вас ощущение пустоты и на слайде «чего-то не хватает», то используйте светло-серую градиентную заливку.

P.S. Компания Apple всегда с большим трепетом относилась к дизайну. Заметьте, насколько темы Keynote отличаются от тем PowerPoint: на первом месте стоят монохромные (одноцветные) или градиентные фоны.

Первый и самый простой вариант — использовать белый фон!

Изучить примеры на Slideshare и «позаимcтвовать» лучшие решения

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

Поставить картинку

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

Использовать качественные макеты

Возьмите готовые бэкграунды для презентаций из

нашей подборки

. Вы также можете использовать сайт

Freepik

. Задайте поисковый запрос «background» и вы получите множество интересных результатов. Один минус — вам понадобятся минимальные знания векторного редактора (например, Adobe Illustrator), чтобы удалить лишние детали.

Использование изображений в презентациях — это тема для

отдельной статьи

. Если коротко, то изображения нужны для эмоционального воздействия, поэтому лучше всего делать их размером с весь слайд (и не скупитесь на качество картинки, иначе будут видны пиксели). Картинка размером в 10% от слайда ни у кого не вызовет сильного чувства.

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

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

Короткая справка из мира дизайна: располагая активные элементы на третях, вы сделаете компози-цию более динамичной. Расположив объект по центру (например, лицо человека), вы получите устойчи-вую и статичную композицию.

• Затемнение или высветленное
• Размытие
• Наложение цвет

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

Запомните, что фон должен:

Не мешать восприятию информации (принцип простоты)

Не быть скучным и банальным шаблоном (принцип уникальности)

Дополнять и подкреплять основное сообщение слайда (принцип релевантности)

• Единый стиль на всех слайдах
• Сочетающиеся шрифты (не более 2-3)
• Уравновешенные цвета
• Индивидуальный дизайн (не стандартный шаблон)
• Визуальные акценты
• Умеренное количество текста

• Шрифт и его размеры — семейство Montserrat
• Цветовая палитра была перенесена на все слайды
• Добавлена навигация внизу слайда
• Теперь все графические элементы похож
• Визуализация пунктов при помощи иконок
• Расположение и размер блоков, акценты

• color. romanuke. com — сайт с готовыми цветовыми палитрами по фото
• picular. co — сервис, который поможет подобрать цвета по слову
• coolors. co — здесь можно создать свою палитру, а сервис сам подгонит ее так, чтобы все сочеталась. Так же, как и на втором сайте, можно создавать палитры по картинкам (своим или из стока)

• Стараемся придерживаться базовых принципов (см. прошлую статью)
• Выдерживаем единый стиль на протяжении всей презентации
• Расставляем акценты при помощи цвета, размеров и начертаний
• Делаем текст читаемым (заботимся о фоне и цвете)
• Используем ограниченное количество цветов
• Избавляемся от висячих предлогов
• Используем только дизайнерские шаблоны

Создание фона презентации



© Copyright 2019-2023, WorkProekt.RU — Самостоятельное написание проектных работ.

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

Полную версию вы можете скачать по ссылке http://depositfiles.com/files/8jovx1b5d

Фон является элементом заднего (второго) плана. Он должен выделять, оттенять, подчеркивать информацию, находящуюся на слайде, но не заслонять ее.

Использование разных фонов на слайдах в рамках одной презентации не создает ощущения связанности, стильности, комфортности.
Чтобы избежать данной ошибки, составление цветовой схемы презентации должно начинаться с выбора двух главных функциональных цветов, которые используются для фона и обычного текста.
Сочетание двух цветов – цвета текста и цвета фона существенно влияет на зрителя: некоторые пары цветов не только утомляют зрение, но и могут привести к стрессу.
Традиция нашего восприятия связана с тем, что фон должен быть светлым, а текст темным. Этот контрастный образ пришел от «книжного» текста. В печатных текстах мы сталкиваемся с максимальным контрастом: черный – белый. Мы к нему привыкли, глаз он не утомляет. Однако восприятие текста с экрана имеет несколько иную специфику. В частности, экран генерирует излучение, и поэтому резкий контраст цвета и фона утомителен для глаза. Есть приемы, при помощи которых можно этот резкий контраст смягчить. Например, можно выбрать фон и цвет в одной гамме, только сделать фон максимально светлым, а шрифт – темным.
Необходимо запомнить еще одно правило выбора фона.
Любой фоновый рисунок повышает утомляемость глаз обучаемого и снижает эффективность усвоения материала.
На представленных ниже слайдах, мы за использованным фоном (картинки) теряем текст, который уже не несет своей информационной нагрузки.

Использование фотографий в качестве фона не всегда удачно из-за трудностей с подбором шрифта.
В этом случае надо располагать текст не на самой фотографии, а на цветной подложке.
Например:

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

Например, я не могу представленный ниже фон использовать в презентации с любой другой темой, кроме как «Эпоха Петра I» и то на этот фон надо ставить подложку (фигуру) иначе я не смогу подобрать такой цвет для шрифта, чтобы он был четко виден.

Примеры оформления презентации:

При оформлении презентации лучше всего использовать следующие шрифты:
− Arial,
− Comic Sans MS,
− Courier,
− Georgia,
− Tahoma,
− Times New Roman,
− Verdana.
Желательно выбрать 1 или 2 шрифта и во всей презентации использовать только их.

Кегль шрифта зависит от типа, фона презентации, проекционного оборудования.
При оформлении заголовков необходимо использовать кегль от 28 пунктов.
Не следует использовать выделения подчеркиванием, потому что в восприятии активных пользователей Интернет подчеркивание связано с гиперссылкой.

При оформлении основного текста необходимо использовать кегль от 20 пунктов, если размер кегля будет меньше, то текст будет плохо виден. Ребенок вынужден будет напрягать свое зрение, что не очень хорошо для его здоровья.
Сравните, на первом рисунке шрифт основного текста размером 16 пт, а на втором — 28 пт.

Не знаю как вас, а меня раздражают презентации, в которых использованы объекты WordArt. Я вообще не понимаю, зачем использовать объекты WordArt.
Я приведу примеры использования объектов WordArt:

Понять, что написано достаточно сложно.

Текстовая перегруженность 

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

Примеры:

Еще один совет: «не пишите весь текст прописными буквами».
СЛОВО, НАПИСАННОЕ ОДНИМИ ПРОПИСНЫМИ БУКВАМИ, УТРАЧИВАЕТ ИНДИВИДУАЛЬНОСТЬ И СЛИВАЕТСЯ С ДРУГИМИ СЛОВАМИ.

Синтаксические ошибки также очень сильно бросаются в глаза.
Нельзя забывать про точки и запятые, про пробелы.
В частности надо запомнить, что при наборе текста пробелы ставятся: после, а не до знаков «,», «.», «;», «:», «?», «!», «…», «закрывающей кавычки», «)»; до, а не после «(», «открывающей кавычки», «… в начале предложения»; и до, и после длинного тире; между отдельными словами.

Числовые значения
При оформлении числовых значений необходимо учесть следующие правила оформления:
— при ссылке на года определенного века, следует значение года указывать арабскими цифрами, а века – римскими (например, 70-е года XX в.);- не стоит использовать на слайде числовое значение, оформленное в виде буквенного сокращения (например, «млн.», «млрд.»), лучше для восприятия будет употреблять арабские цифры (например, «1000000», «1000000000»);

— можно выделять числовые значения другим цветом, размером шрифта (делать акцент).

Пример:

Для сравнения:

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

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

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

Примеры слайдов презентации с таблицей после внесения небольших изменений.

или

Не стоит вставлять таблицы в виде графических объектов:

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

Схемы на слайде
Использование схем в слайдах делает презентацию более эффективной.
При использовании схем в слайдах, созданных при помощи инструментов Автофигур, необходимо учитывать следующие моменты:
− Выравнивать ряды блоков схемы — добиться этого на глаз довольно трудно. Помогут сетка и направляющие линии.
− Выравнивать расстояние между блоками, если расстояния между прямоугольниками разные.

− Добавлять соединительные стрелки. Программа для работы с презентациями предоставляет большой выбор различного вида стрелок, однако для структурной схемы лучше всего воспользоваться соединительными линиями. У такого рода линий есть очень привлекательная особенность: они «привязываются» к связываемым объектам. В дальнейшем, при перемещении фигур, стрелки будут двигаться вместе с ними.

— Старайтесь не использовать в качестве схем отсканированные рисунки. Качество таких схем часто страдает.

Диаграммы в презентации
При использовании диаграмм и графиков на слайдах стоит обращать внимание на следующие моменты.
1) При выборе типа диаграммы, необходимо определять тип сравнения данных: покомпонентное, позиционное, временное, частотное и корреляционное.
Рассмотрим данные типы сравнения данных:
— При покомпонентном сравнении, мы, прежде всего, показываем размер каждого компонента в процентах от некоего целого.

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

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

— Частотное сравнение — данный вид сравнения помогает определить, сколько объектов попадает в
определенные последовательные области числовых значений. Например, частотное сравнение используется для того, чтобы показать, сколько жителей относятся к возрастной группе до 10 лет, сколько — от 10 до 20 и т. д.

— Корреляционное сравнение показывает наличие (или отсутствие) зависимости между двумя переменными.

Каждому из этих типов сравнения соответствует один из пяти основных типов диаграмм: круговая, линейчатая, точечная диаграммы, гистограмма или график.

2) Для построения большинства круговых диаграмм лучше использовать не более шести компонентов. Если вам нужно отобразить большее число компонентов, выберите из них пять наиболее важных, а остальные сгруппируйте в категорию «прочие».

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

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

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

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

7) Необходимо округлять десятые в значениях.
Используя цифры, округляйте их и избегайте дробей, если точная величина несущественна. К примеру, 12 % запоминается гораздо лучше, чем 12,3 % или 12,347 %.

Исходя из представленного материала, я думаю, что стало понятно, что если мы скачаем картинку размера 100х75, то данная картинка будет маленькой, а при ее растягивании мы получим слайды вот с таким оформлением:

Конечно, лучше скачивать иллюстративный материал размером от 500х350 и больше.
Уменьшенная картинка не теряет своего качества, в отличие от той, которую увеличивают, растягивая до нужного размера.

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

Использование рисунков, не несущих смысловой нагрузки, если они не являются частью стилевого оформления
Примеры:

Сравните:

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

и

Во втором случае, границы картинок не размыты. Вставленные картинки имеют более четкие границы.

Если у картинки фон белый, то установка границ для такой картинки испортит ее вид.
Например:

Лучше такие картинки смотрятся если убрать белый фон.
Например:

Убирая белый фон, нужно убирать его тщательно, чтобы иллюстративный материал, используемый вами на слайде не портил его.
Например:

Пояснительные надписи
Желательно вставленные картинки сопровождать пояснительными надписями.
Например:

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

Стиль должен быть один. Если вы подписываете портрет одного человека с полными данными, то делайте такие же подписи и для всех остальных портретов.

В некоторых случаях надписи не нужны.
Например:

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

Рациональное использование пространства слайда при размещении графических объектов на слайде
Часто авторы презентации нерационально используют пространство слайда.
Например:

Для сравнения:

Чтобы рационально использовать пространство слайда, перед размещением на слайд каких-либо объектов установите на слайде сетку и направляющие линий (Вид → Сетка и направляющие).

Также старайтесь учитывать границы расположения объектов на слайде.
Если вы размещаете одну картинку на слайд, то соблюдайте границы так как показано на рисунке ниже: 

Если вы размещаете две картинки на слайд, то соблюдайте границы, например, так как показано на рисунке ниже:

Могут быть и другие варианты.

Если вы размещаете пять картинок на слайд, то соблюдайте границы, например, так как показано на рисунке ниже:

Графическое изображение в качестве фона
Я уже писала выше, что если вы используете графическое изображение в качестве фона, то необходимо учесть, что текст на этом фоне может быть не виден.
Например:

Лучше не использовать графические изображения в качестве фона.
Если очень хочется использовать в качестве фона картинку, то можно посоветовать использовать дополнительную подложку.
Например:

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

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

На что стоит обратить внимание при настраивании анимационных эффектов?

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

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

В-третьих, основная роль анимационных эффектов в текстовых презентациях – это решение вопроса дозирования информации.
Люди, как правило, лучше воспринимают информацию «порциями», небольшими, завершенными со смысловой точки зрения фрагментами. Именно анимация позволяет решить эти задачи, когда текст появляется на слайде фрагментами, поэтапно. Такой же поэтапный ввод информации хорош для логических схем, блок-схем, которые словно строятся на глазах у слушателей, отражая логику говорящего.
Анимационные эффекты сродни театральным: они могут решать и эмоциональные задачи. Например, на слайде демонстрируются два объекта: один из них «положительный», другой – «отрицательный». С помощью несложных анимационных эффектов входа, выхода, выделения и перемещения можно выстроить определенную композицию, при которой объект «-» исчезает,
растворяется, а объект «+» словно занимает его место, перемещаясь в центр слайда и увеличиваясь в размерах. Подобных эмоциональных решений можно создать множество.