Часто задаваемые вопросы

 

    ЧАСТО ЗАДАВАЕМЫЕ ВОПРОСЫ

https://faq-ru.ru             

 

Как правильно выбрать цвет для презентации


Цвет фона и текста в презентации

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

Это черный текст
на белом фоне

Это белый текст
на черном фоне

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

Если презентация идет на ЖК-экране, то можно выбрать любой вариант: хоть черное на белом, хоть белое на черном. Как хотите. Разница — только в ваших вкусовых предпочтениях.

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

Для проектора всегда выбирайте
белый текст на черном фоне. 

Что это дает:

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

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

Это аккуратно выглядит: вы как бы рисуете презентацию светом, а не засвечиваете фон.

Что будет, если делать на проекторе черный текст и белый фон:

Камерам тяжело найти нужный баланс освещенности, потому что перед ними ОГРОМНОЕ СВЕТЯЩЕЕСЯ ПЯТНО

Экран выглядит ярче и интереснее, чем спикер

Мелкий текст будет очень трудно прочитать

Вот пример, когда камера ничего не понимает:

Веду курс в бюро когда-то давно

Вот как бы это выглядело, если бы я светил белым текстом. Даже с учетом размытия и многократных отражений света, текст все еще был бы читаемым:

На следующей фотографии текст видно еле-еле, потому что белый свет экрана заливает всё:

Веду занятие в «КСК-груп»

А вот как бы это выглядело, выбери я белый текст на черном фоне:

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

Веду курс о редактуре в бюро

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

Читаю лекцию в НИУ ВШЭ

Судя по слайду, Илья Бирман рассказывает о понимании задачи. Бирмана ничто не побеждает

Исключение

Единственный случай, когда стоит выбрать для проектора белый фон и черный текст — если в проекторе подыхает лампа. Тогда его общая яркость будет слишком низкой, чтобы нормально прорисовать ваш белый текст, и все будет тусклым:

Выступаю на «Дизайн-просмотре»: проектор еле тянет даже большие белые области

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

Общие рекомендации

Что еще запомнить о подготовке презентации под проектор:

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

Фигурные плашки, рамки и прочее брендирование — в топку. Особенно модные растяжки сверху и снизу слайда. Это визуальный шум, который отъедает полезное пространство слайда.

Пишите просто и коротко. Читать с экрана — боль.

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

Избегайте сжатых и тонких шрифтов. Сжатые сожмутся, а тонкие затеряются.

По возможности придумайте, как бы картинкам в презентации взаимодействовать со спикером. Чтобы не просто «Я тут, экран там», а чтобы между ними была какая-то игра.

Презентация для печати

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

Если, например, вы выступаете на конференции, а потом ваши презентации включают в какую-то печатную брошюру, то делайте две версии презентации:

Одна для экрана: белое на черном, только ключевые мысли, взаимодействие с лектором, игры и веселуха.

Вторая для печати: черное на белом, подробное изложение ваших мыслей.

maximilyahov.ru

10 приемов для создания крутых презентаций

1 Не используйте шаблоны PowerPoint в вашей презентации.

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

Я предлагаю 2 решения:

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

2.Создавайте собственные шаблоны, если вы планируете использовать и редактировать данную презентацию в будущем. Для этого нам нужно перейти во вкладку Вид -> Образец слайдов. Это тайная комната, про которую знает далеко не каждый, как показывает практика :)

В этом разделе мы можем создать свой шаблон!

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

Далее выходим из этого режима (сверху справа есть красный крестик) и пробуем применить шаблонные слайды - Правая Кнопка мыши -> макеты слайдов.

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

2 Используйте 3-5 базовых цветов при создании презентаций.

Пожалуйста, не используйте больше 5 различных цветов при создании своей презентации. Более того, используйте только 3 базовых цвета, так как 2 остальных - это как правило оттенки основных цветов.Как подобрать цветовую палитру.

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

⁃ Далее выбираем цвет для текста. Он должен быть максимально контрастным по отношению к цвету фона. Идеальный и часто встречающийся вариант: фон белый - текст черный. Но этот вариант уступает по части креатива:)Поэтому давайте рассмотрим несколько примеров. Может, я смогу подкинуть вам идеи:Серый фон, голубой основной текст и темно-серый акцент. Белый фон, черный текст, синий акцентный. 3 Цвета. Чередуется с темным фоном и белым текстом.Темный фон, белый текст, салатовый акцентный. Здесь также используются оттенки салатового и чередуется темный и светлый фон.

Если вы все же не смогли определиться с цветовой палитрой или у вас нет брендбука компании/проекта, то предлагаю вам следующий ресурс color.adobe.com

Тут вы сможете подобрать цветовую палитру на основе изображения, а также во вкладке "Explore" (Смотреть) увидеть решения других пользователей и даже узнать количество просмотров и лайков :)

3 Откажитесь от 3D иконок из поисковиков - обратитесь к линейным и плоским иконкам.

К сожалению, я все еще часто встречаю слайды, в которых используются объемные некачественные иконки. Сейчас это устаревшая тема и выглядит очень некрасиво. А некоторые вообще не используют иконки, что тоже плохо, потому что в презентации важна визуализация, а не просто сплошной текст. Цель иконок : заменить лишний текст и ускорить запоминаемость и усвояемость информации. Мой совет вам : при создании презентации используйте иконки из этого ресурса - flaticon.com

Иконки из flaticon сделают вашу презентацию более современной и лаконичной.

Там есть раздел "Packs", где можно найти иконки единого стиля по конкретной тематике от одного дизайнера. Советую таким образом комплексно подбирать иконки, чтобы все были в едином стиле.

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

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

4 Каждый слайд - это картина, и ей нужна рамка. Или не нужна?

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

Один слайд - один посыл.

Зачем все делать больших размеров - слайду нужен воздух.

5 Откажитесь от вредных привычек. Завяжите со шрифтами с засечками.

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

Предлагаю вам следующий список шрифтов:Системные шрифты:

Arial

Arial narrow

Arial Black (только для заголовков)

CalibriСторонние шрифты:

Bebas (только для заголовков)

Raleway

Roboto

Helvetica

Circe

Open Sans

Gotham ProКак сочетать шрифты при создании презентации?

Если вы никогда ранее не затрагивали тему сочетания шрифтов, то советую при создании презентации использовать только одну группу шрифтов и менять только его тип. Например, заголовок сделать Arial Black, а для обычного текста Arial, или еще вариант из сторонних шрифтов - заголовок Raleway Bold, а основной текст Raleway Regular.

Если вы все же решили экспериментировать, то можно попробовать следующие сочетания:

Bebas Bold - заголовок

Raleway Regular - обычный текст

Остальным сочетаниям я предпочитаю выбрать один шрифт и менять только его тип. Это правильнее.

А вот пару ссылок, которые я лично использую для скачивания шрифтов:

⁃ Google Fonts

⁃ Font Squirrel

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

Это вообще больная тема. Особенно у нас в России. Если кто читал книгу Артемия Лебедева "Ководство", то там он ясно отмечает, как в связи с падением культуры дизайна после развала СССР, у нашего населения параллельно исказился вкус к качественному дизайну. Возможно, вы сейчас читаете и никогда не оцените те работы, которые я здесь прославляю. И это не потому что вы плохой человек, а потому что наша среда не позволила вам развить хороший дизайнерский вкус.

Я могу лишь посоветовать то, что отлично работает у нас в студии на протяжении нескольких лет и ценится на международном уровне (проверено на на всех континентах планеты Земля):

⁃ Не используйте в качестве фоновых изображений картинки из поисковиков, если в этом нет необходимости

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

⁃ В качестве фона используйте изображения высокого разрешения - для меня это не менее 1000 пикселей по высоте и ширине

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

⁃ В качестве источников вы можете использовать следующие ресурсы: flickr, unsplash, everypixel

7 Не используйте контуры. Либо толстые, либо ничего.

Теперь немного углубимся в дизайн.

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

Напрашивается вопрос: теперь контуры вообще вышли из моды?

Ответ: нет, они просто мутировали в крупные рамки :).Вот какие контуры сейчас еще можно использовать:

А в остальном - да, контуры вышли из моды как когда-то белые парики.

8 Не используйте тени. Либо большие и размытые, либо никакие.

Тени, конечно, не вышли из моды, в отличие от контуров. Но они превратились в нечто эксклюзивное и дорогое. Как часы Patek Philippe. Вы либо покупаете оригинал, либо китайскую подделку и все понимают, что это китайская подделка.

Мораль сей истории такова: если вы умеете создавать трендовые тени - отлично! Если нет, то, пожалуйста, отмените их везде во вкладке "Формат".

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

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

9 Как сделать таблицы и диаграммы красивыми? Убрать все лишнее.

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

Впрочем, я вам уже описал все ошибки. Осталось их только не совершать. :)Давайте рассмотрим на практике:

Вот таблица курильщика:

А вот здорового человека:

В чем разница? Одна тяжелая и громоздкая, другая чистая и лаконичная.Обратите внимание:

⁃ Есть свободное пространство между границей ячейки и содержанием.

⁃ Конечно же нет контуров

⁃ Нет лишних теней

⁃ Некоторые поля вообще не закрашены

10 Слайд - это ваш холст. Будьте креативны. Представьте, что у вас в руке кисть.

Если бы презентации создавались в Paint, то слайды выглядели бы намного креативнее. Я говорю это к тому, что часто мы сами загоняем себя в шаблонные рамки PowerPoint, хотя там тоже можно создавать уникальные произведения искусства.Рассмотрим примеры слайдов, созданных в PowerPoint:Желаю вам создавать только качественные презентации для ваших проектов!

Автор статьи: Григорий Арт, CEO и сооснователь Artrange

spark.ru

10 приемов по созданию красивых бизнес презентаций из 2017 года / Habr

Встречали ужасные PowerPoint презентации с разноцветными слайдами и безвкусными картинками? Тогда вы точно должны прочитать эту статью!

ВАЖНО: здесь я пишу только про бизнес презентации для чтения — не для публичных выступлений. Это важно понять, так как техники разные в этих двух форматах. Под форматом «бизнес презентаций для чтения» я подразумеваю такие документы как коммерческие предложения, спонсорские пакеты, инвестиционные презентации проектов, презентации продуктов, которые в большинстве случаев отправляются исключительно по электронной почте.

В этой статье я расскажу о наиболее распространенных ошибках в дизайне и поделюсь своими 10 приемами по созданию поистине крутых презентаций. Почти все примеры, которые я привожу ниже, — это выдержки из реальных кейсов, которые мы реализовали.
Здесь важно отметить, что 10 приемов актуальны на 2017 год (и ближайшие месяцы 2018).

Начнем с самого важного при создании презентации:

1 Не используйте шаблоны PowerPoint в вашей презентации


Хочу вас разочаровать, но в PowerPoint не заложены дизайнерские шаблоны. Зачастую эти шаблоны уже не в моде и сразу будут восприняты вашей аудитории как «некачественный товар».

Я предлагаю 2 решения:

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

2.Создавайте собственные шаблоны, если вы планируете использовать и редактировать данную презентацию в будущем. Для этого нам нужно перейти во вкладку Вид -> Образец слайдов. Это тайная комната, про которую знает далеко не каждый, как показывает практика.

В этом разделе мы можем создать свой шаблон!

Обычно я удаляю все стандартные шаблонные слайды в левой вкладке и создаю свои с нуля. Все что вам потребуется здесь — это добавить наполнители и оформить их.

Далее выходим из этого режима (сверху справа есть красный крестик) и пробуем применить шаблонные слайды — Правая Кнопка мыши -> макеты слайдов.

Теперь у вас есть собственный шаблон.

2 Используйте 3-5 базовых цветов при создании презентаций


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

Как подобрать цветовую палитру.

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

Поэтому давайте рассмотрим несколько примеров. Может, я смогу подкинуть вам идеи:

Серый фон, голубой основной текст и темно-серый акцент. 

Белый фон, черный текст, синий акцентный. 3 Цвета. Чередуется с темным фоном и белым текстом.

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

Если вы все же не смогли определиться с цветовой палитрой или у вас нет брендбука компании/проекта, то предлагаю вам следующий ресурс color.adobe.com

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

3 Откажитесь от 3D иконок из поисковиков — обратитесь к линейным и плоским иконкам


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

Цель иконок: заменить лишний текст и ускорить запоминаемость и усвояемость информации.

Мой совет вам: при создании презентации используйте иконки из этого ресурса — flaticon.com

Иконки из flaticon сделают вашу презентацию более современной и лаконичной.

Там есть раздел "Packs", где можно найти иконки единого стиля по конкретной тематике от одного дизайнера. Советую таким образом комплексно подбирать иконки, чтобы все были в едином стиле.

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

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

Давайте рассмотрим пример:

4 Каждый слайд — это картина, и ей нужна рамка. Или не нужна?


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

Пример:

Что может произойти? Может получится так, что содержание, которое вы планировали разместить, не уместиться на одном слайде, и это хорошо! Не нужно пытаться втиснуть все на одной странице. Лучше разделите на два слайда с одним заголовком.

Один слайд — один посыл.

Зачем все делать больших размеров — слайду нужен воздух.

5 Откажитесь от вредных привычек. Завяжите со шрифтами с засечками


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

Предлагаю вам следующий список шрифтов:

Системные шрифты:
Arial
Arial narrow
Arial Black (только для заголовков)
Calibri

Сторонние шрифты:
Bebas (только для заголовков)
Raleway
Roboto
Helvetica
Circe
Open Sans
Gotham Pro

Как сочетать шрифты при создании презентации?

Если вы никогда ранее не затрагивали тему сочетания шрифтов, то советую при создании презентации использовать только одну группу шрифтов и менять только его тип. Например, заголовок сделать Arial Black, а для обычного текста Arial, или еще вариант из сторонних шрифтов — заголовок Raleway Bold, а основной текст Raleway Regular.

Если вы все же решили экспериментировать, то можно попробовать следующие сочетания:
Bebas Bold — заголовок
Raleway Regular — обычный текст

Остальным сочетаниям я предпочитаю выбрать один шрифт и менять только его тип. Это правильнее.

А вот пару ссылок, которые я лично использую для скачивания шрифтов:

⁃ Google Fonts
⁃ Font Squirrel

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


Это вообще больная тема. Особенно у нас в России. Если кто читал книгу Артемия Лебедева «Ководство», то там он ясно отмечает, как в связи с падением культуры дизайна после развала СССР, у нашего населения параллельно исказился вкус к качественному дизайну.
Возможно, вы сейчас читаете и никогда не оцените те работы, которые я здесь прославляю. И это не потому что вы плохой человек, а потому что наша среда не позволила вам развить хороший дизайнерский вкус.

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

  • Не используйте в качестве фоновых изображений картинки из поисковиков, если в этом нет необходимости
  • Скачивайте изображения только со специализированных сайтов, где фотографы публикуют свои работы
  • В качестве фона используйте изображения высокого разрешения — для меня это не менее 1000 пикселей по высоте и ширине
  • Не используйте стоковые изображения с натянутыми улыбками людей и белым фоном. Это выглядит неестественно.
  • В качестве источников вы можете использовать следующие ресурсы: flickr, unsplash, everypixel

7 Не используйте контуры. Либо толстые, либо ничего


Теперь немного углубимся в дизайн.

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

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

Напрашивается вопрос: теперь контуры вообще вышли из моды?

Ответ: нет, они просто мутировали в крупные рамки.

Вот какие контуры сейчас еще можно использовать:

А в остальном — да, контуры вышли из моды как когда-то белые парики.

8 Не используйте тени. Либо большие и размытые, либо никакие


Тени, конечно, не вышли из моды, в отличие от контуров. Но они превратились в нечто эксклюзивное и дорогое. Как часы Patek Philippe. Вы либо покупаете оригинал, либо китайскую подделку и все понимают, что это китайская подделка.
Мораль сей истории такова: если вы умеете создавать трендовые тени — отлично! Если нет, то, пожалуйста, отмените их везде во вкладке "Формат".

В PowerPoint бывают стандартно установлены тени (особенно в ранних версиях). И я могу вам сказать наверняка, что такие тени нужно убирать сразу из шаблона.

Давайте рассмотрим примеры:

Плохие тени из PowerPoint

Хорошая тень из Dribbble

Хорошая тень из PowerPoint

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

9 Как сделать таблицы и диаграммы красивыми? Убрать все лишнее


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

Впрочем, я вам уже описал все ошибки. Осталось их только не совершать.

Давайте рассмотрим на практике:

Вот таблица курильщика:

А вот здорового человека:

В чем разница? Одна тяжелая и громоздкая, другая чистая и лаконичная.

Обратите внимание:

  • Есть свободное пространство между границей ячейки и содержанием.
  • Конечно же нет контуров
  • Нет лишних теней
  • Некоторые поля вообще не закрашены

10 Слайд — это ваш холст. Будьте креативны. Представьте, что у вас в руке кисть


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

Рассмотрим примеры слайдов, созданных в PowerPoint:

Желаю вам создавать только качественные презентации для ваших проектов!

Читайте следующую статью «Советы по повышению конверсии с ваших бизнес-презентаций»

habr.com

Применение тем и добавления цвета и стиля в презентации

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

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

1. при выборе варианта пустая презентация применяется обычная тема Office.

2. в галерее темы вы можете выбрать другую тему.

3. Теперь к презентации применена выбранная тема.

Применение темы к презентации

  1. Откройте презентацию.

  2. На вкладке конструктор в группе темы находятся темы оформления.

  3. Чтобы предварительно просмотреть, как будет выглядеть текущий слайд с определенной темой, наведите указатель мыши на эскиз этой темы.

  4. Чтобы просмотреть другие темы, на вкладке конструктор в группе темы нажмите кнопку Дополнительно в правой части коллекции.

  5. Для выбора и применения темы щелкните эскиз изображения этой темы.

    Если не указано иное, PowerPoint применяет выбранную тему ко всей презентации.

    Чтобы применить тему только к одному или нескольким слайдам, выберите их, щелкните нужную тему правой кнопкой мыши и выберите команду Применить к выделенным слайдам.

Дополнительные сведения о темах

Примечание:  Эта страница переведена автоматически, поэтому ее текст может содержать неточности и грамматические ошибки. Для нас важно, чтобы эта статья была вам полезна. Была ли информация полезной? Для удобства также приводим ссылку на оригинал (на английском языке).

support.office.com

Изменение цвета текста на слайде

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

Вы можете изменить цвет текста для одного или нескольких слайдов.

Изменение цвета текста на слайде

  1. Выделите текст, цвет которого требуется изменить.

  2. На вкладке Главная щелкните Цвет шрифта, а затем выберите нужный цвет.

Советы: 

  • Если в списке нет подходящего цвета, щелкните Другие цвета, а затем выберите цвет на вкладке Обычные или создайте собственный цвет на вкладке Спектр.

  • Выберите пипетки для сопоставления цветов на слайде. При перемещении мыши над другие цвета текста динамического просмотра цвет появится в квадрат. Выберите цвет, который нужно сопоставить применение к выделенному тексту. (Пипетки не поддерживается в PowerPoint 2007.)

Изменение цвета текста на нескольких слайдах

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

Изменив цвет текста в образце слайдов, вы примените это изменение к нескольким слайдам одновременно.

  1. На вкладке Вид нажмите кнопку Образец слайдов.

  2. В левой области эскизов выберите макет, содержащий текст, цвет которого вы хотите изменить.

  3. Выберите текст в макете, который вы хотите изменить.

  4. На появившейся мини-панели инструментов щелкните Цвет шрифта, а затем выберите нужный цвет.

    Совет:  Если в списке нет подходящего цвета, щелкните Другие цвета, а затем выберите цвет на вкладке Обычные или создайте собственный цвет на вкладке Спектр.

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

Если вы являетесь подписчиком Office 365, можно выделять текста цветом. Узнайте, Выделение текста цветом.

support.office.com

Объединение цветов в PowerPoint — во избежание ошибок

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

По Роберта Лэйна

Почему некоторые цветовые комбинации работают таким образом также в презентациях и почему другие цветовые комбинации затруднить презентациям смотреть? PowerPoint expert Роберта Лэйна объясняется, как объединить цвета, чтобы сделать вступления в силу и профессионально оформленных слайды.

С помощью PowerPoint можно есть все инструменты, но...

Более поздних версий PowerPoint, начиная с PowerPoint 2010, особенно имеют оформлена инструменты для даже «изобразительным вызваны» среди нас получите за пределами маркированного и создайте вступления в силу, помогая графически привлекательным, совершенно профессионально оформленных визуальное слайды. Фантастика! Теперь этот вопрос... как следует использовать такие средства? Большинство нам никогда не обучения как рисунка исполнители и не обязательно знать правила предъявления визуально привлекательных и понятное содержимого.

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

Цветовые группы

Одним из способов цвета подхода заключается в их классификации на две основные группы: теплых и холодных цветов (рисунок 1). Например, желтый, оттенками красного и Апельсины называются теплых цветов. Склонны развернуть и привлекать внимание — особенно ярко-красный цвет. Фиолетовые цвета, зеленого и синего являются холодных цветов. Склонны направлены в фоновом режиме и нарисуйте меньше внимания оттенков особенно темнее. Белый и очень светлый цвета также перехвата глаза, тогда как черные и очень темные цвета обычно менее заметным.

Рисунок 1 – цветовые группы

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

Рисунок 2 – количество цветов и контрастность

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

Рисунок 3 — группа теплого цветов

Рисунок 4 – стильный группа цветов

Где получить большинство разработчики PowerPoint возникновения проблем слияния цвета границы теплого/охлаждения. Никогда не совершенно сделать что изображен список иллюстраций 5 и 6. Если stare в любой из этих изображений слишком долго, глазами начать становится. У студента есть проблемы, обращая внимание на взаимодействие между волны цвет, что приводит к испытания и discomfort. Смешивание яркий синие и оттенками красного рекомендуется видеть навязываем аудиторий и Увы все происходит слишком часто. То же касается смешивание оттенками красного и зеленого.

Рисунок 5 — красный и синий цветовые комбинации вызвать напряжение

Рисунок 6 – красного и зеленого цветов цветовые комбинации также напряжение причина

Сочетание красного и зеленого также появится проблему зрения цвет, который по всей видимости влияет на примерно 7 процентов мужчины и женщины 1 процент. Обратите внимание на разницу между красного и зеленого цветов невозможности — это наиболее распространенные форма зрения цвет. Например предположим, что поместите зеленый текст на фоне красный, как показано на рисунке 6. Если цвет текста заливка (объем яркости) имеет прямым контрастность с заливкой цвет фона, некоторые средства просмотра не смогут читать, текст на всех! Чтобы Избегайте таких проблем, никогда не смешивание этих двух цветов, особенно в текста и фона сочетание.

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

Рисунок 7 — с помощью цветов темы сделать нужные значения проще

Forgiving характер градиента цвета

Интересно, сочетания цветов выполняется гораздо больше терпим при использовании градиенты — цветами, появление друг в друга. Начиная с версии 2010, PowerPoint предлагает значительно улучшенные, интуитивно понятную интерфейс предъявления градиенты, кстати (на рисунке 8).

Рисунок 8 — Добавление градиент к фигуре

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

Попробуйте объединить цвета, чтобы сделать фон слайда пользовательские, декоративный фигуры — возможно для составные фона (рисунок 9) или кнопка навигации (10 на рисунке) — или даже Изысканный, Объемный текст (на рисунке 11).

На рисунке 9-Фиолетовый, серый и Gold градиента внутри фигуры

Рисунок 10 – фигуры с градиентной заливкой используется в качестве кнопки навигации

Рисунок 11 — градиентной заливкой PowerPoint текста

Цвет и текст соображения

Вернувшись на вопросы количество цветов и контрастность (черный точки на белом фоне), эти вопросы особенно важны при слайды содержит текст. Если такой текст существует в кнопки навигации или декоративные, обычно цель — для членов аудитории не может читать ее вправо? Таким образом желанию для простой фон, резко отличается от цвета текста помогает сообщение, развернуть и привлекать внимание (на рисунке 12).

На рисунке 12 — цвет текста следует контрастность резко на фоне

Разместите текст поверх изображения популярные, но может быть сложнее, поскольку нажмите управление контрастность становится более сложной. Решение — еще раз, убедитесь, что отличается цвет текста максимально с большинством цвета рисунка и distinct тень или свечение текст (на рисунке 13).

Рисунок 13 — тень на текст, помогающий показаться дополнительные Distinct поверх изображения

Общие вопросы цвета

Вот несколько дополнительных PowerPoint-мы узнали годами советы связанных цвета:

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

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

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

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

support.office.com

Создание или удаление пользовательского цвета темы

Выполните одно из следующих действий:

Создание нового цвета темы

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

  2. Выберите цвет, который вы хотите изменить, и нажмите кнопку изменить цвет.

  3. Выберите нужный цвет и нажмите кнопку ОК.

  4. Повторите шаги 2 и 3 для каждого цвета, который вы хотите изменить.

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

    В текущую презентацию будет применен цвет темы.

Применение нового цвета темы к новому документу

Удаление настраиваемого цвета темы

  1. В программе поиска Mac OS X найдите пользовательский цвет темы в/пользователи/ имя_пользователя/Library/Application Support support/Microsoft/Office/пользовательские шаблоны/мои темы и цвета темы.

  2. Перетащите файл с помощью настраиваемого цвета темы (например, "заказ 1. XML") в корзину.

    Примечание: Удаленная тема останется в списке цвета на вкладке темы , пока вы не закроете и не снова откройте приложение Office.

support.office.com

Как оформить презентацию: 45 идей для вдохновения

Рецепт качественного контента — будь то презентация или электронный курс — это приятное оформление и уверенный рассказчик с интересной историей. А если добавить в этот микс немного творчества, ваш материал «выстрелит» еще мощнее.

Чтобы помочь вам «раскачать» аудиторию — офлайн или онлайн — мы составили список креативных идей для оформления презентаций и электронных курсов.

1. Неоновые цвета

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

2. Минимализм в дизайне

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

3. Вертикальные слайды

Горизонтальные презентации — общепринятый стандарт, но с ростом популярности Инстаграма в нашу жизнь пришли вертикальные истории. А почему бы не начать создавать вертикальные презентации и электронные курсы? Вертикальный лейаут — это лишь один из приёмов, можно совмещать его с другими идеями оформления.

4. Эффект дуотона

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

5. Горизонтальные переходы

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

6. Цветной акцент на чёрно-белом фоне

Когда в чёрно-белом дизайне презентации появляется цветной акцент, он здорово привлекает внимание. Акцентный цвет можно использовать небольшими порциями, чтобы подчеркнуть важные детали, или яркими пятнами, чтобы «взбодрить» дизайн и привлечь внимание зрителей. Главное, выдержать баланс между основными цветами и ярким акцентом.

7. Видео на весь экран

Полноэкранное видео — мощный прием сторителлинга: оно с головой погружает зрителя в тему презентации. Залог успеха в том, чтобы подобрать правильное видео. В контексте презентации, видео должно либо самостоятельно рассказывать нужную вам историю, либо гармонично дополнять содержимое слайда. Если видео мешает уловить ваше сообщение или «выбрасывает» из истории, вам будет сложно вернуть внимание зрителей.

8. Монохромная палитра

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

9. Личная история

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

Вот, например, презентация Колина Строукса на TED Talk о гендерной предвзятости в кино. Колин подходит к теме выступления через личный опыт: сначала он рассказывает, какие фильмы смотрят его дочка и сын и как киногерои влияют на детей, а потом плавно переходит к самой теме презентации.

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

10. Интересное обрамление фотографий

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

11. Яркие, жирные шрифты

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

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

12. Круги

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

13. Искры и блестки на фоне

Блестящие детали придадут презентации или курсу праздничное настроение. Эта идея отлично сработает для оформления каталога одежды или презентации лейбла. Тематические выступления и новогодние подведения итогов тоже можно оформить «с огоньком». Интересные блестящие фоны и текстуры можно скачать на Freepik.

14. Эффект рваной бумаги

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

15. «Направляющие» переходы

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

16. Моушн-графика

Анимированные объекты на слайде помогут проиллюстрировать и подчеркнуть главную мысль. Моушн графика не обязательно должна рассказывать историю. Скорее, её задача — добавить в презентацию движения. Например, если вы рассказываете о путешествиях, где-то на слайде может летать самолётик, или по конвейерной ленте могут ехать чемоданы. Как вариант, можно выбрать что-то более абстрактное: движущиеся фигуры или анимированные заголовки.

17. Цитаты между слайдами

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

18. «Давным-давно»

Если ваша презентация рассказывает историю, так почему бы не начать её со сказочного «давным-давно…»? Поскольку такое начало нетипично для презентаций, оно мгновенно привлекает внимание аудитории. Чтобы усилить эффект, можно подобрать соответствующий дизайн — главное, чтобы все это соответствовало теме вашей презентации.

19. Громкое заявление

«Людям нет дела до вашего бренда» — увидев такую фразу вы бы, наверное, заинтересовались: как автор намерен доказать свою точку зрения? Это достаточно эффективный метод привлечения внимания. Сначала вы делаете громкое заявление, а потом объясняете свою позицию и предлагаете пути решения. Провокационные и неожиданные высказывания привлекают аудиторию, и люди с любопытством вас послушают.

20. Чёрно-белые фотографии

Чёрно-белые фотографии — классика дизайна. Они всегда выглядят элегантно и утонченно и отлично дополняют даже минималистичный дизайн. Можно использовать чёрно-белые фото или снизить цветность обычных.

21. Аудио-сопровождение

Добавьте в курс или презентацию озвучку. Это поможет превратить набор слайдов в увлекательное приключение. Можно настроить, чтобы аудио звучало автоматически на протяжении всей презентации, или добавить триггеры, чтобы зрители сами могли управлять процессом. Так, например, сделали в компании  «Балтика».

22. Космический стиль

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

23. Музыка

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

Дин Бернетт в своей статья для журнала The Guardian рассказывает, почему так происходит: «Музыка создаёт ненавязчивый внешний шум и вызывает приятные чувства. Это эффективно нейтрализует отвлекающие факторы, которые воздействуют на нас на подсознательном уровне». По сути, музыка — это развлечение, но когда она звучит фоном, то, наоборот, помогает нам сконцентрироваться на серьезных задачах.

Музыку в электронных курсах использует международная сеть установочных центров по замене и ремонту автостекла AG Experts. К примеру, в курс «Средства индивидуальной защиты» они вставили трек AC/DC.  

24. Стиль граффити

Яркие, цветные граффити — отличный способ сделать презентацию более современной и энергичной. Много фотографий граффити можно найти на сайте Unsplash. Уличное искусство можно использовать не только в качестве фона — в интернете есть множество прикольных шрифтов в стиле граффити.

25. Стиль полароид

Самые популярный способ оформления фотографий — снимки полароид. Можно использовать полароид-фото в винтажном дизайне в стиле 70-х, а можно и в современном — ведь «Инстаграмм», по сути, это тот же полароид. Самое главное, такие фотографии подходят под практически любую тему.

26. Горошек

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

27. Метафора

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

В своем выступлении на TED Talk, Джеймс Гири рассуждает о важности метафор:

28. Временная шкала

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

29. Визуализация данных

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

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

Если хотите представить данные ещё интереснее и нагляднее, можно нарисовать иллюстрацию или инфографику.

30. Ментальные карты

Ментальные карты помогают наглядно объяснить сложные понятия или концепции. Это ещё один способ визуализации данных. Есть множество типов ментальных карт: круговая диаграмма, дерево, блок-схема, структура, процесс. Каждый тип решает свои задачи: например, «процесс» помогает визуализировать пошаговый план, а при помощи «дерева» можно показать структуру подразделения.

31. Контрастные цвета

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

32. Вся презентация на одном слайде

Ещё одна прикольная идея для оформления презентации — уместить всю информацию «на одном слайде». Как сделать такое на практике? Сначала мы создаём финальный слайд, на котором в форме пазла размещаем всю информацию. Далее, создаем столько копий, сколько частей будет в вашей презентации — и идем от финиша к старту: постепенно убираем с копий все больше информации, пока не дойдём до первого слайда. Всё! Осталось убедиться, что слайды стоят в правильном порядке, и настроить анимации и переходы.

33. Древовидная структура

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

34. Личный дневник

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

35. Мел и доска

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

36. Чёрный фон, белый шрифт, цветные акценты

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

37. Полоски

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

38. Стиль поста в соцсетях

Ещё один необычный подход к оформлению слайдов — шаблоны социальных сетей, в которые можно вставить собственный контент. Самый популярная сеть, конечно, Инстаграм. «Интерфейс» Инстаграма можно встретить не только в презентациях, но и на очных событиях: в фотозонах или на баннерах. Чтобы воплотить стиль Инстаграма в презентации, можно использовать готовые шаблоны или просто скриншоты.

39. Сторителлинг

В большинстве случаев, презентация — это, история: вы ведете аудиторию по некоему пути, в ходе которого они узнают все больше и больше о вашей теме. Истории по своей природе увлекают нас, особенно если они грамотно выстроены. Одна из самых известных техник сторителлинга — «Путь героя». Попробуйте найти и выделить в своей презентации эти этапы:

40. «Въезжающие» заголовки

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

41. Эффект «Боке»

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

42. Акварель

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

43. Яркие, весёлые цвета

Если ваша тема позволяет, всегда выбирайте яркие цвета. Эта техника подойдет тем, кто готов творить, экспериментировать и выходить за рамки. Главное, подобрать гармоничную палитру из 5-6 цветов и раскрасить ими фигуры, блоки, шрифты, врезки — всё, что душе угодно!

44. Стрелки

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

45. Брендовые цвета

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

Вам слово!

Вы прочитали сокращенный перевод статьи 100+ Creative Presentation Ideas That Will Delight Your Audience.

Какая идея понравилась вам больше всего? А может у вас есть своя фишка? Делитесь в комментариях!

www.ispring.ru

10 советов по выбору идеального шрифта для презентации

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

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

Эти десять советов по работе с текстом и наша коллекция шрифтов помогут вам сделать успешную презентацию.

Совет 1 — Резкий контраст между шрифтом и фоном

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

Совет 2 — Использование стандартных шрифтов

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

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

Совет 3 – Согласованность шрифтов

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

Совет 4 — Типы шрифтов

Шрифты бывают с засечками, то есть с хвостиками, прикрепленными к каждой букве. Times New Roman является примером шрифта с засечками. Эти типы шрифтов облегчают чтение большого объема текста на слайдах (но, по возможности, делая презентацию, надо избегать больших объемов). Газеты и журналы используют шрифты с засечками в статьях для лучшего восприятия текста.

Шрифты без засечек (или рубленые) — шрифты, у которых основные и соединительные штрихи практически одной толщины. Эти шрифты отлично подходят для заголовков на слайдах. Примерами служит коллекция шрифтов: Arial, Tahoma или Verdana.

Совет 5 — Не используйте все заглавные буквы

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

Совет 6 — использовать разные шрифты для заголовков и элементов маркированного списка

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

Совет 7 — Избегайте скриптовых шрифтов

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

Cовет 8 — Использование курсива в умеренных дозах

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

Совет 9 — Делать шрифт большого размера для лучшей читаемости

Не используйте в презентации размер шрифта менее чем 18 пп. А вообще предпочтительнее выбирать шрифт в 24 точки в качестве минимального размера. Это не только позволит заполнить слайд, так что не останется много пустого пространства, но и позволит также ограничивать ваш текст на слайде. Слишком много текста на слайде служит доказательством того, что вы новичок в создании презентации.

Примечание: не все размеры шрифтов одинаковы. Например, визуально текст написанный Times New Roman с размером в 24 пп. будет меньше, чем текст того же размера при использовании шрифта Arial.

Совет 10 — Сделайте использование анимации «тусклый текст» для списков

Используйте возможности анимации для создания функции » тусклый текст» для маркированных списков. Это сделает акцент на текущем пункте доклада и вынесет его на передний план. Функция «тусклый текст» создается при помощи эффекта «Растворение», который вы можете добавить к маркированному списку в презентации PowerPoint. Это позволяет эффективно отвести текст предыдущих пунктов на второй план, но в то же время оставляя его видным для прочтения.

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

5 популярных шрифтов для оформления презентаций

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

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

Конечно же, вы спросите, что это за шрифты такие?

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

#1 Helvetica

Скорее всего, вы 100 раз уже слышали рекомендации по использованию этого шрифта. И что Helvetica стар как этот мир. Но, тем не менее, это гибкий, разнообразный и действительно надежный шрифт. Красота Helvetica в своей нейтральности. Это шрифт, который можно применить для любого стиля презентации, почти как шрифт Chameleon. Если охарактеризовать Helvetica в одном предложении, это прозвучит так: «Четкость и простота» Helvetica был разработан и создан Максом Mидингером и Эдуардом Гофманом в конце 1950-х годов.

Интересно, что Helvetica, первоначально был назван Die Neue Haas Гротеск. Helvetica был чрезвычайно популярен у корпораций. К примеру, корпорация «America Apparel» использует его для своего логотипа. В презентации Helvetica является одним из самых мощных инструментов в коллекции шрифтов и хорошо воспринимается, но при этом не заостряет на себя все внимание, что позволяет сосредоточиться на содержании теста. Его также очень легко читать при любых размерах.

#2 Garamond

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

Оригинальный шрифт был создан для французского короля Франциска I в 1540-х годах. Конечно, было создано много и более поздних версии Garamond, в том числе многочисленные вариации (в попытках улучшить оригинал), такие как индивидуальный вариант шрифта ITC Garamond, под названием Apple Garamond.

#3 Futura

Futura является рубленым шрифтом (что означает, что он не имеет засечки), он был разработан между 1924 и 1926 годами дизайнером шрифта Паулем Реннером. Интересным фактом является то, что для написания текста на памятной доске, оставленной на Луне в 1969 году, использовался именно этот шрифт. Futura как никакой другой из немалой коллекции шрифтов удобен для чтения, и это одна из причин, использовать его в презентации. Это элегантный шрифт, обладающий реальными отличительными особенностями. Особенно хорошо он подходит для заголовков презентации.

#4 GillSans

Как никакой другой из коллекции шрифтов Sans Serif, Gill Sans выглядит наиболее дружественным и теплым, не будучи слишком вычурным. Некоторые даже приравнивают его по качеству и свойствам к «британской Helvetica». Gill Sans создан британским художником-графиком и скульптором Эриком Гиллом, вдохновленным шрифтом Джонстона, который использовался для надписей на вагонах в лондонском метро.

Gill Sans был весьма популярен на плакатах и рекламных материалах в конце 1920-х годов. В логотипе BBC по-прежнему используется этот шрифт и по сей день. Gill Sans до сих пор популярен и используется многими дизайнерами по всему миру.

#5 Rockwell

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

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

Источник: slidesign

infogra.ru

Какого цвета ваша презентация? - Хитрости работы с Excel – таблицы, функции, формулы, списки, рабочие книги, макросы

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

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

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

УРОК ПЕРВЫЙ: Использование цветовых схем в презентации PowerPoint.

Согласно теории цвета, гармоничные цветовые комбинации включают любые два цвета, противолежащие друг другу на цветовом диске, любые три цвета, равноотстоящие на цветовом диске и образующие треугольник или любые четыре цвета, образующие прямоугольник (фактически, две пары противоположных друг другу цветов). Гармоничные цветовые комбинации называются цветовыми схемами (иногда также используется термин «согласованные цвета»). Создавая презентацию в программе PowerPoint можно почти не задумываться о цветовых сочетаниях. Огромное количество цветовых схем с тщательно подобранными цветами доступно для выбора на вкладке “Дизайн”. Следует заметить, что, выбрав  цветовую схему из списка, Вы “накладываете” ее на какую-либо из тем оформления, которые при этом могут измениться кардинально.

К сожалению, у этого множества есть и недостатки – из-за того, что все темы (и цветовые схемы, соответственно) используют довольно большое количество цветов, очень сложно бывает  сразу понять, каким цветом будет написан основной текст слайда, каким – заголовки,  и на каком фоне все это будет отображаться. Совет тут один – экспериментируйте. Проверить, как будет та или иная цветовая схема “работать” именно на вашем слайде – дело минутное.  А эффект может быть очень заметный.

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

УРОК ВТОРОЙ: Создаем свои цветовые схемы для презентации.

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

Схемы дополнительных цветов

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

Схемы сходных цветов

Сходные цвета – это цвета, соседние по тону. Некоторые цвета будут меньше выделяться, если сделать их светлее, темнее или менее насыщенными. К ним относятся четыре четырехцветные сходные схемы, использующие текущий цвет.

Схемы разделенных-дополнительных цветов

Схема разделенных-дополнительных цветов состоит из текущего цвета и двух цветов, примыкающих к его дополнению (по тону).

Схемы альтернативных-дополнительных цветов

Схема альтернативных-дополнительных цветов включает цвет, его дополнение и два цвета, примыкающие к дополнительному цвету.

Триадные цветовые схемы

В триадной цветовой схеме три цвета разнесены по тону на 120°. Данная схема образует широко распространенную цветовую схему красный-зеленый-синий.

Тетрадные цветовые схемы

В тетрадной цветовой схеме четыре цвета разнесены по тону на 90°

Схемы двойных дополнительных цветов

Двойное дополнение состоит из любых двух пар дополнительных цветов.

УРОК ТРЕТИЙ: Значение цветов

Цвета, выбираемые для представления своего дела, могут немало сообщить о вас, но уверены ли вы, что используемые вами цвета самые подходящие?

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

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

красный: опасность
оранжевый: предупреждение
желтый: осторожность
синий: уведомление
зеленый: безопасность

Однако эти связи цвета и значения могут иметь национальную специфику и должны использоваться с осторожностью. Разные источники предлагают другие стандартные значения цвета:

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

УРОК ЧЕТВЕРТЫЙ: Теплые и холодные цвета.

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

УРОК ПЯТЫЙ: Цвет и внимание.

В течение 40-45 минут (обычное время урока)  уровень внимания слушателей не  является постоянной величиной. Условно весьурок можно разбить на три   этапа:
• В начальный момент занятия  внимание почти мгновенно нарастает и держится на высоком уровне в течение примерно
10-12 минут.
• По прошествии  15 минут наступает привыкание, уровень внимания понижается,   и остается на очень низком уровне.
• Спустя еще  15 минут, уровень внимания вновь возрастает, но он  все же не достигает высокого уровня первых минут занятия.

Эти этапы  можно проиллюстрировать следующим образом:

Так вот, Оле Лаудрисен предложил совместить эту диаграмму с диаграммой теплохолодности цветов.

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

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



Newer news items:

Older news items:


www.teachexcel.ru

Цвет для сайта: что привлекает покупателей

Из этой статьи вы узнаете:

  • На чем основывается выбор цвета для сайта
  • Как выбрать цвет сайта в зависимости от его специализации
  • Какие сервисы использовать для выбора цвета сайта

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

Как выбрать цвет сайта: основы знаний


Известно, что человек воспринимает большую часть всей информации из окружающего мира только при помощи зрения. Когда мы видим какой-то объект, то в первую очередь оцениваем его внешний вид и тем самым формируем первоначальное впечатление о нем. На самом деле достаточно всего пары секунд, чтобы понять, что мы хотим приобрести товар только из-за его привлекательного оформления, гармонично сочетающего красивые оттенки выбранной палитры. Вряд ли вы купите красно-зеленый костюм в желтый горошек и отправитесь в нем на важную деловую встречу, правда? Эти цвета совершенно не сочетаются, из-за чего в глазах других людей вы будете выглядеть просто нелепо.

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

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

Теория цвета состоит из трех основных частей:

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


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

  5. Резонанс
  6. Наверняка вы заметили, что разные цвета вызывают у людей разные эмоции и создают для них разное настроение. Так, тёмные холодные оттенки (фиолетовый, голубой, зелёный) действуют на нас успокаивающе, расслабляют. А тёплые яркие тона (желтый, оранжевый, красный) пробуждают нас, наполняют энергией.

    Компания BBC News специально сделала на своем веб-ресурсе красную навигационную панель, чтобы пробудить читателя, усилить его возбуждённое состояние. С учетом специфики данного ресурса (сенсационные новости) такое решение является вполне логичным.

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

Рекомендуем
«Создание дизайна сайта: как правильно заявить о себе в интернете» Подробнее

13 советов по выбору основных цветов сайта

Известно ли вам, что около 85 % всех покупателей решают купить товар только из-за его цвета?

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

McDonald’s — желтый и красный.


Nike — белый и черный.


Важность такого фактора, как узнаваемость торговой марки, просто невозможно переоценить.

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

Как вы считаете, какой элемент является неотъемлемой частью бренда?

Конечно же, логотип.

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

Следует упомянуть ещё один интересный момент. Используемый цвет для сайта также отражает стоимость бренда. Дорогие торговые марки особенно тщательно выбирают сочетания оттенков. Таким образом они настраивают своих покупателей на нужное восприятие.

Грамотное оформление сайта не менее важно, чем оформление логотипа бренда. Не стоит основываться лишь на словах «смотрится классно» или подбирать комбинацию оттенков наугад. Убедитесь в том, что выбранный вами цвет выделяется. И не забудьте позаботиться об эстетике. Хорошенько обдумайте своё решение.

Зачем?

Дело в том, что в течение 1,5 минуты после первого осмотра продукта люди подсознательно делают о нем выводы. А 62–90 % их мнения основано лишь на восприятии цвета.

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

13 эффективных рекомендаций по подбору оптимальной цветовой схемы, основанных на личном опыте профессиональных маркетологов и результатах научных исследований:

1. Разберитесь в том, как цвет влияет на эмоциональный фон человека

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

Для этого посмотрите, как покупатели реагируют на разноцветные кнопки призыва к действию:


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

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

В различных культурах цвет имеет свое значение.

Красный: 

  • Фэн-шуй: признание, Ян, деньги, огонь, живучесть, удача, защита, уважение.
  • Китай: торжество, удача, невеста.
  • Христианство: любовь, страсть, жертва.
  • Индия: чистота.
  • Япония: жизнь.
  • Южная Африка: траур.
  • Иврит: грех, жертва.
  • Восток: радость (в комбинации с белым).
  • США: день святого Валентина (с белым), Рождество (с зеленым).
  • Запад: страсть, любовь, возбуждение.

Голубой: 

  • Запад: депрессия, печаль.
  • Европа: успокоение.
  • Фэн-шуй: приключения, Инь, доверие, вода, релаксация, спокойствие, исцеление, любовь.
  • Иран: духовность, небо, траур.
  • В мире: безопасность.
  • Китай: бессмертие.
  • Ближний Восток: защита.
  • Индуизм: символ Кришны.
  • Католицизм: одежды девы Марии.
  • Иудаизм: святость.
  • Христианство: символ Христа.

Рекомендуемые статьи по данной теме:

Желтый: 

  • Фэн-шуй: движение, Ян, тепло, Земля, солнечные лучи, благоприятный.
  • Европа: слабость, счастье, трусость, надежда, радость.
  • Буддизм: мудрость.
  • Азия: имперский символ.
  • Индия: торговля.
  • Египет: траур.
  • Япония: мужество.

Оранжевый: 

  • Фэн-шуй: усиление концентрации, Ян, цель, Земля.
  • Европа: творчество, урожай, осень.
  • Индуизм: шафран (персиковый оттенок), святость.
  • Ирландия: религиозное протестантство.
  • США: бюджетные товары, Хэллоуин (в комбинации с черным).

Коричневый: 

  • Фэн-шуй: промышленность, Земля, Ян.
  • Аборигены Австралии: торжественное (охра), земля.
  • Колумбия: препятствие торговле.

Зеленый: 

  • Фэн-шуй: покой, Инь, здоровье, дерево, исцеление.
  • Япония: жизнь.
  • США: деньги.
  • Ирландия: символ страны.
  • США/Европа: Рождество (в комбинации с красным), весна, день Святого Патрика, новое рождение.

Фиолетовый:

  • Фэн-шуй: исцеление (психическое и физическое), Инь.
  • Католицизм: распятие, траур, смерть.
  • Таиланд: вдовий траур.

Белый:

  • Фэн-шуй: уверенность, Ян, равновесие, металл, траур, смерть, призраки.
  • Европа: мир, брак, больница, ангелы, врачи.
  • Восток: похороны.
  • Япония: смерть (белая гвоздика), траур.
  • Индия: беды и несчастья.
  • Китай: смерть, траур.

Черный:

  • Фэн-шуй: сила, Инь, эмоциональная защита, вода, стабильность, деньги, доход, успех в карьере.
  • Европа: спокойствие, траур, бунт, похороны, смерть.
  • Аборигены Австралии: люди.
  • Таиланд: зло, несчастье.
  • Иудаизм: зло, несчастье.

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


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

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

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

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

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

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

Красный ассоциируется с опасностью, страстью, энергией и волнением. Его часто применяют с целью побудить потребителей срочно сделать покупку. Оттенки красного вызывают у людей сильную эмоциональную реакцию — в ресторанах они используются для усиления аппетита.

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

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

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

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

Чёрный — символ роскоши, элегантности, опытности и влияния. Вызывает ассоциации с аккуратностью, силой, профессионализмом. Применяется для презентации элитной продукции.

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

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

Постарайтесь понять эмоции и индивидуальность ваших покупателей: это очень важно.

А потом выберите цвет, лучше всего подходящий для основы оформления вашей интернет-площадки.

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

3. При выборе цвета учитывайте пол потенциальных покупателей 

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

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


Известно, что женщинам больше нравятся приглушенные тона, а мужчинам — яркие.

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

  • Ахроматические цвета

Это все оттенки серого, черный и белый. Они чаще привлекают мужчин, чем женщин.

  • Светлые и темные оттенки

Оказывается, у женщин восприятие некоторых цветов усилено. Именно поэтому им так нравятся светлые оттенки.

Женщины:

  • Менее предпочтительны: серый, коричневый, оранжевый.
  • Более предпочтительны: зеленый, фиолетовый, синий.

Мужчины:

  • Менее предпочтительны: фиолетовый, оранжевый, коричневый.
  • Более предпочтительны: черный, зеленый, синий.

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

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

4. Не забывайте о возрасте потребителей

Другой немаловажный момент — возрастная группа. Известно ли вам, что с возрастом у человека меняются предпочтения в цветовой гамме? Научные исследования это подтверждают.

Любимые цвета людей разных возрастных групп:


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

5. Забудьте о предубеждениях 

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

Они основываются вовсе не на психологии, а лишь на своих личных предпочтениях.

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

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

Не забывайте об этом. И не позволяйте своим личным предпочтениям негативно повлиять на успешность вашей торговой марки.

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

По прошествии всех предыдущих этапов вы должны окончательно определиться с основным цветом для сайта. Готовы двигаться дальше? Тогда давайте выясним, сколько всего оттенков вам следует использовать. Разумеется, единой для всех формулы успеха не существует. Однако есть одно полезное правило под названием «60-30-10».

Его применяют для разработки цветовых схем в моде и дизайне интерьеров. Чтобы создать идеальную гармонию, дизайнеры отбирают всего 3 цвета и разделяют их на проценты.

Выглядит это примерно таким образом:

  • основной — 60 %;
  • второй по важности — 30 %;
  • акцентирующий — 10 %.

В веб-дизайне предполагается, что основной оттенок будет занимать около 60 % всего пространства интернет-площадки, следующий по важности — примерно 30 %, а акцентирующий — 10 %.

На сайте QuickSprout вы можете посмотреть наглядный пример применения правила «60-30-10».


Роль основного цвета на данном ресурсе играет голубой, вторичного — зеленый, а акцентирующего — синий.

Совместив всё это, вы поймете, что оптимальное количество оттенков — 3!

Конечно, вы можете задействовать и меньше. Но не больше. Если оттенков будет 4 и более, то задача пользователя усложнится, а внешний вид сайта может стать отталкивающим.

7. Определитесь с набором цветов

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


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

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

К примеру, подписаться на обновления, заполнить форму, позвонить по указанному номеру и пр.

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

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

Области использования вспомогательного цвета:

  • второстепенная информация;
  • подзаголовки;
  • активная кнопка меню.

8. Правильно выберите фоновый цвет сайта

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

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

То же самое относится к выбору цвета фона для сайта.

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

Разумеется, нет. Ведь у этих помещений абсолютно разное предназначение.

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

Топ-5 статей, которые будут полезны каждому руководителю:

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

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

9. Изучите цветовое колесо 

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

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


Варианты сочетания аналогичных цветов — синий и зеленый, красный и оранжевый.

Примеры комбинации взаимодополняющих цветов — оранжевый и зеленый, фиолетовый и желтый.

10. Выберите правильный цвет шрифта для сайта

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

Но старайтесь избегать ярких, кричащих сочетаний вроде красного текста на синем фоне.

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

11. Пользуйтесь вспомогательными инструментами

К примеру, Colorspire.


Он позволит вам просто и быстро протестировать и оценить цветовые сочетания.

Благодаря ему вы найдете подходящую комбинацию и сэкономите время.

Colorspire не пришелся по душе? Тогда ознакомьтесь с представленной ниже подборкой других аналогичных инструментов.

12. Изучите сайты своих конкурентов

Противники могут многому вас научить. Рекомендуем посетить хотя бы 3 конкурирующих с вами ресурса и оценить их цветовую палитру.

Посмотрите, какой цвет сайта они используют.

Далее решите, чего именно вы хотите:

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

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

13. Сравните несколько разных цветовых схем

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

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

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

Важно иметь хотя бы общее представление о правиле «60-30-10», а также о работе цветового колеса. Дайте волю фантазии, поэкспериментируйте, и оптимальная комбинация непременно найдется.

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

Рекомендуем
«Разработка дизайна сайта: от выбора стиля до получения макета» Подробнее

Как выбрать цветовую схему сайта в зависимости от решаемых задач

  • Сайты с большим количеством контента или интернет-коммерция

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

Все дело в цели этих ресурсов — продвижение продуктов или идей.


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

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

  • Корпоративные сайты и сервисы

Корпоративные ресурсы всегда создаются с целью продвижения услуг и товаров.

Оформляйте фон в зависимости от цели своего сайта.

  1. Продвижение бренда
  2. Желаете создать запоминающийся образ бренда? Тогда попробуйте заполнить фон разными оттенками преобладающего цвета или своим фирменным цветом.

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

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


  3. Продвижение сервиса
  4. Нейтральный и белый фон помогают привлечь внимание клиентов к портфолио или сервису.

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


  • Стильные и креативные сайты с большим количеством графики

К сайтам, связанным с творчеством (красота, мода, кафе и рестораны, дизайн и пр.), не применяются какие-либо ограничения.

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


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

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

Терзают сомнения? Тогда сделайте фон светло-серым или белым. Может, он не будет слишком вдохновляющим, но зато читатели смогут четко видеть контент.

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

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

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

  • основной;
  • дополнительный;
  • фоновый.

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

Рекомендуем
«Юзабилити сайта: от разработки до апгрейда» Подробнее

6 наиболее эффективных схем выбора цвета для сайта

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

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

  1. Триада (тройная гармония, треугольник)

  2. Как видно из названия, эта система состоит из 3 оттенков. Она считается основной и наиболее сбалансированной. В ней отсутствует сложный контраст, хотя используются резонанс и дополнение. Поэтому триада — самая надёжная гамма.

    Выберите на цветовом круге любые 3 оттенка (1 для фона и 2 для навигационной панели и контента), находящиеся в 120 градусах друг от друга.

  3. Двойная комплиментарная система

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

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


  5. Аналоги (последовательная система)

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

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

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


  7. Раздельный выбор

  8. Комбинация преобладающего оттенка с двумя вспомогательными образует на спектральном круге равносторонний треугольник.

  9. Прямоугольник

  10. Здесь задействуют 4 цвета: 1 преобладающий, 2 вспомогательных и 1 акцентирующий.

  11. Квадрат

  12. Это самое энергичное, яркое и динамичное решение.

    Мы ознакомили вас лишь с основами цветовой теории, которая позволяет создавать впечатляющие веб-дизайны. А то, насколько далеко вы зайдете в своих творческих экспериментах, зависит от вас самих.

Рекомендуем
«Оформление сайта: от главной страницы к текстовому наполнению» Подробнее

8 сервисов, которые помогут подобрать цвет для сайта

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

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


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

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


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

Чтобы открыть галерею всевозможных комбинаций, в левом верхнем меню нажмите кнопку «Смотреть».


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

Следующие два ресурса создают палитру из картинки, которую вы выберете.

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

  • Color Palette Generator


Здесь нужно указать ссылку на изображение.


А этот ресурс позволяет загрузить картинку с компьютера.


Достаточно простой и удобный инструмент, который позволяет подобрать цвет для сайта онлайн по принципу «нравится — не нравится».


«Материал дизайн» — ещё одно модное направление. Сервис подбирает цветовые комбинации для UI (user interface). Также на сайте имеется широкий выбор иконок.


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


sales-generator.ru


Смотрите также

faq-ru.ru

  Карта сайта, XML.