Warning: include(partials/cursor-wrapper.php): failed to open stream: No such file or directory in /home/ygcxqyfq/public_html/dusancv.com/dancing-wings/index.php on line 3

Warning: include(partials/cursor-wrapper.php): failed to open stream: No such file or directory in /home/ygcxqyfq/public_html/dusancv.com/dancing-wings/index.php on line 3

Warning: include(): Failed opening 'partials/cursor-wrapper.php' for inclusion (include_path='.:/opt/cpanel/ea-php74/root/usr/share/pear') in /home/ygcxqyfq/public_html/dusancv.com/dancing-wings/index.php on line 3

DANCING WINGS

Game UI Design

Inspired by the Electronic music theme, the UI was designed to be aligned well with the overall neon visuals of the game. Dancing Wings incorporate elements from sci-fi imagery and EDM stage visual performances,  resulting in a sleek and modern interface.
ROLES
UI Designer, 2D Game Artist
DATE
October 2018
Visual Theme
Inspired by the Electronic music theme, the UI was designed to be aligned well with the overall neon visuals of the game, it incorporate elements from scifi imagery and EDM stage visual performances, resulting in a sleek and modern interface.
Game Map
Being a compact mobile game, Dancing Wings is relatively low on content, therefore the Game Map was made simple and straightforward with only a handful of screens for the player to go through. It is divided in three levels following the process of the player navigating through the game with the main hub as a starting point.
Wireframes
Using a scrolling wheel design with item cards as the main interaction points, I aimed to bring forth a consistently sleek and polished experience for the player in each of the screen of the game and at the same time keeping in mind the futuristic theme of the product. Consistency, simplicity and easiness to navigate are the main target of these wireframes.
Colors
Nothing screams Space-Scifi atmosphere quite like a vibrant neon color palette which grabs the viewers’ attention from the very first time they load up the game. The dark background was an important element upon which shines a combination of vivid, contemporary highlights of purple and blue. Icons and text are in white with glowing effects making sure style does not compromise readability.
Fonts
Quicksand is a Sans Serif type family of three weights plus matching obliques and a dash version for display and headings. Taking inspirations from geometric-style sans serif faces that were popular during the 30s, with geometric forms that have been optically corrected for better legibility being the basis, the font adds visual balance to the UI.

CONTACT

LET 'S CREATE SOMETHING GREAT TOGETHER