Комплект конструктора Surface Duo (в Figma)

Комплект конструктора Surface Duo

Surface Duo Design Kit — это ресурс сообщества Figma, который помогает разработчикам и разработчикам приложений создавать возможности для пользователей с двумя экранами. Компоненты в этом комплекте являются стандартными элементами того, что делает Surface Duo похожим на продукты Майкрософт на Android.

  • Рамка устройства — контуры устройств ледника и обсидиана для демонстрации снимков экрана.
  • Безопасные области — безопасные области не позволяют содержимому заголовок приложения, панель навигации, вкладки и петли.
  • Взаимодействие с пером — проектирование взаимодействий для ввода с помощью пера.
  • Шаблоны и рекомендации . Шаблоны проектирования в комплекте демонстрируют возможности двухэкранных дисплеев для различных сценариев приложений и то, как все элементы объединяются для эффективного взаимодействия с продуктом.
  • Рекомендации по видео и мультимедиа . Советы по добавлению видео и изображений в складной пользовательский интерфейс.
  • Осанка . Устройства с двумя экранами могут быть различными вариантами оборудования и промышленного дизайна. Недавно выпущенные устройства Surface Duo вместе с другими запланированными устройствами являются характерными представителями этой категории, но другие устройства могут иметь более крупные дисплеи и другие конфигурации механизма складывания. При разработке приложений следует избегать нацеленности на конкретные характеристики конкретных устройств, доступных на рынке сегодня.
  • Макет, элементы управления и подключаемые модули . Учитывая двухэкранный форм-фактор, мы убедились, что вы можете проектировать так, как вам нравится, используя привычные элементы управления и макеты. Мы также подчеркиваем детали, которые следует учитывать при разработке двухэкранных приложений, таких как петли и макеты для проектирования в пути.
  • Компоненты . Каждый компонент построен таким образом, чтобы быть как можно более плоским, чтобы им было легко управлять и работать с ним. Некоторые компоненты имеют скрытые слои, которые можно включить или отключить, чтобы добавить варианты без отсоединения.
  • Набор компонентов — главные компоненты для навигации и других элементов проектирования в виде сгруппированных наборов, которые помогают лучше упорядочивать варианты, содержащие различные модели, режимы, количество экранов и ориентацию.

Пошаговое руководство по Figma