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

The UI presents a list of achievements, organized in a vertical layout with clear, bold text for easy readability. At the top, the section title “ACHIEVEMENT WH...

achievements

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

Hollow Knight

The image presents a user interface (UI) for achievements, likely from a video game, with a dark, mystical theme emphasized by a blue gradient background and or...

achievements

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

Bulanci

The image showcases a user interface (UI) dedicated to displaying achievements for a gaming application. Here’s a breakdown of its labels and features, emphasiz...

mission achievements ghost horror game emf

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

Phasmophobia

이 UI에는 여러 가지 기능이 나열되어 있으며, 각 항목 옆에는 가격 정보가 있습니다. 다음은 주요 특징입니다: 1. 타이틀: 상단에 "유령의 종리를 찾습니다"라는 문...

data (quests) screen

data (quests) screen from Fallout London UI screenshot (English), thumbnail - open to see full size

Fallout London

The user interface in the image appears to be from a video game, presenting various functional labels and features organized in a menu format. Key UI Eleme...

return to title screen

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

Yakuza 0

The user interface (UI) in the picture presents a straightforward confirmation dialog. Features and Functionality: 1. Question Prompt: The text...

dialogue text speed, flicker and screen shake settings

dialogue text speed, flicker and screen shake settings from Inscryption UI screenshot (English), thumbnail - open to see full size

Inscryption

The UI presents various settings for a game with a retro aesthetic. 1. Dialogue Text Speed: This section has a horizontal slider allowing users to adjust t...

settings screen

settings screen from Into the Breach UI screenshot (English), thumbnail - open to see full size

Into the Breach

The UI shown in the picture is a settings menu for a game, organized into several sections with clear, functional labels for user interaction. Here's a breakdow...