{"id":121,"date":"2026-01-31T01:11:09","date_gmt":"2026-01-31T00:11:09","guid":{"rendered":"http:\/\/adriansasin.pl\/?p=121"},"modified":"2026-01-31T01:35:23","modified_gmt":"2026-01-31T00:35:23","slug":"ui-ux-design","status":"publish","type":"post","link":"https:\/\/adriansasin.pl\/?p=121","title":{"rendered":"UI \/ UX design"},"content":{"rendered":"\n

For my UI\/UX design class, I created a complete UI and UX concept for a sci-fi \/ space simulation game. The project includes 10 user interface screens designed entirely by me in Figma, a UX wireframe prepared in Whimsical, and a brief description of the main design assumptions.<\/p>\n\n\n\n

1. Description<\/h2>\n\n\n\n

The UI\/UX project presents a set of 10 screens for a sci-fi RPG \/ SpaceSim game, designed with clarity, consistency, and immersion in mind. The main visual and functional inspirations include titles such as Starfield<\/strong>, Elite Dangerous<\/strong>, Armored Core VI<\/strong>, and Death Stranding<\/strong>, which helped define the stylistic direction of the project. The interface is maintained in a minimalist, futuristic style, with a color palette primarily limited to shades of gray, complemented by turquoise and light-blue accents. This color combination gives the UI a cool, technological character while preserving high readability even when displaying large amounts of information.<\/p>\n\n\n\n

The project incorporates non-standard geometric forms such as hexagons, octagons, and curved lines, giving the interface a unique and recognizable style. Moving away from classic rectangular layouts emphasizes the futuristic nature of the game and strengthens its visual identity. Across the presented screens, users can navigate from the main menu to sections such as Settings, loading saved game states, or a photo gallery, all while maintaining intuitive navigation. Each screen allows seamless return to the main menu or transition to other functionally related screens.<\/p>\n\n\n\n

The interface also enables browsing the in-game world map and the player\u2019s inventory, ensuring quick access to key information and gameplay functions. The target audience consists of midcore and hardcore players interested in sci-fi aesthetics, futurism, and interfaces that combine simplicity with an advanced, immersive atmosphere.<\/p>\n\n\n\n

2. UX wireframe<\/h2>\n\n\n\n
\"\"<\/figure>\n\n\n\n

3. UI Screens<\/h2>\n\n\n\n
\n
\"\"
Main Menu<\/figcaption><\/figure>\n\n\n\n
\"\"
Load Save<\/figcaption><\/figure>\n\n\n\n
\"\"
HUD<\/figcaption><\/figure>\n\n\n\n
\"\"
Loading Screen<\/figcaption><\/figure>\n\n\n\n
\"\"
Inventory Item<\/figcaption><\/figure>\n\n\n\n
\"\"
Inventory<\/figcaption><\/figure>\n\n\n\n
\"\"
Settings<\/figcaption><\/figure>\n\n\n\n
\"\"
Pause_Menu<\/figcaption><\/figure>\n\n\n\n
\"\"
Gallery<\/figcaption><\/figure>\n\n\n\n
\"\"
Map<\/figcaption><\/figure>\n<\/figure>\n\n\n\n

<\/p>\n","protected":false},"excerpt":{"rendered":"

For my UI\/UX design class, I created a complete UI and UX concept for a sci-fi \/ space simulation game. The project includes 10 user interface screens designed entirely by me in Figma, a UX wireframe prepared in Whimsical, and a brief description of the main design assumptions. 1. Description […]<\/p>\n","protected":false},"author":1,"featured_media":124,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[17],"tags":[],"class_list":["post-121","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-university"],"_links":{"self":[{"href":"https:\/\/adriansasin.pl\/index.php?rest_route=\/wp\/v2\/posts\/121","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/adriansasin.pl\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/adriansasin.pl\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/adriansasin.pl\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/adriansasin.pl\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=121"}],"version-history":[{"count":10,"href":"https:\/\/adriansasin.pl\/index.php?rest_route=\/wp\/v2\/posts\/121\/revisions"}],"predecessor-version":[{"id":147,"href":"https:\/\/adriansasin.pl\/index.php?rest_route=\/wp\/v2\/posts\/121\/revisions\/147"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/adriansasin.pl\/index.php?rest_route=\/wp\/v2\/media\/124"}],"wp:attachment":[{"href":"https:\/\/adriansasin.pl\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=121"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/adriansasin.pl\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=121"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/adriansasin.pl\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=121"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}