achievements screen

achievements screen from TOEM UI screenshot (English)

Description

The UI presents an "Achievements" panel, providing clarity on progress and goals.

  1. Header:

    • "ACHIEVEMENTS" is prominently displayed at the top, indicating the section's focus. The playful, bold font contributes to a friendly, game-like atmosphere.
  2. Progress Indicator:

    • The fraction "4/37" indicates the number of achievements earned versus the total available.
    • A horizontal progress bar visually represents completion, along with a percentage label "BASE GAME 10%", suggesting how much of the game content has been unlocked.
  3. Achievement List:

    • Achievement Titles:
      • "THE BEGINNING": This title implies an introductory task. The description underneath, "START YOUR ADVENTURE!", provides context on the achievement's related action.
      • "HOME SWEET HOME": This detail adds a nostalgic touch, with the task of documenting "PHOTOGRAPH NANA'S HOUSE" suggesting a rewarding exploration element.
  4. Visual Elements:

    • Each achievement is accompanied by a monochromatic image, enhancing the narrative without overwhelming the text.
    • The overall use of black and white with minimal color (in the progress bar) gives a simplistic, yet engaging aesthetic.
  5. Navigation:

    • There are buttons for further interactions, indicated by "G" and "ESC", hinting at options for gameplay advancement or exiting the menu.

This UI effectively combines form and function, keeping the layout intuitive while encouraging players to engage with the achievements.

Software

TOEM

Language

English

Created by

M S's profile picture thumbnail M S

Tags

Sponsored

Similar images

achievements screen

achievements screen from Hotline Miami 2 UI screenshot (English), thumbnail - open to see full size

Hotline Miami 2

achievements

achievements from Bulanci UI screenshot (English), thumbnail - open to see full size

Bulanci

mission achievements ghost horror game emf

mission achievements ghost horror game emf from Phasmophobia UI screenshot (Korean), thumbnail - open to see full size

Phasmophobia

achievements

achievements from Hollow Knight UI screenshot (English), thumbnail - open to see full size

Hollow Knight

return to title screen

return to title screen from Yakuza 0 UI screenshot (English), thumbnail - open to see full size

Yakuza 0

display settings (fullscreen, resolution, vsync..)

display settings (fullscreen, resolution, vsync..) from Hades II Early Access UI screenshot (English), thumbnail - open to see full size

Hades II Early Access

credits screen, back button

credits screen, back button from Lethal Company UI screenshot (English), thumbnail - open to see full size

Lethal Company

player talents screen, undo talent points button, auto level up button

player talents screen, undo talent points button, auto level up button from Mass Effect 1 UI screenshot (English), thumbnail - open to see full size

Mass Effect 1