Thursday, 27 April 2017

HCI for Games - Wireframing my menus

Building on the pre-production process, my next challenge was to begin creating wireframe images, to layout a general menu system to be used in game.
To create these I used Axure, a software I have used before for plotting UI designs prior to creating the visuals for these.

I began by with a simple background image placeholder at 1920x1080 pixels and began to build upon it for varying menus with varying amounts of interaction through navigational buttons.
To make the menu system functional within Axure I parented each menu with appropriate children and assigned menu options taken from my mind map and mood board to each page within my menu setup.
This was to be the base of my menu system, and the beginning of making it function within Unreal Engine 4.
Below is a screen grab of the software in process and a shot of each page developed in Axure.












My next step is to transport these layouts into Unreal and build on top of the layouts, with buttons, images and interactions, both scroll over and click based.

No comments:

Post a Comment

HCI for Games - Changelog v1.3: Pause menu functionality and HUD advancements.

Changelog v1.3; In a late addition to my HCI setup, with the deadline approaching fast, I have added a functional pause menu to my setup i...