Impressive Game UI Design for League of Legends: Soul Fighter by Alena Eresko Riot Games’ Soul Fighter summer event treated League of Legends players to a unique metagame called Tournament of Souls. To channel the hype of classic fighting games and tournament anime, the design team—featuring Alena Eresko, Evan Squire, and Ji Hwan Kim—crafted an absolute standout user interface.
In this metagame, players step into the shoes of Samira to battle through thrilling 1v1 matchups. The UI design is clean and intuitive, bringing combo strings, status effects, and Reputation points to life as players unlock new abilities and progress across the map. On top of that, the interface seamlessly integrates motion comics and the interactive Fan Fair zone, making it effortless to dive deep into the storyline.
The design pipeline combined Figma for visual design, After Effects for motion graphics, and Unity to bring everything directly into the game. By blending logical layout structure with bold, fighting-game aesthetics, the result is a UI experience that is as intuitive as it is visually stunning.
Thiết kế giao diện Game UI ấn tượng cho sự kiện League of Legends: Soul Fighter của Alena Eresko
Sự kiện hè Soul Fighter của Riot Games đã mang đến cho người chơi League of Legends một trải nghiệm metagame độc đáo mang tên Tournament of Souls. Để tái hiện tinh thần của dòng game đối kháng truyền thống cùng các bộ anime giải đấu, đội ngũ thiết kế gồm Alena Eresko, Evan Squire cùng Ji Hwan Kim đã đầu tư công sức xây dựng nên phần giao diện người dùng (UI) vô cùng đặc sắc.
Trong metagame này, người chơi hóa thân thành Samira để chinh phục các trận đấu 1v1 đầy kịch tính. Hệ thống UI được tổ chức mạch lạc nhằm thể hiện sinh động các chuỗi combo, hiệu ứng trạng thái và chỉ số Reputation dùng để nâng cấp kỹ năng khi tiến xa hơn trên bản đồ. Bên cạnh đó, thiết kế giao diện còn lồng ghép trơn tru các phần truyện tranh chuyển động (motion comics) và khu vực tương tác Fan Fair, giúp người chơi dễ dàng hòa mình vào cốt truyện.
Bộ giao diện được thực hiện thông qua quy trình phối hợp giữa Figma cho khâu Visual Design, After Effects cho Motion Graphics và Unity để triển khai trực tiếp vào game. Sự kết hợp nhuần nhuyễn giữa tư duy layout logic và nét nghệ thuật hình ảnh đậm chất fighting game đã đem lại một sản phẩm UI vừa trực quan vừa mãn nhãn.
Nguồn: behance.net
