UXPUB 🇺🇦 Дизайн-спільнота

Cover image for Стокові зображення
Xperience
Xperience

Опубліковано

Стокові зображення

Знайдіть правильні зображення для вашого інтерфейсу

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

Ліцензування

Хоча багато сайтів дозволяють завантажувати і використовувати зображення, обов'язково ознайомтеся з їхньою політикою щодо цих зображень. Не вказувати авторство фотографа, коли це чітко зазначено, не тільки морально неправильно, але й може спричинити юридичні проблеми. CreativeCommons - найкраще місце, щоб дізнатися більше про ліцензування, і там навіть є бібліотека зображень, які ви можете використовувати під ліцензією CC. UI S05 01

Отримайте зображення з безкоштовних джерел

Існує багато ресурсів, які надають зображення безкоштовно, головне, щоб вони були легальними. Давайте розглянемо деякі з цих ресурсів!

Unsplash

Unsplash містить тисячі зображень високої роздільної здатності, розділених на різні категорії для полегшення навігації. Ще більш вражаючим є те, що Unsplash має плагіни для більшості основних інструментів дизайну, тому додавання зображень до ваших файлів дизайну стало ще простішим. UI S05 02

Pexels

Pexels - ще одна велика безкоштовна бібліотека фотографій та відео; ви будете здивовані фантастичними зображеннями, які там можна знайти. UI S05 03

Brust

Brust - ще один крутий фотобанк, де ви можете знайти безкоштовні фотографії для комерційного використання. UI S05 04

LibreStock

LibreStock - це бібліотека бібліотек. Він індексує різні стокові сайти та шукає зображення між різними сайтами. UI S05 05

StockSnap

StockSnap - це місце, де ви можете знайти зображення високої чіткості у різних категоріях: природа, бізнес, люди тощо. UI S05 06

Pixabay

Pixabay надає доступ до широкого спектру безкоштовних стокових зображень, ілюстрацій, відео та музики. UI S05 07

Gratisography

Порівняно з іншими сайтами, фотографії, знайдені на Gratisography, є вигадливими та більш унікальними. Нові фотографії додаються постійно, і ви можете завантажити стільки зображень, скільки забажаєте. UI S05 08

Refe

Як і Unsplash, Refe також має багато зображень високої роздільної здатності, розділених на категорії, які ви можете завантажити безпосередньо з їхнього сайту. Крім того, якщо ви натиснули кілька класних фотографій, ви можете продати їх тут. UI S05 09

Foodie's Feed

Якщо ви шукаєте зображення їжі у високій роздільній здатності, Foodie's Feed ідеально підходить для вас. Вони мають понад 1600 безкоштовних зображень, які ви можете вибрати та завантажити. UI S05 10

Picography

Picography надає вам доступ до численних зображень високої роздільної здатності, розділених на різні категорії, які ви можете безкоштовно використовувати у своєму додатку. UI S05 11

Як додати кілька аватарок за допомогою плагіна Unsplash

У файлі вправи ви помітите, що у нас є кілька круглих фігур без жодного зображення. І це дуже поширене явище, коли ви створюєте різні інтерфейси користувача. Для цього випадку існують деякі комбінації клавіш, якими ви можете скористатися, щоб зробити вашу роботу більш ефективною. UI S05 12

Перше, що ми зробимо, це встановимо плагін Unsplash. Для цього ми будемо використовувати Figma. Перейдемо до спільноти і в полі пошуку наберемо Unsplash та встановимо плагін. UI S05 13

Далі виберіть усі круглі фігури, які ви хочете заповнити зображеннями, за допомогою плагіна Unsplash. UI S05 14

Перейдіть на панель вкладок, виберіть Плагіни і натисніть на кнопку Видалити. З'явиться спливаюче вікно з різними варіантами. UI S05 15

У спливаючому вікні ви можете вибрати різні типи зображень відповідно до контексту вашого інтерфейсу. У нашому випадку ми хочемо додати кілька аватарів, тому виберемо портрет. UI S05 16

Запустивши плагін, ми побачимо, що наші круглі фігури будуть заповнені обличчями випадкових людей. Цей плагін дійсно рятує життя, і ви можете використовувати його в різних випадках. UI S05 17

Висновок

Зображення є чудовим візуальним доповненням до будь-якого додатку. Переконайтеся, що ви обираєте зображення, які добре вписуються в загальну естетику вашого додатку. Також переконайтеся, що ви не використовуєте занадто великі зображення.

Переклад designcode.io

Топ коментарі (0)