Madtest — интерактивные тесты
признан НКО, выполняющим функции иностранного агента

Где взять бесплатные фотографии и иллюстрации для своих тестов

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

Оглавление


«
Привет!
Сегодня поговорим о важной составляющей каждого теста — визуальном оформлении.

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

Ниже список, где мы можем использовать картинки:
Обложка теста (идеальный размер 1400х940 px)
Изображение на обложке влияет на то, будут ли пользователи проходить тест. Важно подготовить яркую и привлекающую иллюстрацию или фотографию, которая точно зацепит внимание пользователя и пояснит тему теста.
Изображение к вопросу (идеальный размер 1400х760 px)
Здесь вы можете использовать изображение как для привлечения внимания пользователя, так и для дополнительного пояснения к вопросу.
При желании можно не заполнять поле «Заголовок вопроса» и вынести текст вопроса прямо в прикрепленное изображение. Так вы сможете максимально персонализировать дизайн теста.
Варианты ответов (идеальный размер 500х500 px)
В нашем конструкторе есть два типа отображения вариантов ответов — текстом или изображением. Варианты ответов, оформленные картинками привлекают больше внимания пользователя и увеличивают вероятность прохождения вопроса.
Аналогично с изображением к вопросу, вы можете не выводить дополнительный текст к варианту ответа и показать вариант ответа только картинкой.
Изображение к результату теста (идеальный размер 1400х760 px)
Страница просмотра результата — самая важная страница в тесте. От того, насколько качественно вы подготовите для нее контент и оформление будет зависеть обратит ли пользователь внимание на призыв к действию (кнопки, формы сбора очтетности, подборки товаров) и поделится ли своим результатом в социальных сетях.
Подготовьте яркую и максимально релевантную результату иллюстрацию и наблюдайте затем, как пользователи начинают совершать больше целевых действий и делиться результатом с друзьями.
Далеко не каждый из нас является прирожденным дизайнером, да и подготовка графики для каждого вопроса может занять очень много времени (хотя если у вас есть возможность разработать индивидуальные иллюстрации для каждого шага теста — обязательно сделайте это. Вы точно получите положительный отклик от ваших пользователей).

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

Бесплатные фотографии

Одна из самых крупных и популярных библиотек изображений. Unsplash были одними из первых, кто запустил формат бесплатных фотостоков.
Здесь вы найдете огромное количество стильных фото на любой вкус. Но стоит учитывать тот факт, что Unsplash очень популярен и все фотографии из популярных тематик (люди, путешествия и прочие) уже были использованы десятки тысяч раз. Пользователям может прийтись не по душе оформление, которое они уже где-то видели.
Pixabay подойдет практически для всего. На нем можно найти как и очень качественные стильные фото, так и довольно простые, но довольно человечные сюжеты. Ведь всегда для теста может подойти только максимальное вылизанное изображение.
Однозначно входит в топ стоков, которыми мы сами пользуемся при поиске изображений.
Если вы находитесь в поисках действительно нестандартных фотографий — вам точно сюда.
Фотографий на Gratisography не так уж много, и вы вряд ли найдете здесь серьезные фотографии на тему строительства и города, но что-то смешное и необычное точно найдется.
Все мы привыкли к тому, что Flickr используют в основном для хранения фото и как страницу-портфолио для фотографов. Но если при поиске фото проставить фильтр Commercial used allowed
Фотосток от компании Shopify (крупнейшего в мире конструктора интернет-магазинов). Является чем-то средним между Pixabay и Unsplash. Можно использовать дополнительно, когда на других ресурсах вдохновения вдруг не найдете.
Ресурс еще не достаточно популярен в рунете, и потому фотографии отсюда еще не примелькались пользователям.

Дополнительно

Еще несколько бесплатных фотостоков, которыми вы можете воспользоваться:
https://www.pexels.com/ru-ru
https://www.lifeofpix.com
https://kaboompics.com

Бесплатные иллюстрации

К сожалению, данные иллюстрации нельзя просто скачать и загрузить, например, на обложку теста или в изображении к вопросу — получится не очень красиво.
Но немного потрудившись в визуальном редакторе (например, Canva для новичков, или Figma для более продвинутых), вы сможете подготовить симпатичные картинки для теста, которые будут в одной стилистике.
Идеальный размер обложки — 1400х940 px.
Размер картинки для вопроса и результата — 1400х760 px.

https://lab.streamlineicons.com — 80 бесплатных векторных иллюстраций в 8 разных стилях.
https://growwwkit.com/illustrations/neighbour-larry/ — 14 вектрных иллюстрации
https://growwwkit.com/illustrations/phonies/ — 8 векторных иллюстраций
https://opendoodles.com — 33 бесплатных иллюстрации с персонажами в черно белом стиле.
https://storytale.io/freebies/ — крутая подборка из 80 векторных изображений, отрисованных в разных стилях (кстати, мы используем их иллюстрации у себя на сайте).

Ниже вы можете посмотреть, как можно оформить тест с помощью бесплатных иллюстраций:

Бесплатные гиф-картинки

Самый популярный и крупный в мире ресурс про гиф-изображения. В 2020 году был приобретен Facebook. Если вы когда то вставляли гифки в Instagram, Whatsapp или Telegram — то знайте, это точно было сделано через Giphy.
На ресурсе очень большая библиотека как полноценных изображений, так и анимированных стикеров, которые можно накладывать на другие макеты.

Чтобы сохранить интересующий вас gif необходимо:
• перейти на страницу просмотра конктретного gif'a.
• кликнуть правой кнопкой мыши по изображению и выбрать пункт «Сохранить изображение как...

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

Конструкторы изображений

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

Для начала регистрируемся в системе (можно авторизоваться с помощью аккаунта в Google или Facebook). Попадаем на главную страницу, делаем клик по кнопке «Создать дизайн» и выбираем пункт «Настраиваемый размер».
В появившемся окне вводим необходимый размер файла.
Для обложки теста — 1400 х 940 px.
Для вопроса и результатов — 1400 х 760 px.
После этого жмем на кнопку «Создать дизайн».
Настраиваете иллюстрацию в нужной стилистике с помощью разделов:
— готовые шаблоны (большая подборка полностью готовым тем, где достаточно будет поменять только текст),
— поиск и добавление фото (в системе есть интеграция с популярными фотостоками, так что проблем с поиском изображения точно не будет),
— поиск и добавление дополнительных элементов (большая подборка мини-картинок, которыми можно дополнительно украсить изображение).

Более подробную инструкции по созданию графики в Canva можно найти на Youtube.
Скачиваем изображение к себе на компьютер. Для этого жмем кнопку «Скачать», выбираем нужный нам формат и нажимаем на большую фиолетовую кнопку «Скачать».
После этого вы сможете загрузить изображение в наш конструктор и посмотреть, как все отображается в веб и мобильной версии теста.
Аналогичный Canva сервис от компании Adobe. Так же довольно много бесплатного функционала и доверие к сервису за счет очень большого бренда.

Чтобы создать изображение нужно зарегистрироваться в системе (можно с помощью социальных сетей). Вы перейдете на главную страницу. Нажмите на синюю иконку «крестика» в левом углу экрана и выберите пункт «Custom size graphic».
В появивемся окне вводим необходимые размеры и жмем кнопку «Next».
Давайте сделаем изображение для обложки и введем размер 1330 х 930 px.
Используйте один из готовых шаблонов или создайте дизайн с нуля.
После того, как изображение будет готово нажмите кнопку «Download», выберите формат PNG и нажмите на кнопку «Start download».
После этого вы сможете загрузить изображение в наш конструктор тестов и посмотреть, насколько хорошо тест отображается в веб и мобильной версии.
На этом все. Надеемся, что вам будут полезны ресурсы из нашего обзора и у вас получится сделать действительно привлекательный тест для вашего сайта.
Если у вас получился интересный дизайн — присылайте ссылку на тест, мы добавим его в нашу подборку лучших кейсов. Пишите в чат консультанту или на почту hello@madtest.ru.
Начните привлекать новых пользователей интерактивными тестами
Еще интересное из блога

Еще интересное из блога

Создать тест — просто

Простой и гибкий редактор, быстрое размещение, настройка CTA и встроенная статистика с 10 показателями конверсии.
Get free lesson
Just type your contacts
Отправляете свои контактные данные вы соглашаетесь с нашей политикой конфиденциальности