Что это
Touch Bar Preview - это бесплатная нативная утилита для macOS, которая позволяет дизайнерам и разработчикам выводить PNG-макеты в физическую Touch Bar MacBook Pro. Программа загружает изображение и отображает его на 30-пиксельной OLED-полоске над клавиатурой, давая возможность увидеть реальный размер, цвета и читаемость элементов задолго до того как они будут реализованы в приложении.
Программа создана командой touchbar (GitHub organization), написана на Swift нативно. Размер 6 Mb, лицензия MIT. Версия 1.1 - последний релиз июль 2019. На GitHub около 80 звёзд - инструмент специфический, но в своей нише полезный.
Для чего это нужно? Apple Touch Bar - физический OLED-экран в MacBook Pro 2016-2019 годов, заменяющий функциональные клавиши. Apple продвигала её как новую парадигму взаимодействия и поощряла разработчиков создавать кастомные Touch Bar контролы для своих приложений. Стандартные дизайн-инструменты Figma и Sketch показывают макет на ноутбучном экране в одном масштабе - но Touch Bar в реальности имеет другие пропорции, цветопередачу и физический размер. Touch Bar Preview позволяет увидеть реальный вид до интеграции.
Важная оговорка про статус Touch Bar: Apple прекратила производство Touch Bar в 2021 году. Все новые MacBook Pro (2021+) имеют физический ESC и функциональные клавиши. Однако миллионы пользователей со старыми MacBook Pro остаются с Touch Bar, поэтому поддержка её в приложениях имеет смысл. NSTouchBar API не удалён из macOS - Apple продолжает его поддерживать.
Кому подойдёт
В первую очередь - дизайнерам, проектирующим Touch Bar контролы для Mac-приложений. Если ваше приложение поддерживает Touch Bar (как Final Cut Pro, Logic Pro, Photoshop, Sketch), и вы делаете custom-контролы - Touch Bar Preview покажет как они выглядят в реальности.
Во вторую - iOS/macOS-разработчикам, реализующим NSTouchBar API. Перед написанием кода полезно проверить что дизайнерский макет реально читаемый на физической Touch Bar - часто на ноутбучном экране всё кажется хорошим, а на 30 px высоты - текст не читается, иконки сливаются.
В третью - QA-тестировщикам, проверяющим финальный вид Touch Bar контролов в приложении. Touch Bar Preview может использоваться для сравнения готового UI и оригинального макета.
В четвёртую - студентам, изучающим UI/UX-дизайн под необычные форм-факторы. Touch Bar - редкий пример физического экрана с экстремальной разницей соотношения сторон (примерно 36:1). Понимание таких ограничений полезно для дизайна watch-приложений, embedded UI и других нестандартных форм-факторов.
В пятую - дизайнерам, поддерживающим существующие Mac-приложения. Если ваш продукт имел Touch Bar поддержку 5 лет назад, а сейчас нужно обновить контролы - инструмент позволит проверить что новые макеты лучше старых.
Ключевые возможности
Загрузка PNG-макета
Touch Bar Preview принимает изображение через drag-and-drop или File menu. Стандартный размер Touch Bar - 1085×30 пикселей (можно загрузить и другой размер - программа подгонит). Поддерживаются PNG, JPG и другие основные форматы.
Отображение в физической Touch Bar
После загрузки изображения программа выводит его прямо в Touch Bar MacBook Pro. Используется AppKit API NSTouchBarItem для подмены содержимого Touch Bar на ваш макет.
Точная цветопередача
OLED-экран Touch Bar имеет другие характеристики чем основной экран MacBook - больший контраст, чёрный без подсветки, чуть другие цвета. Touch Bar Preview не симулирует это (программа просто отправляет изображение в физический экран), но ВЫ видите реальную цветопередачу на оригинальном железе.
Перемещение изображения
Если макет шире или уже Touch Bar (1085 px), можно сместить его горизонтально, чтобы увидеть разные части. Удобно для длинных горизонтальных layouts с несколькими секциями.
Реальный фон Touch Bar
MacOS подмешивает в Touch Bar системный градиент - ваш макет накладывается поверх. Touch Bar Preview показывает результат как он будет выглядеть в реальном приложении.
Native Swift, минимальный размер
Программа написана на Swift нативно, без сторонних рантаймов. 6 Mb на диске. Расход памяти - около 30 Mb (зависит от размера загруженного изображения).
Плюсы и минусы
Плюсы:
- Бесплатно, лицензия MIT, открытый код.
- Native Swift - быстрая работа.
- Решает узкую но важную задачу для своей аудитории.
- Готовый DMG доступен на GitHub Releases - не нужно собирать.
- Точная цветопередача на оригинальном железе.
- Простой UI, не требует обучения.
Минусы:
- Требует MacBook Pro с Touch Bar (2016-2019). На MacBook Air, MacBook Pro 2021+ или iMac не работает.
- Touch Bar Apple прекратил производить в 2021 - ниша сужается.
- Не обновляется с июля 2019 - может потребовать adjustments под современные macOS.
- Не интегрируется с Figma/Sketch для автоматической загрузки макета.
- Не поддерживает интерактивность - только статическая картинка, нельзя проверить нажатия.
Как установить и использовать
Скачайте Touch Bar Preview со страницы программы на mac-soft.ru. На GitHub Releases доступен готовый App.zip (6 Mb).
Распакуйте архив, перетащите Touch Bar Preview.app в Applications. При первом запуске macOS может предупредить что приложение не подписано (программа не обновлялась с 2019). Кликните правой кнопкой по иконке в Applications, выберите Open и согласитесь.
Запустите программу. Откроется окно с инструкцией - перетащите PNG-файл с дизайном Touch Bar в окно. Через секунду увидите ваш макет в физической Touch Bar.
Оптимальный размер исходника - 1085×30 пикселей (точное разрешение Touch Bar). Можно использовать @2x retina размер 2170×60 - программа автоматически масштабирует. Меньший размер растянется и может стать размытым.
Для макетов вашего приложения: создайте PNG в Figma/Sketch с нужными элементами интерфейса в полном размере, экспортируйте, перетащите в Touch Bar Preview. Сравните с реальным видом - подгоняйте размеры, цвета, шрифты пока всё не станет читаемым.
Для интерактивного тестирования Touch Bar контролов используйте Apple Touch Bar Simulator (включается в Xcode через меню Window → Touch Bar Simulator). Touch Bar Preview - только для статичных дизайнерских превью.
Альтернативы
Если Touch Bar Preview не подходит - есть варианты:
- Apple Touch Bar Simulator - встроена в Xcode (Window → Touch Bar Simulator). Виртуальная Touch Bar в окне на экране, без необходимости иметь физическую Touch Bar. Подходит для разработки приложений на любом Mac.
- MTMR - другая программа из нашего каталога, для кастомизации Touch Bar самим пользователем (не для дизайна).
- BetterTouchTool - платная утилита с продвинутыми возможностями кастомизации Touch Bar.
Для отладки готового приложения - Apple Touch Bar Simulator. Для просмотра дизайнерских макетов - Touch Bar Preview.
Итог
Touch Bar Preview - небольшая утилита для специфической задачи: показать дизайнерский макет на физической Touch Bar до интеграции в приложение. Подходит дизайнерам и разработчикам Mac-приложений с Touch Bar поддержкой.
Инструмент особенно полезен с учётом того что Apple прекратила производство Touch Bar - значит новые приложения вряд ли будут её активно поддерживать, и инструменты для работы с Touch Bar становятся реже. Touch Bar Preview - один из последних бесплатных native-инструментов в этой нише.
Если у вас MacBook Pro с Touch Bar и вы делаете дизайн под неё - устанавливайте без размышлений. Размер 6 Mb, бесплатно, лицензия MIT.
Скачать Touch Bar Preview для macOS можно на mac-soft.ru. Программа бесплатная, без подписок и регистраций.
Комментарии (0)