Визуальный редактор
Точно сажаете исходник в итоговый холст. Каждое изменение сразу на экране — до экспорта.
Раскладка
Две зоны:
- Левая панель — иконка, фон, форма.
- Правый холст — живое превью в выбранном размере.
Контролы иконки
| Контрол | Диапазон | Зачем |
|---|---|---|
| Размер | 0% – 100% | Масштаб переднего плана. |
| Поворот | 0° – 360° | Более живая композиция. |
| Смещение по X | -100% – +100% | Влево / вправо. |
| Смещение по Y | -100% – +100% | Вверх / вниз. |
Совет: если сборка умеет, смещение можно тащить по холсту. Иначе — числа.
Форма
| Контрол | Эффект |
|---|---|
| Скругление | Круглит углы переднего плана. |
| Squircle | Вместо скругления — суперэллипс iOS. |
| Отступ | Пустота между картинкой и краем холста. |
Для настоящей iOS-иконки включите Squircle и не перебарщивайте с отступом. Для Android adaptive — больше поля, чтобы маска не срезала важное.
Фон
- Сплошной — один плоский цвет.
- Градиент — два цвета и угол, линейный.
- Прозрачный — альфа (PNG).
Размер холста
Выберите до правок:
- 512 px — быстрое превью, веб.
- 1024 px — золотая середина для большинства платформ.
- 2048 px — максимум деталей, маркетинг App Store.
Заметка: размер холста влияет на разрешение превью. В пакете экспорта всегда точные размеры платформ.
Гайдлайны
Проверка выравнивания:
- Сетка Apple
- Сетка Android
- Сетка Windows Fluent
- Спираль золотого сечения
- Пиксельная сетка
Только ориентир — в экспорт не попадают.
Обновлено