Предпросмотр на устройстве
Иконка в реальном контексте. Читаемость, выравнивание, конфликт с фоном — до экспорта.
Макеты
Три режима:
- iPhone — сетка домашнего экрана с обоями.
- MacBook — Dock и Launchpad macOS.
- Web — favicon вкладки и Apple touch icon.
Переключение
- Правите на основном холсте.
- Клик по иконкам устройств над или рядом с превью.
- Макет обновляется сразу.
На что смотреть
iPhone
- Узнаёте в мелком размере?
- Контраст переднего плана и фона?
- Отступ как у соседних иконок?
MacBook
- Нормально в Dock?
- Читается в размере строки меню / Finder?
- Squircle или скругление «по macOS»?
Web
- Favicon ещё ясный при 16×16 px?
- Apple touch icon не теряется на домашнем экране?
- Прозрачный фон во вкладке не ломается?
Без разрушения
Макеты — только ориентир. В экспорте сырые иконки без рамок устройств.
Советы
- На iPhone — светлые и тёмные обои.
- Прозрачный фон: в Web ещё и не белая страница.
- Перед экспортом увеличьте холст и проверьте мелкий размер.
Обновлено