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

Познавательная статья из 20 советов по созданию презентаций для недизайнеров: от выбора цвета фона до смысла последнего слайда. Маркетолог агентства «Текстерра» Евгения Крюкова разобралась в этом нелегком деле, создании презентаций, и поделилась своими мыслями со всеми, кому постоянно требуется создавать презентации.

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

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

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

К чему я это?

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

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

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

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

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

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

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

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

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

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

Сервис Adobe Kuler

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


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

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

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

Плагин Colorzilla

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

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

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

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

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

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

Не превращайте вашу презентацию в радугу, даже если ваш доклад посвящен детской теме. Большое количество цветов мешает чтению и восприятию смысла слайдов. На одном слайде лучше всего использовать не более 2-3 цветов с учетом основного цвета фона. Во всей презентации - не более пяти.
Неправильно:
Зачем столько цветов?
Правильно:
3 цвета на слайде - норма

4. Соблюдайте контрастность текста и фона

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

5. Откажитесь от теней, градиентов и других старомодных эффектов

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

6. Откажитесь от некачественных стоковых изображений

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

Как отличить некачественное стоковое изображение от качественного?

Некачественные стоковые изображения обладают определенными признаками. Они:

  • используются на каждом втором сайте;


Спорим, вы уже где-то видели мужика, рисующего маркером на стекле?


Или людей, крепко пожимающих друг другу руки?

  • содержат некачественную графику (как правило, на белом фоне);


Ох уж, эти белые человечки…

  • изображают искусственные ситуации и искусственно улыбающихся людей.

Никогда не думала, что работать в офисе так весело

Ну, и на десерт - несколько великолепных картинок, высмеивающих всю нелепость постановочных стоковых фото, чтобы вы окончательно поняли, как их распознать:

Он все шутит и шутит…

Действительно, зачем?

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

7. Используйте современные шрифты

Calibri, Comic Sans, Times New Roman - эти шрифты использовать можно, но я бы вам этого делать не рекомендовала, т.к. они довольно скучные и не производят на аудиторию нужного эффекта. Лучше сделайте выбор в пользу более современных шрифтов. Например, Helvetica, Open Sans или Roboto. Эти шрифты достаточно простые, но подходят практически для любого проекта.
Неправильно:
Не лучший выбор для вашей презентации
Правильно:
Helvetica, Roboto, Open Sans - бери, не прогадаешь

Где найти хорошие шрифты?

Моим излюбленным местом для поиска и скачивания нужных мне шрифтов является группа «Вконтакте» «Бесплатные шрифты ». Там есть поиск и довольно удобное меню. Рядом с каждым шрифтом идет информация о том, можно ли его использовать в коммерческих целях или нет. Например, шрифт на скриншоте ниже полностью бесплатный, о чем говорит надпись в скобочках - free font.

Один из постов в группе «Бесплатные шрифты»

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

8. Шрифт должен быть читабельным

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

9. Используйте не более 3 шрифтов на одном слайде

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

Хочу вас разочаровать, но в 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 Black (только для заголовков)

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Подборка презентаций на любой вкус и для разных целей. Количество слайдов в шаблоне 20+. Доступны форматы.pptx и Google Slides. Пользуйтесь!

25 слайдов

Полностью редактируемый шаблон для презентации Power Point: легко менять цвета, шрифты, картинки, а 80+ классных иконок сочетаются с любым цветовым акцентом!

25 слайдов

25 слайдов

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

25 слайдов

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

25 слайдов

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

25 слайдов

Шаблон для презентации Power Point, который поможет сделать из вашей презентации слаженную историю и подкрепить её красивыми картинками.

28 слайдов

Вместительный бесплатный шаблон для презентаций — о чем еще можно мечтать?! Диаграммы, графики, таблицы – все поместиться.

24 слайда

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

25 слайдов

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

25 слайдов

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

25 слайдов

Хороший выбор для создания деловых и корпоративных презентаций. Если переживаете за яркий оранжевый — его можно сменить, например, на синий:)

25 слайдов

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

25 слайдов

25 слайдов

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

25 слайдов

25 слайдов

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

17 слайдов

Говорить и показывать – шаблон для классного питча. Минимум текста, крупные шрифты и объекты. Поможет акцентировать на главном и не даст переборщить с текстом.

25 слайдов

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

25 слайдов

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

25 слайдов

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

25 слайдов

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

25 слайдов

Смело выделены заголовки – смотрится классно! Макет меняется от фоновых фотографий, поэтому дизайн в ваших руках. Больше, конечно, для творческих представлений.

25 слайдов

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


25 слайдов

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

Евгения Крюкова

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

Как красиво оформить презентацию

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

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

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

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

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

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

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


Правильно:


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

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

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


Правильно:


Если то, что я сказала выше, не совсем вам понятно, и вы все еще не знаете, какие цвета выбрать, воспользуйтесь ресурсом flatuicolorpicker.com . Это сайт с очень модными и сочными сочетаниями. Чтобы скопировать код понравившегося цвета, выберите нужный формат (RGBA, RGB, HEX или CMYK) и кликните по нему левой кнопкой мыши.

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


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


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

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


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


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


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

Используйте во всей презентации не более 5 цветов

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

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


Правильно:


Соблюдайте контрастность текста и фона

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

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


Правильно:


Откажитесь от теней, градиентов и других старомодных эффектов

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

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


Правильно:


Откажитесь от некачественных стоковых изображений

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


Правильно:


Как отличить некачественное стоковое изображение от качественного?

Некачественные стоковые изображения обладают определенными признаками. Они:

  • используются на каждом втором сайте;



  • содержат некачественную графику (как правило, на белом фоне);


  • изображают искусственные ситуации и искусственно улыбающихся людей.


Ну, и на десерт – несколько великолепных картинок, высмеивающих всю нелепость постановочных стоковых фото, чтобы вы окончательно поняли, как их распознать:




Используйте современные шрифты

Calibri, Comic Sans, Times New Roman – эти шрифты использовать можно, но я бы вам этого делать не рекомендовала, т.к. они довольно скучные и не производят на аудиторию нужного эффекта. Лучше сделайте выбор в пользу более современных шрифтов. Например, Helvetica, Open Sans или Roboto. Эти шрифты достаточно простые, но подходят практически для любого проекта.

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


Правильно:


Где найти хорошие шрифты?

Моим излюбленным местом для поиска и скачивания нужных мне шрифтов является группа «Вконтакте» «Бесплатные шрифты ». Там есть поиск и довольно удобное меню. Рядом с каждым шрифтом идет информация о том, можно ли его использовать в коммерческих целях или нет. Например, шрифт на скриншоте ниже полностью бесплатный, о чем говорит надпись в скобочках – free font.


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

Шрифт должен быть читабельным

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

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


Правильно:


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

Используйте не более 3 шрифтов на одном слайде

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

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


Правильно: