Введение

Введение

Лучший пользовательский интерфейс - тот, которого не замечаешь. Пользовательский интерфейс (UI) играет важнейшую роль в любой игре. Хорошо реализованный интерфейс незаметен и органично встроен в приложение. Плохо реализованный, напротив, раздражает пользователей и мешает получать удовольствие от игры. Качественный UI продолжает визуальный стиль игры. Современная аудитория ожидает продуманный, понятный интерфейс, который естественно сочетается с приложением. Он служит игрокам основным источником важной информации - от показателей состояния персонажа до экономики игрового мира.

По мере усложнения интерфейсов растёт и мастерство их создателей. Над дизайном UI главным образом работают специалисты двух направлений: Художники по UI. Они владеют основами дизайна, теорией цвета, формой, типографикой и компоновкой. Художники создают интерфейс с учётом целевой аудитории и игрового мира, а внимание к деталям помогает им добиваться точности вплоть до каждого пикселя. UX-дизайнеры. Они изучают поведение пользователей и более широкие потребности конечной аудитории. UX-дизайнеры определяют способы взаимодействия человека с цифровым продуктом и выстраивают навигационные сценарии так, чтобы работа с ним была максимально понятной и приятной. Эти специалисты тесно взаимодействуют друг с другом, а также с другими 2D- и 3D-художниками и дизайнерами. Именно такое сотрудничество позволяет создавать более цельные и эффективные интерфейсы.

Ещё одна важная роль принадлежит UI-программисту, который тесно сотрудничает с перечисленными специалистами. Он работает с выбранным технологическим стеком, выстраивает процесс или конвейер превращения дизайна UI в работающие интерфейсы, связывает игровой код с UI и передаёт данные из интерфейса обратно в игровые системы. В предыдущей электронной книге «Проектирование и реализация пользовательского интерфейса в Unity» мы показали, как художники и дизайнеры UI могут создавать интерфейсы в Unity с помощью двух систем: более ранней Unity UI на основе GameObject и современной UI Toolkit. Мы также рассказали, как студии проектируют интерфейс с нуля и импортируют графику в игру. То руководство было подготовлено для Unity 2021 LTS. В этой электронной книге основное внимание уделено UI Toolkit в Unity 6. Система рассчитана на высокую производительность и повторное использование компонентов, а её рабочие процессы вдохновлены веб-разработкой. Дизайнерам UI с опытом веб-разработки они покажутся знакомыми и понятными, а UI-программисты получат ясное представление о возможностях UI Toolkit при создании игр.

Благодаря модульной структуре разделы руководства можно читать в любом порядке, поэтому книга также удобна как справочник по UI Toolkit. Приступим.

Основной автор и участники Основной автор этого руководства и создатель двух примеров UI Toolkit - Уилмер Лин, опытный художник по 3D-графике и визуальным эффектам, разработчик и преподаватель. Значительный вклад в руководство и пример UI Toolkit Sample - Dragon Crashers внёс Эдуардо Орис, старший менеджер по контент-маркетингу Unity и графический дизайнер. Ещё один ключевой участник, работавший над руководством и примером QuizU, Томас Крог-Якобсен, старший менеджер по управлению контент-маркетингом Unity.

Другие участники со стороны Unity Камиль Бузиди, разработчик программного обеспечения Мартен Коте, старший разработчик графических технологий Уго Бурре-Демаре, старший разработчик программного обеспечения

Бенуа Дюпюи, старший технический менеджер продукта

Карл Джонс, старший инженер-программист Антуан Лассозе, ведущий разработчик программного обеспечения Мартен Паради, ведущий разработчик программного обеспечения

Стефания Валоросо, менеджер и продуктовый дизайнер

Introduction

The best user interface is the one you don’t notice. User interface (UI) is a critical part of any game. Done well, it’s invisible and carefully woven into your application. If done poorly, however, it can frustrate users and detract from the gameplay experience. A solid UI is an extension of a game’s visual identity. Modern audiences crave refined, intuitive UI that seamlessly integrate with your application. Whether it’s displaying a character’s vital statistics or the game world’s economy, the interface is your players’ gateway to key information. As UIs become more sophisticated, so does the artistry behind them. UI design mainly depends on two types of specialists: UI artists: They master the fundamentals of design, color, shape, typography, and layout. UI artists design for the target audience of the game world. Their eye for detail motivates them to create "pixel perfect" UI. UX designers: They research user behavior and the broader needs of the end user. UX designers control how someone interacts with a digital product. They build navigation flows with the intent of making the experience as intuitive and delightful as possible. These roles work closely together, alongside other 2D or 3D artists and designers. It’s through this collaboration that stronger, more effective UIs come about.

Another key role is that of the UI programmer, who will team up closely with the previous roles. They will work with a chosen tech stack, establish a process or pipeline to ingest all of the UI design into functional interfaces, wire gameplay code to UI, and feed data back into the game systems from UI. In our previous e-book, User interface design and implementation in Unity, we demonstrated how UI artists and designers can build interfaces in Unity with its two UI systems: Unity UI, the older GameObject-based system, and the newer UI Toolkit. We also covered how studios design UI from scratch and import art into a game. This guide was based on Unity 2021 LTS. In this new e-book, we focus on UI Toolkit in Unity 6 that is tailored for maximum performance and reusability, with web-inspired workflows. UI designers with web experience will find it intuitive, while UI programmers can gain a clear understanding of UI Toolkit’s capabilities for game creation. This guide’s modular structure allows sections to be read in any order, making it a useful reference for learning UI Toolkit. Let’s begin.

Main author and contributors The main author and creator of this guide and the two UI Toolkit samples is Wilmer Lin, a veteran 3D and visual effects artist, developer, and educator. Major contributions to this guide and the sample UI Toolkit Sample – Dragon Crashers were also provided by Eduardo Oriz, a senior content marketing manager at Unity and graphic designer. Another key contributor to this guide and the sample QuizU is Thomas Krogh-Jacobsen, a senior manager in content marketing management at Unity.

Other Unity contributors Camil Bouzidi, software developer Martin Côté, senior graphic developer Hugo Bourret-Desmarais, senior software developer Benoit Dupuis, senior technical product manager Karl Jones, senior software engineer Antoine Lassauzay, staff software developer Martin Paradis, staff software developer Stefania Valoroso, manager, product designer