Games

Все здесь: Окончательное руководство по созданию интерфейсов UI в Unity

SHANTI ZACHARIAH / UNITY TECHNOLOGIESSenior content marketing manager
Dec 15, 2022|9 Мин
Все здесь: Окончательное руководство по созданию интерфейсов UI в Unity
Эта веб-страница была переведена с помощью машинного перевода для вашего удобства. Мы не можем гарантировать точность или надежность переведенного контента. Если у вас есть вопросы о точности переведенного контента, обращайтесь к официальной английской версии веб-страницы.
Тысячи людей предварительно зарегистрировались, и вот, наконец, он здесь: Наша самая большая электронная книга, Проектирование и реализация пользовательского интерфейса в Unityуже доступна для скачивания. Приготовьтесь погрузиться в более чем 130-страничное углубленное обучение дизайну пользовательского интерфейса.

Пользовательский интерфейс вашей игры - это, пожалуй, самый прямой способ общения с игроками и их руководства - как сложенная карта, которую вы вручаете им, раскрывая подсказки, ключевые детали и направления по мере прохождения игры. Независимо от того, используете ли вы более традиционные элементы, такие как полоски здоровья и всплывающие сообщения, или элементы, полностью встроенные в игровой мир, например, отображение статистики на спине костюма выживания игрока, пользовательский интерфейс является неотъемлемой частью погружения игроков в сюжет, реальность и художественный стиль вашей игры.

Мы рады сообщить, что наша последняя техническая электронная книга, Проектирование и реализация пользовательского интерфейса в Unityдоступна для бесплатной загрузки. Тысячи людей уже подписались на него, и столько же скачали его спутник, демо-проект, UI Toolkit sample - Dragon CrashersНа сегодняшний день. Теперь ваша очередь.

Взгляд на проектирование и реализацию пользовательского интерфейса в Unity
Взгляд на электронную книгу "Проектирование и реализация пользовательского интерфейса" в Unity
Основы пользовательского интерфейса: От создания произведений искусства до новейших инструментов

Интерес к этой электронной книге вполне объясним. Как говорится во введении, "пользовательский интерфейс - важнейшая часть любой игры... надежный графический интерфейс пользователя (GUI) - это продолжение визуального образа игры... [и] современная аудитория жаждет изысканных, интуитивно понятных GUI, которые легко интегрируются с вашим приложением".

В начале руководства рассматриваются основы дизайна пользовательского интерфейса и создания иллюстраций, а затем переходят к подробным инструкциям по разработке пользовательского интерфейса в Unity. Написанная и проверенная техническими и пользовательскими художниками - как внешними, так и профессионалами Unity - электронная книга рассказывает как о стандартном решении Unity UI, так и о новом наборе инструментов UI Toolkit.

Однако акцент сделан на последнем наборе инструментов, поскольку UI Toolkit теперь предоставляет множество преимуществ для проектов со сложными полноэкранными интерфейсами. Подумайте о проектах, в которых требуется масштабируемая и производительная система для пользовательского интерфейса во время выполнения. Чтобы помочь вам выбрать правильное решение для вашего проекта, обратитесь к этому разделу руководства Unity.

Wireframing, roundtripping, grey-boxing и многое другое
 Примеры из примерного проекта UI Toolkit, использующего арт из демо-версии Dragon Crashers, построенного с помощью wireframes в Adobe XD для тестирования навигационных потоков и обмена отзывами
Примеры из примерного проекта UI Toolkit, использующего арт из демо-версии Dragon Crashers, построенного с помощью wireframes в Adobe XD для тестирования навигационных потоков и обмена отзывами

Эта электронная книга - кладезь информации для профессиональных дизайнеров пользовательского интерфейса, художников и других создателей Unity, которые хотят углубить свои знания в области разработки пользовательского интерфейса. Вот снимок того, что находится внутри.

Первый раздел призван вдохновить вас основополагающими советами по созданию эффективного пользовательского интерфейса. В ней рассматриваются примеры диегетических пользовательских интерфейсов, когда элементы пользовательского интерфейса можно найти прямо в сюжете, заставляя части игрового мира функционировать в качестве пользовательского интерфейса. Она объясняет, как элементы могут способствовать или нарушать погружение, которое испытывает игрок. Мы даже превратили этот раздел в статью в блоге, которую вы можете прочитать здесь.

Затем в руководстве рассматриваются роли и обязанности дизайнера пользовательского интерфейса, а также инструменты и методы, которые он использует, такие как создание схемы пользовательского интерфейса, создание макетов, шрифтов и серых коробок. Также есть глава, посвященная подготовке активов и экспорту графики из инструментов создания цифрового контента (DCC). Эти предыдущие разделы руководства полезны независимо от того, какой игровой движок и UI-решение вы используете.

Дополнительные советы по использованию Unity UI

Отдельная глава посвящена Unity UI. Unity UI - это наша давняя система для создания внутриигровых пользовательских интерфейсов, и в настоящее время это лучшее решение для размещения пользовательского интерфейса в 3D-мире или использования систем Unity на основе GameObjects.

В активе Unity UI Samples используются элементы на основе GameObjects.
В активе Unity UI Samples используются элементы на основе GameObjects.

В этом разделе описаны основы Unity UI для создания прототипов и интеграции активов в редакторе: холст, готовые элементы пользовательского интерфейса, TextMesh Pro и префабы, а также многое другое. Недавно мы обновили статью о продвинутых методах оптимизации Unity UI, в которой вы можете найти советы на смежные темы.

Развивайте свои навыки с помощью развивающегося набора инструментов UI Toolkit

UI Toolkit создан для максимальной производительности и многократного использования с рабочими процессами и авторскими инструментами, основанными на стандартных веб-технологиях. Дизайнеры и художники пользовательского интерфейса, вероятно, найдут его знакомым, особенно если у них уже был опыт разработки веб-страниц.

Три основных раздела руководства посвящены инструкциям по разработке пользовательского интерфейса во время выполнения программы с помощью UI Toolkit. Здесь подробно рассказывается о том, из каких частей состоит пользовательский интерфейс, созданный с помощью UI Toolkit, включая Unity Extensible Markup Language (UXML) и Unity Style Sheet (USS) с помощью UI Builder.

Вы узнаете, как UI Toolkit позиционирует визуальные элементы, основываясь на Yogaдвижка HTML/CSS Layout, который реализует подмножество Flexbox. Архитектура Flexbox дает такие преимущества, как отзывчивый пользовательский интерфейс, позволяющий адаптировать его к различным разрешениям и размерам экрана. С помощью UXML и USS можно отделить стили, применяемые к макетам пользовательского интерфейса (и менять их по мере необходимости), в то время как логика и функциональность продолжают жить в коде. Также подробно рассматриваются рабочие процессы для визуальных элементов - фундаментальных строительных блоков каждого интерфейса - от настроек позиционирования, размера и выравнивания до полей и подгонки.

Логика и дизайн развязки: Программисты будут соединять визуальные элементы с логикой игры (показано внизу), а дизайнеры сосредоточатся на определении стилей для них (UI Builder вверху).
Логика и дизайн развязки: Программисты будут соединять визуальные элементы с логикой игры (показано внизу), а дизайнеры сосредоточатся на определении стилей для них (UI Builder вверху).
Все о стайлинге
Вы можете перемещаться между стилями с помощью анимации переходов.
Вы можете перемещаться между стилями с помощью анимации переходов.

В главе, посвященной стилизации, вы узнаете, как определять многоразовые стили для визуальных элементов с помощью селекторов, переопределять стили и задавать уникальные атрибуты с помощью встроенных стилей, а также создавать анимацию и эффекты с помощью USS-анимации и Camera Render Texture. В нем также показано, как можно тематизировать элементы пользовательского интерфейса для праздников и других особых событий.

Именно в этот момент электронная книга попадает в Пример UI Toolkit - Dragon Crashersс различными разделами, в которых показано, как создавался пользовательский интерфейс: от меню и пользовательских элементов управления, таких как радиальные счетчики или представления с вкладками, до встроенных шаблонов UXML и многого другого.

Из образца UI Toolkit: Инвентарь, заполненный данными ScriptableObject
Из образца UI Toolkit: Инвентарь, заполненный данными ScriptableObject

Наконец, руководство завершается мини-проектом о переходе студии Mechanistry на UI Toolkit для своей новой игры Timberborn. В этом кратком исследовании рассказывается о том, как бережливой команде удалось масштабировать игру и сохранить ее единообразие в различных меню и экранах.

Новые ресурсы для совершенствования создания пользовательского интерфейса в Unity

Электронная книга UI занимает 137 страниц и не является легким чтением. Как и другие технические электронные книги, выпущенные в этом году, используйте ее в качестве справочника на постоянной основе.

Вместе с электронной книгой ознакомьтесь с несколькими недавно выпущенными ресурсами, содержащими полезные советы по использованию Unity UI и UI Toolkit:

Все технические электронные книги находятся всего в одном клике от вас

Добавьте в закладки одну или обе эти страницы. Они собирают все наши технические электронные книги и расширенный контент:

Мы надеемся, что вам понравится эта новая электронная книга, и ждем ваших отзывов на этом форуме.

Промо-арт для электронной книги "Проектирование и реализация пользовательского интерфейса в Unity".