Облачные конструкторы для создания прототипов и мокапов будущих сайтов, интернет-магазинов, прикладных программ или приложений. Используют встроенные шаблоны и пользовательские настройки для создания дизайна продукта. Позволяют протестировать несколько версий интерфейса для выбора подходящей. Организовывают совместную работу по созданию прототипов и обсуждению идей. Сохраняют готовые интерфейсы в удобных форматах и интегрируют наработки в популярные среды разработки.
Подбор по параметрам
Structura.app Профессиональный аккаунт Есть бесплатный тариф Актуальная информация
Использую Отметьте, если используете. Это улучшит ваши персональные рекомендации.
Онлайн сервис для создания прототипов сайтов.
Выбрать для сравнения
Marsy Есть бесплатный тариф
Использую Отметьте, если используете. Это улучшит ваши персональные рекомендации.
Инструмент для удобной и быстрой работы верстальщика с файлами дизайна: psd, и в будущем, sketch
Выбрать для сравнения
ESK.ONE
Использую Отметьте, если используете. Это улучшит ваши персональные рекомендации.
Красивый графический интерфейс на Python | Все фишки Flet
Сервис для создания прототипов сайта и блок-схем.
Выбрать для сравнения
Storyland Есть бесплатный тариф
Использую Отметьте, если используете. Это улучшит ваши персональные рекомендации.
Конструктор мобильных лендингов в формате Stories
Выбрать для сравнения
InVision Есть бесплатный тариф
Использую Отметьте, если используете. Это улучшит ваши персональные рекомендации.
Инструмент для создания прототипов дизайна интерфейсов приложений.
Выбрать для сравнения
Moqups Есть бесплатный тариф
Использую Отметьте, если используете. Это улучшит ваши персональные рекомендации.
Платформа для создания дизайна прототипов приложений.
Выбрать для сравнения
Zeplin Есть бесплатный тариф
Использую Отметьте, если используете. Это улучшит ваши персональные рекомендации.
Инструмент для совместной работы дизайнеров и разработчиков.
Выбрать для сравнения
NinjaMock Есть бесплатный тариф
Использую Отметьте, если используете. Это улучшит ваши персональные рекомендации.
Платформа для создания прототипов интерфейса.
Выбрать для сравнения
Balsamiq Wireframes
Использую Отметьте, если используете. Это улучшит ваши персональные рекомендации.
Сервис для создания скетчированных макетов сайтов, мобильных приложений и других интерфейсов.
Выбрать для сравнения
Avocode
Использую Отметьте, если используете. Это улучшит ваши персональные рекомендации.
Инструмент совместной работы для дизайнеров и разработчиков.
Выбрать для сравнения
Sympli Есть бесплатный тариф
Использую Отметьте, если используете. Это улучшит ваши персональные рекомендации.
Инструмент для совместной работы дизайнеров и разработчиков.
Выбрать для сравнения
MockFlow Есть бесплатный тариф
Использую Отметьте, если используете. Это улучшит ваши персональные рекомендации.
Как в Python писать программы с интерфейсом?
Создание интерактивных прототипов сайтов и мобильных приложений.
Выбрать для сравнения
Framer Есть бесплатный тариф
Использую Отметьте, если используете. Это улучшит ваши персональные рекомендации.
Инструмент для создания прототипов интерфейса для мобильных и десктопных приложений.
Выбрать для сравнения
Mockingbird
Использую Отметьте, если используете. Это улучшит ваши персональные рекомендации.
Сервис для проектирования интерфейса сайтов.
Выбрать для сравнения
Marvel Есть бесплатный тариф
Использую Отметьте, если используете. Это улучшит ваши персональные рекомендации.
Сервис для создания эскизов, макетов и прототипов дизайна для веб-приложений, iPhone, iOS, Android и Apple Watch.
Выбрать для сравнения
Placeit Есть бесплатный тариф
Использую Отметьте, если используете. Это улучшит ваши персональные рекомендации.
Генератор мокапов, который позволяет мгновенно создавать красивые визуальные и маркетинговые материалы
Выбрать для сравнения
Mockup Builder
Использую Отметьте, если используете. Это улучшит ваши персональные рекомендации.
Веб-инструмент для прототипирования и создания макетов.
Выбрать для сравнения
MockingBot Есть бесплатный тариф
Использую Отметьте, если используете. Это улучшит ваши персональные рекомендации.
Сервис для мобильного прототипирования без головной боли.
Выбрать для сравнения
Octopus.do Есть бесплатный тариф
Использую Отметьте, если используете. Это улучшит ваши персональные рекомендации.
Инструмент для создания и редактирования карты сайта или приложения.
Выбрать для сравнения
HotGloo
Использую Отметьте, если используете. Это улучшит ваши персональные рекомендации.
Инструмент для создания прототипов и настройки интерфейса приложений.
Источник: startpack.ru
Наборы средств для проектирования и примеры приложений для Windows
Скачиваемые файлы, связанные с проектированием и пользовательским интерфейсом, для приложений для Windows и Fluent Design. Дополнительные средства, такие как Visual Studio, можно найти на главной странице скачиваемых файлов.
Наборы средств и библиотеки
WinUI 3 в WinAppSDK 1.1, октябрь 2022 г.
Загрузить
Библиотека пользовательского интерфейса Windows
Элементы управления и другие элементы пользовательского интерфейса для приложений для Windows.
Инструкции по установке
Набор средств сообщества Windows
Функции вспомогательных приложений, настраиваемые элементы управления и службы приложений.
Инструкции по установке
Template Studio
Быстрое создание шаблонов приложений с помощью пользовательского интерфейса на основе мастера.
Инструкции по установке
Коллекция WinUI
Скачайте приложения из коллекции WinUI с сайта Microsoft Store, чтобы увидеть элементы управления XAML и систему Fluent Design в действии. Приложения из коллекции WinUI 3 и коллекции WinUI 2 включают интерактивные примеры большинства элементов управления, возможностей и функций WinUI 3 и WinUI 2. Эти приложения являются интерактивными помощниками для этого веб-сайта. После их установки вы можете использовать ссылки на отдельные страницы элемента управления для запуска приложения, чтобы увидеть этот элемент управления в действии.
- Скачайте коллекцию WinUI 3 и коллекцию WinUI 2 из Microsoft Store.
- Исходный код можно также получить из GitHub (используйте главную ветвь для WinUI 3 и ветвь winui2 для WinUI 2).
Fonts
- Segoe UI Variable
- Segoe Fluent Icons
- Segoe UI
- Segoe MDL2
- Шрифт значков Hololens (только для Windows)
Инструменты
Генератор плиток и значков для Adobe Photoshop. Этот набор действий для Adobe Photoshop позволяет сгенерировать 68 рекомендуемых ресурсов плиток и значков всего из семи файлов.
Скачать генератор плиток и значков
примеры
Редактор тем Fluent XAML
Редактор тем Fluent XAML — это инструмент, который позволяет продемонстрировать гибкость системы Fluent Design. Он поддерживает процесс разработки приложений путем создания разметки XAML для платформы ResourceDictionary, используемой в приложениях для Windows. Скачать пример инструмента
Ознакомиться с инструментом на сайте GitHub
VanArsdel
Полный пример приложения для Windows Van Arsdel, Ltd. был разработан, чтобы продемонстрировать следующее поколение системы Microsoft Fluent Design. В нем широко используется повышенная плотность и новые элементы управления из библиотеки пользовательского интерфейса Windows, а также мощные базовые функции платформы и компоновки пользовательского интерфейса. В примере показано, как создать многофункциональный и эффективный пользовательский интерфейс для приобретения устройств Интернета вещей и управления ими (в данном случае это лампы).
Скачать пример VanArsdel
Ознакомиться с примером VanArsdel на сайте GitHub
BuildCast
BuildCast — это полный пример, созданный для демонстрации возможностей системы Fluent Design и Windows. Он позволяет искать, скачивать и воспроизводить отборные видеоподкасты, включая каналы некоторых технических экспертов по Windows. Он также поддерживает рукописные заметки, закладки и удаленное воспроизведение. Пример был первоначально показан на конференции Build 2017 г. во время обсуждения Создание потрясающих приложений с помощью системы проектирования Fluent.
Скачать пример BuildCast
Ознакомиться с примером BuildCast на сайте GitHub
Lunch Scheduler
Пример приложения для Windows для планирования обедов с друзьями и коллегами. Вы создаете обед, приглашаете друзей в интересующий вас ресторан, а приложение управляет всеми остальными аспектами для всех участников. Это приложение для Windows содержит элементы системы Fluent Design, такие как акрил, эффект отображения и подключенные анимации.
Скачать пример Lunch Scheduler
Ознакомиться с примером Lunch Scheduler на сайте GitHub
Вам нужно больше примеров кода?
Полный список всех наших примеров приложений для Windows вы можете найти на странице примеров Windows. Перейти на портал примеров
Источник: learn.microsoft.com