1. Контекст проекту
Назва: PlateFood — Швидка доставка
Категорія: Їжа та напої (доставка їжі з локальних ресторанів)
Позиціонування: «Local restaurants, delivered warm» — локальні ресторани,
доставлені теплими; акцент на простоту, відсутність візуального шуму («No clutter, no
noise»), чесність і турботу (100% чайових кур'єру, чесне ціноутворення).
Аудиторія: масовий споживач 18–45 років, який замовляє їжу додому; плюс кур'єри-
партнери (другий сегмент, але іконка орієнтована на замовників їжі).
Завдання: розробити фінальну іконку додатку у всіх форматах, необхідних для
публікації в Google Play та App Store, зберігши/уточнивши стилістику поточної іконки бренду.
Референс поточної іконки додано (див. файл). Розбір нижче — обов'язковий до
збереження в новій версії, якщо завдання «зберегти стиль», або явно фіксується
як база для легкого рестайлінгу.
2. Розбір референсної іконки (поточна версія)
Форма підкладки: сквиркл (rounded square / squircle), близька до стандартної маски
Android/iOS іконок, округлення кутів ~20–22% від сторони.
Фон: заливка теплим терракотовим/жженим оранжевим кольором, орієнтовно #C6522E —
#C85A34 (уточнити піпеткою по векторному файлу), з ледь помітним радіальним
затемненням до кутів (легкий віньєтуючий градієнт, не більше 8–10% різниці яскравості) —
створює м'який об'єм без явного 3D.
Центральний елемент: круг «тарілка» — заливка теплим молочно-кремовим кольором,
орієнтовно #F7EEDD / #FAF1E4, з тонким кільцем-ободком трохи більш насиченого
рожевато-персикового тону по внутрішньому краю (обводка ~4–5% товщини від діаметра
круга) — імітація ободка тарілки.
Іконографія всередині тарілки: силуети вилки і ножа, залиті тим же терракотовим
кольором, що й фон — прості плоскі геометричні форми, зубці вилки прямокутні
з закругленими кінчиками, ніж — краплевидне лезо + пряма ручка. Жодної обводки,
тільки заливка силуетом.
Стиль виконання: повністю плоский (flat design), без тіней, градієнтів на самих
іконках приладів, без відблисків; єдиний натяк на об'єм — м'яка віньєтка фону.
Композиція: ідеально центрована, симетрична, тарілка займає ~70% ширини
іконки, прилади — ~45% висоти тарілки, повітря навколо елементів достатнє для
читабельності на маленьких розмірах.
Настрій: тепле, апетитне, просте — відповідає слогану "delivered warm", "no
clutter, no noise".
3. Формати і розміри для здачі
Android (Google Play)
Файл Розмір Призначення
icon_512.png 512×512 px, 32-bit PNG (з альфа-
каналом)
Hi-res іконка для листингу в
Play Console
ic_launcher.png (mdpi) 48×48 px Іконка запуску
ic_launcher.png (hdpi) 72×72 px Іконка запуску
ic_launcher.png (xhdpi) 96×96 px Іконка запуску
ic_launcher.png (xxhdpi) 144×144 px Іконка запуску
ic_launcher.png (xxxhdpi) 192×192 px Іконка запуску
Adaptive icon — foreground 108×108 dp (432×432 px),
safe zone 72×72 dp по центру
Android 8.0+ адаптивна
іконка, шар переднього плану
Adaptive icon — background 108×108 dp (432×432 px) Шар фону (може бути
однотонним/градієнтним)
Adaptive icon — monochrome
(Android 13+ themed icon) 108×108 dp, single-color silhouette Для Material You тематичних
іконок
Play Store Feature Graphic 1024×500 px Банер сторінки в магазині
(якщо потрібно окремо)
4. Технічні вимоги
Джерело — векторний (Figma/Illustrator/Sketch), всі шари іменовані та редаговані.
Растрові експорти — PNG-24 з альфа-каналом (крім App Store 1024×1024, де альфа не
допускається).
Для Android adaptive icon — окремі шари foreground/background відповідно до safe zone
(обрізка системою по колу/квадрату/squircle — елемент не повинен обрізатися критично ні
в одній з масок).
Кольори — в єдиній кольоровій системі (HEX + за необхідності Pantone/CMYK для
поліграфії), що збігається з загальним брендбуком додатку (якщо є — додати).
Перевірка читабельності іконки на: білому фоні, темному фоні (dark mode), в зменшеному
вигляді 24×24 px.
Іконка повинна бути впізнаваною і не плутатися з іконками конкурентів (Uber Eats, Wolt,
Glovo, DoorDash тощо) — уникати типових "вилка+ніж в колі" рішень один в один.
6. Результат здачі
Усі файли з таблиць розділу 3, упаковані по папках android/ , ios/ , web/ .
Векторний джерело.
Короткий опис використаної палітри (HEX-коди) та стилістичного рішення.
