Десктопное приложение
Дизайн интерактивного объяснения продукта
Исследуйте разделённые слои концептуального телефона с помощью предустановок камеры, ползунка и панели из восьми сборочных групп.
LLM Arena, сентябрь 2026
Заметки к кейсу- Модель
- Astra
- Задача дизайна
- Интерактивный исследователь анатомии iPhone
- Результат
- Десктопное приложение
Для каких задач
- Интерактивные страницы продуктовОбъясняйте устройство сложного объекта с помощью управляемых видов.
- Исследование компонентовСвязывайте группы деталей с их положением в модели.
- Исследования аппаратных концептовПредставляйте иллюстративную геометрию с чётко обозначенными границами точности.
Ключевые особенности
- Три концептуальных устройстваСтраница коллекции предлагает отдельную точку входа для каждой модели.
- Два режима разнесенияПоэтапная разборка и разнесённый вид используют общий регулятор процентного значения.
- Восемь сборочных группИменованные группы связывают конструктивный корпус с более мелкими системами.
- Предустановленные и свободные видыНачните со знакомого ракурса, а затем вращайте модель, чтобы изучить её глубину.
Исследуйте объяснение продукта
1 / 3Объяснение продукта, открывающее слой за слоем
iPhone Inside представляет три гипотетических концепта устройств как точки входа в интерактивное исследование анатомии. В коллекции каждое визуализированное устройство сопровождается обозначением модели, обозначением размера дисплея и ссылкой Explore inside. Небольшое уведомление Independent concept studies поясняет, что это дизайнерские концепты, а не анонсированные спецификации продуктов.
Детальное рабочее пространство отвечает на другой вопрос, нежели коллекция: как детали соотносятся с целым? Ползунок разнесения, элементы управления камерой и необязательная панель сборок предлагают разные способы разобраться в этом вопросе. Интерфейс не требует, чтобы пользователь распознал каждую деталь до начала исследования.
Выберите подходящий элемент управления для каждой задачи осмотра
Хорошее объяснение продукта не возлагает все задачи на один элемент управления. В этом рабочем пространстве раздельно регулируются степень раскрытия модели, способ её просмотра и выбор сборки, которую посетитель хочет изучить. Эти элементы управления могут работать совместно, не превращаясь в перегруженную панель инструментов.
Управляйте разнесением, не теряя целостного представления
Ползунок движется от Assembled до Every component и показывает процентное значение. Зафиксированный разнесённый вид на 65% по-прежнему воспринимается как единый телефон, одновременно демонстрируя пространство между его основными слоями. Благодаря этому связь между внешними и внутренними частями считывается лучше, чем в полностью разрозненной груде деталей.
Предложите знакомый начальный ракурс
Панель камеры включает предустановки 3/4, B, F и S. Посетитель может начать с узнаваемого вида спереди, сзади или сбоку, а затем вращать объект. Короткие обозначения экономят место, но в адаптированной версии их названия должны быть доступны пользователям клавиатуры и программ экранного доступа наравне с пользователями указательных устройств.
Сделайте аннотации необязательными
Аннотации скрыты за отдельным переключателем, а не постоянно перекрывают модель. Это позволяет посетителю сначала сравнить геометрию, а при необходимости запросить подписи. Скрывать эти подписи по умолчанию допустимо только в том случае, если переключатель легко найти, а выбранная деталь имеет ещё один ясный индикатор.
Свяжите названия сборок с рабочим 3D-пространством
При открытии панели анатомии полная модель и нижняя полоса элементов управления остаются видимыми. У каждой из восьми пронумерованных сборок есть название и понятный подзаголовок: Display превращается в Glass, pixels and touch; Logic board превращается в Compute and connectivity. Подзаголовок переводит техническую категорию в описание роли, которую она играет в продукте.
В нижней части панели указано 198 доступных для выбора компонентов. Это обозначение масштаба в данном процедурном концепте, а не подтверждённая опись деталей реального телефона. Объединение этих элементов в восемь сборок упрощает первоначальный выбор, не создавая впечатления, что исходный объект состоит всего из восьми деталей.
| Сборка | Видимый подзаголовок | На какой вопрос это помогает ответить |
|---|---|---|
| Enclosure | The structural shell | Что удерживает общую форму как единое целое? |
| Display | Glass, pixels and touch | Какие слои образуют визуальную и сенсорную поверхность? |
| Logic Board | Compute and connectivity | Где в концепте размещены вычислительные системы? |
| Fasteners and Flex | Holding everything together | Как сгруппированы небольшие соединительные элементы? |
Иллюстративное исследование анатомии, а не руководство по ремонту
Источник описывает себя как Reference-led exterior. Illustrative internals. Названия устройств, размеры, геометрия и количество компонентов относятся к независимому концептуальному исследованию и не должны восприниматься как подтверждённые спецификации продукта или инструкции по ремонту. Эта локальная предварительная версия демонстрирует визуальные элементы управления, но не подтверждает точность размещения деталей внутри реального устройства.
Как создать дизайн интерактивного объяснения продукта в OpenDesign
Определите объект и его сборочные группы
Начните с вымышленного или документированного объекта и определите, что зритель должен узнать, открывая его. Этот новый промпт заимствует паттерн взаимодействия, а не неподтверждённую спецификацию устройства.
Рекомендуемый промптСоздай дизайн интерактивного объяснения продукта для вымышленного портативного устройства. Начни со страницы коллекции, на которой представлены три варианта и хорошо заметное уведомление о том, что это концептуальное исследование. Каждая карточка должна открывать светлое, незагромождённое рабочее пространство с целостным 3D-объектом в центре. Добавь ползунок от Assembled до Separated с видимым процентным значением и различай поэтапную разборку и вид со слоями в разнесённом состоянии. При промежуточной настройке устройство должно оставаться узнаваемым. Добавь предустановки камеры для вида спереди, сзади, сбоку и в ракурсе три четверти, а также свободное вращение. Сворачиваемая панель должна содержать восемь сборочных групп, для каждой из которых указаны название и понятное описание её назначения. Панель, модель и нижние элементы управления должны быть видны одновременно. Скрой аннотации за очевидным переключателем. Обозначь внутреннюю геометрию как иллюстративную и предоставь удобочитаемую статическую альтернативу на случай, если 3D-рендеринг недоступен.
Сравните собранное и промежуточное состояния
Попросите OpenDesign сохранять прежнюю ориентацию и идентичность компонентов при изменении степени разнесения. Проверьте промежуточный вид, прежде чем доводить эффект до максимума: зритель по-прежнему должен понимать, какие слои относятся друг к другу. Сброс должен возвращать модель в предсказуемое исходное состояние.
Проверьте объяснение без опоры на холст
Проверьте названия групп, подзаголовки и подписи элементов управления независимо от 3D-вида. Обеспечьте доступ к элементам управления с клавиатуры и сохраните уведомление о точности. На небольших экранах предусмотрите явный способ открыть панель, не оставляя слишком мало места для распознавания объекта.
Экспортируйте дизайн и получите ссылку для публикации
Экспортируйте готовый дизайн, затем воспользуйтесь функцией Share в OpenDesign, чтобы получить ссылку. Откройте ссылку в отдельном окне браузера и убедитесь, что нужная версия со всеми ресурсами доступна, прежде чем отправлять её.
Дизайн планировщика поездки
Спланируйте шесть остановок по времени в вымышленном городе Солара-Бей с иллюстрированной картой, оценками пеших переходов и полезными предупреждениями о маршруте.
Десктопное приложение
Дизайн приключенческой игры на острове
Исследуйте Harbor Skirmish: небольшой приморский остров с маршрутами по крышам, тремя слотами оружия и игривым интерфейсом от первого лица.
Десктопное приложение
Дизайн островной FPS-игры
Погрузитесь в Harbor Skirmish: выразительный островной титульный экран переходит в игру от первого лица со статусными панелями и пронумерованными элементами управления оружием.
Десктопное приложение
Дизайн персонального дашборда
Life System объединяет недельную оценку, показатели на схеме тела, суточные ритмы и пять экспериментов на одном дашборде.
Десктопное приложение