Ілюстрації — це чудовий спосіб додати більше особистості до вашого дизайну. Ви можете використовувати їх замість зображень, навіть візуалізувати дані за допомогою ілюстрацій. Їх також можна використовувати для передачі абстрактних ідей. Щоб побачити, як ілюстрації впроваджуються в дизайн, ви можете завітати на Dribbble, Behance або Ello.
unDraw
Створена Катериною Лімпітсуоні, unDraw — це безкоштовна бібліотека ілюстрацій з якісними зображеннями без необхідності вказувати авторство. unDraw має різноманітні ілюстрації, пристосовані до будь-якої нагоди, і також має плагін для XD.
Avatarz
Avatarz — це 3D-бібліотека різноманітних аватарів, створена Three Dee. Ви можете використовувати їх у різних UI-проєктах з будь-яким інструментом дизайну, таким як Figma, Sketch, Adobe XD та іншими. Ви можете придбати повну бібліотеку, але також є безкоштовний зразок.
Shape.so
Shape.so, створений Design+Code, — це колекція статичних та анімованих іконок та ілюстрацій. З більш ніж 25 600 активів ви можете використовувати Shape через його веб-платформу або плагін для Figma.
Blush
Blush, створений Пабло Стенлі, Джейсоном Доннеттом та Заком Таннером, — це колекція бібліотек ілюстрацій від різних художників з усього світу. Вона має веб-додаток та плагіни для Figma та Sketch.
Coco Material
Coco Material, створений Мариною Лопес, Наташею Менхібар, Естер Морено та Ямілою Морено, — це грайлива бібліотека ілюстрацій, намальованих від руки, з відкритим кодом.
DrawKit
Створений Джеймсом Далі, DrawKit надає векторні ілюстрації безкоштовно. Крім того, вони також мають безкоштовні набори іконок, які ви можете завантажити та використовувати у своїх проєктах. Ілюстрації оновлюються щотижня та повністю настроювані.
Absurd Illustrations
Absurd Illustrations — це колекція надзвичайно креативних та унікальних ілюстрацій. Ви можете отримати їх безкоштовно, хоча будете обмежені лише файлами PNG. З Absurd Illustrations ви маєте можливість стати учасником або придбати окремі розділи. Учасники отримують доступ до багатьох функцій, включаючи можливість завантажувати файли SVG.
Додавання ілюстрацій до вашого дизайну
Відкриймо наш файл Figma. Тут ви помітите, що у нас вже є картка. Мета цього вправи — додати ілюстрацію з Shape.so до нашого дизайну.
Тепер перейдіть до розділу ілюстрацій на shape.so. Ви помітите, що можете змінювати властивості ілюстрації, такі як товщина лінії та кольори. Ми виберемо світло-блакитну та синю кольорові палітри, оскільки ці кольори краще поєднуються з нашою карткою. Потім завантажте ілюстрацію у форматі SVG. 
Тепер перетягніть SVG-файл до нашого файлу Figma. Переконайтеся, що він горизонтально вирівняний по центру.
Нарешті, змінимо розмір зображення та вирівняємо його по центру.
Висновок
Ілюстрації є одним із найважливіших візуальних інструментів, які можна використовувати для передачі ідеї. Інструменти, такі як Shape.so або unDraw, дуже корисні для підвищення ефективності вашого робочого процесу.
Переклад designcode.io
Топ коментарі (0)