UI

Question 1

Types of UI - Flat vs Diegetic:

Answer 1

Flat UI:
Description:
Two-dimensional appearance without 3D effects, emphasizing simplicity and minimalism.
Examples:
Windows 8 Metro UI, early iOS designs, Google’s Material Design.

Diegetic UI:
Description:
Integrates UI elements into the game world, making them part of the environment.
Examples:
Helmet displays in games like Halo, survival games with in-world health indicators.

Question 2

Color Palettes - Importance:

Answer 2

Aesthetics:
Defines visual appeal and atmosphere.

Visual Hierarchy:
Guides attention, establishes order of importance.

Mood and Atmosphere:
Evokes emotions, sets overall tone.

Consistency and Branding:
Creates cohesive visual identity for the game.

Readability and Accessibility:
Ensures easy readability, considers accessibility.

Cultural and Genre
Considerations:
Recognizes color associations and genre conventions for immersion.

Question 3

Types of Overlays in Unity Canvas:

Answer 3

Screen Space Overlay:
Canvas is rendered as an overlay on the entire screen.
UI elements specified in pixels, not affected by 3D space.
Suitable for HUDs and consistent overlays.

Screen Space Camera:
Canvas is a 3D object in the scene.
UI elements affected by camera’s perspective and depth.
Useful for depth-dependent UI elements.

World Space:
Canvas behaves like any other 3D object.
UI elements exist in 3D space, affected by lighting and occlusion.
Useful for UI interacting with other 3D objects.

Question 4

UI Components:

Answer 4

Panel:
Basic container for grouping and organizing UI elements.
Text:
Displays text on the screen with support for styles and alignments.
Image:
Displays images or sprites, used for icons and buttons.
Button:
Creates interactive buttons responding to user clicks or touches.
Input Field:
Allows users to input text, common in forms and chatboxes.
Slider:
Lets users select a value from a range by dragging a handle.
Toggle:
Represents a binary state, commonly used for checkboxes.
Scrollbar:
Used to navigate through content exceeding the visible area.
Dropdown:
Creates a list of options for users to choose from.
Scroll View:
Creates scrollable areas for handling large content.