Skip to Content
Документация⚡ Основные возможности📱 Предпросмотр на устройстве

Предпросмотр на устройстве

Иконка в реальном контексте. Читаемость, выравнивание, конфликт с фоном — до экспорта.

Макеты

Три режима:

  • iPhone — сетка домашнего экрана с обоями.
  • MacBook — Dock и Launchpad macOS.
  • Web — favicon вкладки и Apple touch icon.

Переключение

  1. Правите на основном холсте.
  2. Клик по иконкам устройств над или рядом с превью.
  3. Макет обновляется сразу.

На что смотреть

iPhone

  • Узнаёте в мелком размере?
  • Контраст переднего плана и фона?
  • Отступ как у соседних иконок?

MacBook

  • Нормально в Dock?
  • Читается в размере строки меню / Finder?
  • Squircle или скругление «по macOS»?

Web

  • Favicon ещё ясный при 16×16 px?
  • Apple touch icon не теряется на домашнем экране?
  • Прозрачный фон во вкладке не ломается?

Без разрушения

Макеты — только ориентир. В экспорте сырые иконки без рамок устройств.

Советы

  • На iPhone — светлые и тёмные обои.
  • Прозрачный фон: в Web ещё и не белая страница.
  • Перед экспортом увеличьте холст и проверьте мелкий размер.
Обновлено