The history of the visual design of user interfaces can be described as a gradual change towards more realism. As computers have become faster, designers have added increasingly realistic details such as color, 3D effects, shadows, translucency, and even simple physics. Some of these changes have helped usability. Shadows behind windows help us see which window is active. The physicality of the iPhone’s user interface makes the device more natural to use…. continue reading article…Leave a comment
Posted in 2D Design, Games, Web Tagged application icons, design, design tips, icon design, ui, UI design, ui design tips, user intercace design, user interface, user interface design tips
Posted in 2D Design, 3D Design, Games Tagged 40000, 40k, dark crusade, dawn, dawn of war, design, Games, hud, necrons, pc, relic, rts, space marines, starcraft, tau, ui, video, war, warhammer
Warhammer 40,000: Dawn of War (PC)
Warhammer 40,000: Dawn of War: Winter Assault (PC)
Warhammer 40,000: Dawn of War: Dark Crusade (PC)
Warhammer 40,000: Dawn of War: Soulstorm (PC)
I designed the original HUD and Frontend for the PC video game Warhammer 40,000: Dawn of War. This was actually my first “official” video game to ship although I did assist on the pre-vis UI Design for Homeworld 2.
These screenshots illustrate how I created the Head Up Display (HUD) for the Space Marines race. I started off by setting up a scene in 3D Studio Max using a camera set to Ortho view (I didn’t want any perspective since my measurements had to be precise). After roughing out the shapes in 3D, I rendered out the interface design using Global Illumination to give me a nice, soft render.
I then used these layered renders and brought them into Photoshop, where I continued to color and texture the pieces. You can see a screenshot of the UI Editor I originally used for Dawn of War. At the time, we had no tool to create the interface for our game. Working with two programmers, I designed the look and feel for the UI Editor itself, and helped get the functionality working as well. It ended up working similar to tools I used on a regular basis; Photoshop, Illustrator, Flash, and Dreamweaver.
Today, Adobe Flash is being used as the authoring tool, along with Scaleform for the UI Design on Dawn of War 2.
Since the original HUD was not real-time 3D, I could paint textures onto the display as I pleased. The near-finished result is posted below. I’ve also included screenshots from Dawn of War: Dark Crusade where I created the HUD for the Necrons and Tau races.Leave a comment