body upgrades

Description

The UI presented in the image features a structured layout focused on "Body Upgrades" within the "Knowledge" section of a game.

Key Features:

1. Body Upgrades Section:

   • This main section displays various upgrade icons, each representing different abilities or enhancements.
   • The icons are grayscale with overlay locks, indicating that some upgrades are currently locked and require certain prerequisites to unlock.

2. Selected Upgrade (Durability):

   • The highlighted upgrade in green is "Durability," suggesting that it is currently selected for more detailed viewing.
   • This section provides a description of the upgrade's function, specifically that it adds +10% melee resistance, meaning it will reduce damage taken from melee attacks.

3. Upgrade Details:

   • To the right of the upgrade icons, descriptive text elaborates on the function of the selected upgrade, emphasizing its practical benefit (less melee damage) and how it is achieved ("roll with the punches").
   • A progress bar is present to indicate the current level and a needed threshold (0/13) to unlock the upgrade, further tying into a progression mechanic.

4. Functional Layout:

   • The layout emphasizes clarity, with an easy-to-navigate structure. Icons are simple and visually distinct, allowing for quick recognition of available upgrades.
   • The use of color highlights helps users understand selected options versus locked upgrades, enhancing usability.

5. Lock Symbols:

   • The lock symbols next to various upgrades clearly signal which upgrades are unavailable, guiding users on where they need to focus their efforts to progress.

Overall Form and Function:

The UI combines a minimalist aesthetic with functional clarity, prioritizing user experience by making it easy to navigate and understand the available upgrades and their effects. Each feature is visually distinct, facilitating quick interaction while emphasizing important information relevant to gameplay progression.