{"id":550,"date":"2026-05-11T12:04:35","date_gmt":"2026-05-11T12:04:35","guid":{"rendered":"https:\/\/sites.wsagames.com\/xz16u24\/?p=550"},"modified":"2026-05-11T14:11:44","modified_gmt":"2026-05-11T14:11:44","slug":"ui-designer","status":"publish","type":"post","link":"https:\/\/sites.wsagames.com\/xz16u24\/2026\/05\/11\/ui-designer\/","title":{"rendered":"UI Designer"},"content":{"rendered":"\n<p class=\"has-large-font-size wp-block-paragraph\"><strong>What is an UI Designer\uff1f<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"119\" src=\"https:\/\/sites.wsagames.com\/xz16u24\/wp-content\/uploads\/sites\/67\/2026\/05\/QQ_1778498653254-1024x119.png\" alt=\"\" class=\"wp-image-551\" srcset=\"https:\/\/sites.wsagames.com\/xz16u24\/wp-content\/uploads\/sites\/67\/2026\/05\/QQ_1778498653254-1024x119.png 1024w, https:\/\/sites.wsagames.com\/xz16u24\/wp-content\/uploads\/sites\/67\/2026\/05\/QQ_1778498653254-300x35.png 300w, https:\/\/sites.wsagames.com\/xz16u24\/wp-content\/uploads\/sites\/67\/2026\/05\/QQ_1778498653254-768x89.png 768w, https:\/\/sites.wsagames.com\/xz16u24\/wp-content\/uploads\/sites\/67\/2026\/05\/QQ_1778498653254.png 1511w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">This is an explanation from <a href=\"https:\/\/game.academy.163.com\/course\/careerArticle?course=236\">\u3010UX of Game Career Theory\u3011Take you to recognize the UI, GUI, VX positions in one step &#8211; NetEase Game Academy &#8211; Empower love<\/a><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Since all the software we use on a daily basis relies on UI design, I have a general understanding of the industry\u2019s key functions. However, game UI design is actually not as simple as one might think. From the feedback provided by playtesters, I noticed that users often interpret the meaning of icons differently than the designers intended, so I decided to research some other, more established UI designs.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"461\" src=\"https:\/\/sites.wsagames.com\/xz16u24\/wp-content\/uploads\/sites\/67\/2026\/05\/6abfc5a31b6b706f499f3cce5ae40a99-1024x461.jpeg\" alt=\"\" class=\"wp-image-552\" srcset=\"https:\/\/sites.wsagames.com\/xz16u24\/wp-content\/uploads\/sites\/67\/2026\/05\/6abfc5a31b6b706f499f3cce5ae40a99-1024x461.jpeg 1024w, https:\/\/sites.wsagames.com\/xz16u24\/wp-content\/uploads\/sites\/67\/2026\/05\/6abfc5a31b6b706f499f3cce5ae40a99-300x135.jpeg 300w, https:\/\/sites.wsagames.com\/xz16u24\/wp-content\/uploads\/sites\/67\/2026\/05\/6abfc5a31b6b706f499f3cce5ae40a99-768x346.jpeg 768w, https:\/\/sites.wsagames.com\/xz16u24\/wp-content\/uploads\/sites\/67\/2026\/05\/6abfc5a31b6b706f499f3cce5ae40a99-1536x691.jpeg 1536w, https:\/\/sites.wsagames.com\/xz16u24\/wp-content\/uploads\/sites\/67\/2026\/05\/6abfc5a31b6b706f499f3cce5ae40a99.jpeg 1920w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"has-tiny-font-size wp-block-paragraph\">Screenshot from Arknights\uff1aEndfield<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"712\" src=\"https:\/\/sites.wsagames.com\/xz16u24\/wp-content\/uploads\/sites\/67\/2026\/05\/81fb6fd47c4d8d09427b5ad4d615f9fc-1024x712.jpg\" alt=\"\" class=\"wp-image-553\" srcset=\"https:\/\/sites.wsagames.com\/xz16u24\/wp-content\/uploads\/sites\/67\/2026\/05\/81fb6fd47c4d8d09427b5ad4d615f9fc-1024x712.jpg 1024w, https:\/\/sites.wsagames.com\/xz16u24\/wp-content\/uploads\/sites\/67\/2026\/05\/81fb6fd47c4d8d09427b5ad4d615f9fc-300x208.jpg 300w, https:\/\/sites.wsagames.com\/xz16u24\/wp-content\/uploads\/sites\/67\/2026\/05\/81fb6fd47c4d8d09427b5ad4d615f9fc-768x534.jpg 768w, https:\/\/sites.wsagames.com\/xz16u24\/wp-content\/uploads\/sites\/67\/2026\/05\/81fb6fd47c4d8d09427b5ad4d615f9fc-1536x1067.jpg 1536w, https:\/\/sites.wsagames.com\/xz16u24\/wp-content\/uploads\/sites\/67\/2026\/05\/81fb6fd47c4d8d09427b5ad4d615f9fc-2048x1423.jpg 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"has-tiny-font-size wp-block-paragraph\">Screenshot from Arknights<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"749\" src=\"https:\/\/sites.wsagames.com\/xz16u24\/wp-content\/uploads\/sites\/67\/2026\/05\/9fc5567792cef6e5422e91970940a4d9-1024x749.png\" alt=\"\" class=\"wp-image-554\" srcset=\"https:\/\/sites.wsagames.com\/xz16u24\/wp-content\/uploads\/sites\/67\/2026\/05\/9fc5567792cef6e5422e91970940a4d9-1024x749.png 1024w, https:\/\/sites.wsagames.com\/xz16u24\/wp-content\/uploads\/sites\/67\/2026\/05\/9fc5567792cef6e5422e91970940a4d9-300x219.png 300w, https:\/\/sites.wsagames.com\/xz16u24\/wp-content\/uploads\/sites\/67\/2026\/05\/9fc5567792cef6e5422e91970940a4d9-768x561.png 768w, https:\/\/sites.wsagames.com\/xz16u24\/wp-content\/uploads\/sites\/67\/2026\/05\/9fc5567792cef6e5422e91970940a4d9-1536x1123.png 1536w, https:\/\/sites.wsagames.com\/xz16u24\/wp-content\/uploads\/sites\/67\/2026\/05\/9fc5567792cef6e5422e91970940a4d9.png 1870w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"has-tiny-font-size wp-block-paragraph\">Screenshot from <a href=\"https:\/\/dribbble.com\/shots\/24047061-Lost-Legends-RPG-Game-Illustration\">https:\/\/dribbble.com\/shots\/24047061-Lost-Legends-RPG-Game-Illustration<\/a><\/p>\n\n\n\n<p class=\"has-large-font-size wp-block-paragraph\"><strong>Personal Reflection<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">After reviewing the project, I realized that for a UI to be immediately intuitive, it needs not only well-designed icons but also text labels. In this project, I didn\u2019t think of this in time, and because of space constraints, I didn\u2019t include text labels, which led to frequent feedback from players that they found it difficult to understand.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"484\" src=\"https:\/\/sites.wsagames.com\/xz16u24\/wp-content\/uploads\/sites\/67\/2026\/05\/7578f717c7037cafa6ddde380b47c291-1024x484.png\" alt=\"\" class=\"wp-image-555\" srcset=\"https:\/\/sites.wsagames.com\/xz16u24\/wp-content\/uploads\/sites\/67\/2026\/05\/7578f717c7037cafa6ddde380b47c291-1024x484.png 1024w, https:\/\/sites.wsagames.com\/xz16u24\/wp-content\/uploads\/sites\/67\/2026\/05\/7578f717c7037cafa6ddde380b47c291-300x142.png 300w, https:\/\/sites.wsagames.com\/xz16u24\/wp-content\/uploads\/sites\/67\/2026\/05\/7578f717c7037cafa6ddde380b47c291-768x363.png 768w, https:\/\/sites.wsagames.com\/xz16u24\/wp-content\/uploads\/sites\/67\/2026\/05\/7578f717c7037cafa6ddde380b47c291-1536x726.png 1536w, https:\/\/sites.wsagames.com\/xz16u24\/wp-content\/uploads\/sites\/67\/2026\/05\/7578f717c7037cafa6ddde380b47c291-2048x968.png 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"has-tiny-font-size wp-block-paragraph\">Screenshot from GDD \uff0cthe draft of the UI design<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"951\" height=\"581\" src=\"https:\/\/sites.wsagames.com\/xz16u24\/wp-content\/uploads\/sites\/67\/2026\/05\/1394db41ef0b5079e5141316bece8c77.png\" alt=\"\" class=\"wp-image-556\" srcset=\"https:\/\/sites.wsagames.com\/xz16u24\/wp-content\/uploads\/sites\/67\/2026\/05\/1394db41ef0b5079e5141316bece8c77.png 951w, https:\/\/sites.wsagames.com\/xz16u24\/wp-content\/uploads\/sites\/67\/2026\/05\/1394db41ef0b5079e5141316bece8c77-300x183.png 300w, https:\/\/sites.wsagames.com\/xz16u24\/wp-content\/uploads\/sites\/67\/2026\/05\/1394db41ef0b5079e5141316bece8c77-768x469.png 768w\" sizes=\"(max-width: 951px) 100vw, 951px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Screenshot from our game\uff0csince some of the mechanics weren&#8217;t implemented in the end, a few icons were removed.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">To make them easier to understand, I added symbols to the icons, but even during the final playtest, we still received feedback that the icons\u2019 functions weren\u2019t clear. Fortunately, since the icons\u2019 meanings didn\u2019t have a critical impact on the gameplay experience and were intended solely for guidance, we included on-screen prompts during the game to guide players on what to do.<\/p>\n\n\n\n<p class=\"has-large-font-size wp-block-paragraph\"><strong>UI designer in the Gaming Industry<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">I used to think that UI design was a single role, but after doing some research, I discovered that it actually involves collaboration across different roles. I searched for UI-related positions on miHoYo\u2019s job portal, selected a few that caught my interest, and took screenshots of them.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"738\" height=\"1024\" src=\"https:\/\/sites.wsagames.com\/xz16u24\/wp-content\/uploads\/sites\/67\/2026\/05\/91245093ec101dc48628f4eac2580919-738x1024.png\" alt=\"\" class=\"wp-image-557\" srcset=\"https:\/\/sites.wsagames.com\/xz16u24\/wp-content\/uploads\/sites\/67\/2026\/05\/91245093ec101dc48628f4eac2580919-738x1024.png 738w, https:\/\/sites.wsagames.com\/xz16u24\/wp-content\/uploads\/sites\/67\/2026\/05\/91245093ec101dc48628f4eac2580919-216x300.png 216w, https:\/\/sites.wsagames.com\/xz16u24\/wp-content\/uploads\/sites\/67\/2026\/05\/91245093ec101dc48628f4eac2580919-768x1066.png 768w, https:\/\/sites.wsagames.com\/xz16u24\/wp-content\/uploads\/sites\/67\/2026\/05\/91245093ec101dc48628f4eac2580919-1107x1536.png 1107w, https:\/\/sites.wsagames.com\/xz16u24\/wp-content\/uploads\/sites\/67\/2026\/05\/91245093ec101dc48628f4eac2580919-1476x2048.png 1476w, https:\/\/sites.wsagames.com\/xz16u24\/wp-content\/uploads\/sites\/67\/2026\/05\/91245093ec101dc48628f4eac2580919-scaled.png 1845w\" sizes=\"(max-width: 738px) 100vw, 738px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"756\" height=\"1024\" src=\"https:\/\/sites.wsagames.com\/xz16u24\/wp-content\/uploads\/sites\/67\/2026\/05\/78d3d01dc2bf2e076f24d0e7638d6f5e-756x1024.png\" alt=\"\" class=\"wp-image-558\" srcset=\"https:\/\/sites.wsagames.com\/xz16u24\/wp-content\/uploads\/sites\/67\/2026\/05\/78d3d01dc2bf2e076f24d0e7638d6f5e-756x1024.png 756w, https:\/\/sites.wsagames.com\/xz16u24\/wp-content\/uploads\/sites\/67\/2026\/05\/78d3d01dc2bf2e076f24d0e7638d6f5e-222x300.png 222w, https:\/\/sites.wsagames.com\/xz16u24\/wp-content\/uploads\/sites\/67\/2026\/05\/78d3d01dc2bf2e076f24d0e7638d6f5e-768x1040.png 768w, https:\/\/sites.wsagames.com\/xz16u24\/wp-content\/uploads\/sites\/67\/2026\/05\/78d3d01dc2bf2e076f24d0e7638d6f5e-1134x1536.png 1134w, https:\/\/sites.wsagames.com\/xz16u24\/wp-content\/uploads\/sites\/67\/2026\/05\/78d3d01dc2bf2e076f24d0e7638d6f5e-1512x2048.png 1512w, https:\/\/sites.wsagames.com\/xz16u24\/wp-content\/uploads\/sites\/67\/2026\/05\/78d3d01dc2bf2e076f24d0e7638d6f5e-scaled.png 1891w\" sizes=\"(max-width: 756px) 100vw, 756px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"756\" height=\"1024\" src=\"https:\/\/sites.wsagames.com\/xz16u24\/wp-content\/uploads\/sites\/67\/2026\/05\/502162f77101d25f4863ebf64a691938-756x1024.png\" alt=\"\" class=\"wp-image-559\" srcset=\"https:\/\/sites.wsagames.com\/xz16u24\/wp-content\/uploads\/sites\/67\/2026\/05\/502162f77101d25f4863ebf64a691938-756x1024.png 756w, https:\/\/sites.wsagames.com\/xz16u24\/wp-content\/uploads\/sites\/67\/2026\/05\/502162f77101d25f4863ebf64a691938-222x300.png 222w, https:\/\/sites.wsagames.com\/xz16u24\/wp-content\/uploads\/sites\/67\/2026\/05\/502162f77101d25f4863ebf64a691938-768x1040.png 768w, https:\/\/sites.wsagames.com\/xz16u24\/wp-content\/uploads\/sites\/67\/2026\/05\/502162f77101d25f4863ebf64a691938-1134x1536.png 1134w, https:\/\/sites.wsagames.com\/xz16u24\/wp-content\/uploads\/sites\/67\/2026\/05\/502162f77101d25f4863ebf64a691938-1512x2048.png 1512w, https:\/\/sites.wsagames.com\/xz16u24\/wp-content\/uploads\/sites\/67\/2026\/05\/502162f77101d25f4863ebf64a691938-scaled.png 1891w\" sizes=\"(max-width: 756px) 100vw, 756px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Screenshots from <a href=\"https:\/\/jobs.mihoyo.com\/#\/campus\/position\">https:\/\/jobs.mihoyo.com\/#\/campus\/position<\/a><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>What is an UI Designer\uff1f This is an explanation from \u3010UX of Game Career Theory\u3011Take you to recognize the UI, GUI, VX positions in one step &#8211; NetEase Game Academy &#8211; Empower love Since all the software we use on a daily basis relies on UI design, I have a general understanding of the industry\u2019s [&hellip;]<\/p>\n","protected":false},"author":58,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[15],"tags":[],"class_list":["post-550","post","type-post","status-publish","format-standard","hentry","category-semester2"],"_links":{"self":[{"href":"https:\/\/sites.wsagames.com\/xz16u24\/wp-json\/wp\/v2\/posts\/550","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sites.wsagames.com\/xz16u24\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/sites.wsagames.com\/xz16u24\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/sites.wsagames.com\/xz16u24\/wp-json\/wp\/v2\/users\/58"}],"replies":[{"embeddable":true,"href":"https:\/\/sites.wsagames.com\/xz16u24\/wp-json\/wp\/v2\/comments?post=550"}],"version-history":[{"count":1,"href":"https:\/\/sites.wsagames.com\/xz16u24\/wp-json\/wp\/v2\/posts\/550\/revisions"}],"predecessor-version":[{"id":560,"href":"https:\/\/sites.wsagames.com\/xz16u24\/wp-json\/wp\/v2\/posts\/550\/revisions\/560"}],"wp:attachment":[{"href":"https:\/\/sites.wsagames.com\/xz16u24\/wp-json\/wp\/v2\/media?parent=550"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/sites.wsagames.com\/xz16u24\/wp-json\/wp\/v2\/categories?post=550"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/sites.wsagames.com\/xz16u24\/wp-json\/wp\/v2\/tags?post=550"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}