Найти тему

Подбираем сочетания цветов для презентации с помощью ColorScheme

Прошлая статья была посвящена цветовому кругу. Сегодня - практическая часть.

Перекрасим парочку слайдов:)
Перекрасим парочку слайдов:)

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

Зайдем на ColorSсheme.ru и на цветовом круге слева зададим нужный нам базовый цвет. Например, для презентации, посвященной страхованию, я выбрала цвет надежды – зеленый. Задать цвет можно «на глазок», просто кликнув в него на круге, а можно ввести код под кругом, если вы предпочитаете строго определенный оттенок.

Можно задать строго определенный оттенок
Можно задать строго определенный оттенок

Справа мы видим цветовую палитру «Моно» - несколько оттенков зеленого, посветлее и потемнее. На вкладке «Список цветов» под цветовым кругом вы увидите их коды HEX.

Составляющие моно-палитры
Составляющие моно-палитры

Под палитрой есть ссылки для просмотра примера оформления светлой и темной страниц в цветах этой палитры. Черпайте вдохновение оттуда.

Пример светлой страницы
Пример светлой страницы
Пример темной страницы
Пример темной страницы

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

Оформление презентации с помощью моно-палитры
Оформление презентации с помощью моно-палитры

Пробуем вариант посложнее. Выбираем наверху над цветовым кругом палитру «Контраст» и получаем набор цветов, где к основным зеленым оттенкам добавлены контрастные (те, которые лежат на цветовом круге напротив зеленых)

Составляющие контрастной палитры
Составляющие контрастной палитры

Смотрим примеры страниц, берем коды понравившихся оттенков, получаем новый вариант оформления:

Оформление презентации с помощью контрастной палитры
Оформление презентации с помощью контрастной палитры

Экспериментируем дальше – выбираем вариант «Триада», получаем палитру из 3 цветов, равноудаленных друг от друга на цветовом круге.

Составляющие триадной палитры
Составляющие триадной палитры

Применяем к слайдам, получаем вариант с яркими акцентами:

Оформление слайдов с помощью палитры-триады
Оформление слайдов с помощью палитры-триады

И еще один вариант – палитра «Аналогия». Подбирает цвета, лежащие рядом на цветовом круге.

Составляющие палитры - аналогии
Составляющие палитры - аналогии

Вот что получилось с помощью этой палитры:

Оформление слайдов с помощью палитры-аналогии
Оформление слайдов с помощью палитры-аналогии

При желании можно поработать и с более сложными палитрами, содержащими 4 цвета, но в большинстве случаев в этом нет необходимости.

Цветовой круг онлайн – это незаменимая вещь при подборе цветовой гаммы. Кроме ColorScheme в сети есть и другие варианты. Выбирайте любой удобный – и начинайте творить!

Плюсуйте, если этот пост вам помог. Делитесь в комментариях примерами и идеями.