Используйте хорошее сочетание цветов

Как сделать классную презентацию

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

Каким должен быть дизайн вашей презентации

Откажитесь от готовых шаблонов

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

Неправильно:

Один из стандартных шаблонов Power Point

Правильно:

Собственный дизайн (очень простой, но при этом стильный)

Используйте хорошее сочетание цветов

Одна из самых распространенных ошибок людей, незнакомых с современными трендами веб-дизайна, заключается в том, что они подбирают крайне неудачное сочетание цветов: коричневый, темно-синий, бордовый, горчичный. Если использовать эти цвета друг с другом, да еще с неудачно выбранным шрифтом, создается впечатление, что изображение пришло к нам из 90-ых. Сейчас такие цвета в веб-дизайне не используются. Точней, используются, но в сочетании с другими, более приятными и «чистыми» оттенками (так называемыми, flat colors).

Неправильно:

Неудачный выбор цветов

Правильно:

Flat colors – красивые и современные

Если то, что я сказал выше, не совсем вам понятно, и вы все еще не знаете, какие цвета выбрать, воспользуйтесь ресурсом flatcolors.net. Там есть готовые палитры с очень модными и сочными сочетаниями. Чтобы скопировать код понравившегося цвета, просто кликните по нему левой кнопкой мыши.

Кликните по понравившемуся цвету, и его код автоматически скопируется в буфер обмена

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

Сервис Adobe Kuler

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

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

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

• Установите плагин Colorzilla в Google Chrome или Mozilla Firefox.
• Нажмите на пипетку в правом верхнем углу вашего браузера.
• Выберите команду Page Color Picker Active.

Плагин Colorzilla

• Кликните по нужному цвету, чтобы скопировать в буфер обмена его код в формате HEX (код формата #ed3434 – решетка и 6 символов).

Узнаем код выбранного цвета

• Если вам нужен код в формате RGB или HSL, кликните по пипетке, нажмите Copy to Clipboard и выберите тот формат, который вам нужен.

Выбираем подходящий формат кода

• Вставьте код в программу, в которой вы работаете.
• Готово!