24FreelanceБіржа фрилансу, яка не спить
Активна

Анімовані іконки та мікроанімації інтерфейсу

148 переглядів#4441
Період актуальності10 днівдо 19.12.2026
Розміщено20.09.2026
Переглядів14890 за 14 днів

Опис послуги

Переклад
Набір іконок працює тоді, коли видно, що його малювала одна рука. Тому починаю не з картинок, а з самого інтерфейсу: дивлюся сітку, товщину шрифту, наскільки гострі чи м'які у вас кути, які розміри іконок насправді трапляються на екранах. З цього виходить короткий звід правил — товщина лінії, радіус заокруглення, оптичні розміри, ритм штрихів, — і далі він тримається по всьому набору. Двадцята іконка, домальована через три місяці, стає поруч із першою й не виглядає гостею.

Рух додаю короткий і осмислений. Обертання каже «екран працює», галочка — «натискання пройшло», відхилення поля — «так не можна». Кожен рух відповідає на питання, яке користувач щойно поставив, а не розважає його під час очікування. Окремо опрацьовую три стани, що у реальній роботі важать найбільше: завантаження, успіх і помилка. Поверх них — перемикачі, чекбокси та кнопки з переходами натискання, активності й недоступності. Набір одразу малюється у двох темах: штрих, який чудово читається на білому, на темній панелі часто зникає.

Передача розробникові — частина роботи, а не додаток до неї. Віддаю вихідники та експорт у форматах, що пасують платформі: легка векторна анімація для вебу, спрайт або анімація кодом для мобільних, якщо так дешевше за вагою та батареєю. Разом із файлами йдуть числа: тривалість кожного руху, крива прискорення, затримка, порядок, у якому оживають частини іконки. До передачі проганяю набір на слабкому пристрої — те, що плавно на робочій машині, на трирічному телефоні смикається, а смикана іконка читається як поломка.

Що входить у роботу:

— розбір поточного інтерфейсу та звід правил: товщина ліній, радіуси, сітка, оптичні розміри;
— набір іконок у єдиному стилі, світла й темна тема;
— стани завантаження, успіху та помилки — трьома різними, упізнаваними рухами;
— перемикачі, чекбокси та кнопки з переходами натискання, активного й недоступного вигляду;
— вихідники та експорт у легких форматах для вебу й для мобільних;
— специфікація розробникові: тривалість, крива, затримка та порядок руху для кожної анімації;
— прогін на слабкому пристрої з названими та виправленими просіданнями кадрів;
— анімація не замінює текстову підказку: стан підписується словом, інакше сенс руху вгадують;
— довгі ефекти в робочому інтерфейсі заважають, тому тривалість тримається в десятих частках секунди;
— миготливих і різко контрастних спалахів не роблю.
Контакти фрилансера
E-mailПоказати
24
Твенті · порада

Перш ніж замовити

  • Перегляньте портфоліо виконавця.
  • Опишіть завдання та запитайте ціну й термін.
  • Перевірте відгуки інших замовників.
  • Або опублікуйте проєкт і порівняйте кілька пропозицій.
Той самий розділ

Схожі послуги

Усі послуги розділу
Корисно знати
Як замовити цю послугу?

Напишіть виконавцю через форму на цій сторінці: опишіть завдання, термін і потрібний результат.

Як перевірити виконавця?

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

Yulia P.Мультиплікація
Написати
ЗАМОВНИКАМ · БЕЗПЕЧНА УГОДА

Потрібен схожий проєкт? Розмістіть завдання безкоштовно за 30 секунд

Отримайте пропозиції від перевірених фрілансерів та сплачуйте результат лише після прийняття через Безпечну угоду.

Розмістити завдання безкоштовно →Як працює захист
ВИКОНАВЦЯМ · PAYORA 1-CLICK

Закріпіть анкету в ТОП категорії за $5 / тиждень

Підніміть свій профіль та портфоліо на 1-ше місце каталогу (оплата в 1 клік через Payora) та отримуйте до 5× більше прямих замовлень.

Закріпити в ТОП ($5/тижд)Поповнити через Payora