Дизайн встроенной библиотеки для поиска картинок и иконок
Во встроенной библиотеке можно искать изображения из разных ресурсов. Unsplash, Tilda Images, Google, Lineea.io, Tilda Icons, Instagram. Важно было сделать простую и понятную навигацию по сервисам и удобный поиск изображений.
ЗАДАЧА
Левая панель — список сервисов для поиска картинок и иконок. Все остальное место занимает форма и поле выдачи изображений.
При поиске изображений на международных ресурсах для пользователя есть предупреждение об использовании английский терминов
В случае успеха поиска в выдаче появляются изображения, в обратном случае есть сообщение о том, что поиск не дал результата.
При скролле поле для поиска фиксируется наверху. Это удобно, если по ходу исследования понадобится сменить запрос.
При наведении на изображение можно сразу кликнуть и использовать картинку в блоке. Или открыть изображение на весь экран.
На нем есть информация об авторе изображения, условиях использования картинки и галерея с похожими изображениями ниже. Закрываем поп-ап и переходим к встроенному сервису Tilda Icons.
Поиск по галерее Tilda Icons работает по такому же сценарию. Для удобства рядом с полем поиска в виде тегов выводятся серии, на которые поделены иконки.