Interface Re-design For UDK
Interface Re-design
Hi everyone for part of a University project I'm re-designing an N64 interface to create an effective PC style interface while keeping to the theme of the original game. The final thing will be displayed in UDK using scale form.
The game that I have used as a base for the items/spec list is The Legend of Zelda - Ocarina of Time. The screens I will be re-designing are just the equipment, items, quest and map screens.
A simple paper prototype has already been created of the interface which highlighted several issues. These design issues were resolved before beginning work in Photoshop. The Photoshop assets will be put together and animation added in Flash, before adding them into UDK with Scaleform.
A video will be posted shortly to explain the path through the interface in more detail and clearly explain each section.
The following images are the current screens and assets for the interface in Photoshop. Any suggestions and critique would be most appreciated
Inventory Screen:
This is a combination of the original equipment and items screens. Depending on which wooden/brown tab is selected it will be highlighted (button highlights/variations shown below). If equipment is selected then only a specific group of items would be visible.
The inner window around the green tunic icon shows that it would be currently selected and its description would appear in the box below.
The character model is included as it would be updated when suitable equipment is selected.
Quest Screen:
This includes the main quest items and ocarina song notes and the tune you should play. The highlight around the note would only be applied to the currently selected song note. The required keys for the song would then be shown.
Map Screen:
This would simply be the map screen. The location name would change depending on the players location.
Button Variations:
These are simply the button variations that would be used to add animation in flash.
Custom Cursor:
This is the custom cursor that will be used for the interface.
Hi everyone for part of a University project I'm re-designing an N64 interface to create an effective PC style interface while keeping to the theme of the original game. The final thing will be displayed in UDK using scale form.
The game that I have used as a base for the items/spec list is The Legend of Zelda - Ocarina of Time. The screens I will be re-designing are just the equipment, items, quest and map screens.
A simple paper prototype has already been created of the interface which highlighted several issues. These design issues were resolved before beginning work in Photoshop. The Photoshop assets will be put together and animation added in Flash, before adding them into UDK with Scaleform.
A video will be posted shortly to explain the path through the interface in more detail and clearly explain each section.
The following images are the current screens and assets for the interface in Photoshop. Any suggestions and critique would be most appreciated
Inventory Screen:
This is a combination of the original equipment and items screens. Depending on which wooden/brown tab is selected it will be highlighted (button highlights/variations shown below). If equipment is selected then only a specific group of items would be visible.
The inner window around the green tunic icon shows that it would be currently selected and its description would appear in the box below.
The character model is included as it would be updated when suitable equipment is selected.
Quest Screen:
This includes the main quest items and ocarina song notes and the tune you should play. The highlight around the note would only be applied to the currently selected song note. The required keys for the song would then be shown.
Map Screen:
This would simply be the map screen. The location name would change depending on the players location.
Button Variations:
These are simply the button variations that would be used to add animation in flash.
Custom Cursor:
This is the custom cursor that will be used for the interface.