ArchViz UI3 Documentation 2024-09

Table of Content
Table Of Content
../images/architecture/0033/quick/thumbs/01.jpg
UI3 Quick Guide
../images/architecture/0033/start/thumbs/02.jpg
UI3 Get Started
../images/architecture/0033/design/thumbs/01t.jpg
UI3 Design
../images/architecture/0033/layout/thumbs/02.jpg
UI3 Layout Design
../images/architecture/0033/features/thumbs/08.jpg
UI3 Features
../images/architecture/0033/preview/thumbs/01.jpg
UI3 Preview Ft.
../images/architecture/0033/designer/thumbs/02.jpg
UI3 Designer
../images/architecture/0033/variation/thumbs/01.jpg
UI3 Variations
../images/architecture/0033/cost/thumbs/02.jpg
UI3 Cost
../images/architecture/0033/settings/thumbs/16d.jpg
UI3 Scene Settings
../images/architecture/0033/other/thumbs/02.jpg
UI3 Other BPs
../images/architecture/0033/game/thumbs/07.jpg
UI3 Input&Mode
../images/architecture/0033/vr/thumbs/03.jpg
UI3 VR projects
../images/architecture/0033/connect/thumbs/02.jpg
UI3 Connect
../images/architecture/0033/faq/thumbs/08.jpg
UI3 FAQ + TIPS
../images/architecture/0033/bugs/thumbs/01m.jpg
UI3 Fix Bugs
../images/architecture/0033/history/thumbs/01.jpg
UI3 Vers History

UI3 Interface Design Settings

Available Settings that change the look of the interface. Text format, colors used and icons or image sizes.

Translation or Text replacement is covered here too.

  • Layout Design - how the UI is arranged
  • Design Settings - text format, icon appearance, and colors.

Content:

General Project Settings

UI Panel Design

UI Advanced Panel Design

UI Text Format

UI Text Replacement or Translation

General Project Settings

The blueprint BP_SDOTUI3_InfoMap stores most of the scene specific data. Place it in the level as explained in the Get Started chapter.

All settings are entered into the Details Panel, while it is selected in the scene. Most settings have a pop-up explanation when you hover over its name.

Intended UI Use will apply UI design settings that work best for the selected Use. Quality will also be reduced for VR mode.

Streaming Levels are sub levels that are not Always Loaded. You need to add them to the list here even if they are already added in the level browser.

image

UI Panel Design

The modular UI is created from the data entered into the Main Menu Layout array.
  • Each Index will appear as a menu button from the left side to the right.
  • Icons can be set to hidden by unticking Show Main Menu Icons
  • Text can be left empty to only show the icon
  • Menu Item can be set to a simple button for Quit or Screenshots. This might now work for Gamepads or VR controllers.

UI Color Presets are set by the Intended UI Use preset. They can be fine-tuned in the Advanced section.

UI3 Design in Detail

image

UI Advanced Panel Design

Icons are stored here in arrays or single settings. Icons are black on white background. The UI uses a material that will apply the UI colors.

Custom Icons can replace default icons. But the order of the icon in the array needs to stay exactly as it is or the wrong icon will be shown in the UI.

Advanced exposes the shape materials used for buttons and images. Changing the values may have unexpected results and isn't recommended unless you are an experienced UI designer.

image

UI Text Format

Font Family replaces all text used in the UI. Fonts are available in UI / Etc / Fonts. The will appear in the drop down list.

Not every font will work in Unreal. It seems to be easier to set up fonts that are generated the "font family" way. A default and a bold version is used in the UI.

image

UI Text Replacement or Translation

All fixed text that appears in the UI can be replaced here.

Translation should be possible with special non-English letters and symbols being supported as long as Unreal supports those.

image
Top of page