Car interface in action

Interface designsss

for the animation i used after effects to make the interface animated but before that I exported each part of my interface out of photoshop and into after effects. unfortunately I couldn’t make the lap number and mph to have the look i wanted due to after effect limitations but I feel it turned out alright, I added the comparison to what it should look like above the video.









Game Interface Update

I remade my interface as I wasn’t that pleased with the final design so I will use my old design as a backup for this and a secondary project to this one.

As you can see I went for a professional modern look using grays as I feel it make the whole design look more slick and clean. It makes for a easy to view experience as you can clearly see what is going on around the screen. The bottom left is the speedometer and shows the electric power and boost you have, the mph is shown clearly and stands out so you can glance at it whilst playing and won’t affect your concentration. Since the game is meant to be using electric powered cars I added a blue battery bar next to the mph to refill the power bar you will need to pick up floating 3D battery the higher the bar the more power this will also affect your speed as if the power bar reaches the bottom you will be going at a significantly slower speed to the usual speed. The boost bar goes up the longer you don’t crash it will go up slowly as you drive and when it reaches near the top the bar will go red and you will be able to use boost you hold the boost until the yellow bar is gone, a sign will pop up telling you that you can use boost so you know you can use it. At the bottom right there is the map and the lap you are on. The map will have a triangle on it to show where you are it will also show the other cars as their team colours this its just a templet design so you know what the look is. At the top right there is a timer and the position you are in bold and slick so you can clearly see it.Interface design2.jpgScreen Shot interface.pngscreen shot map.pngScreen Shot lap time.png

Old Design Video Game Interface Evaluation


In this task we had to create a video game interface for a car game and I had to use what I have learn to design and create a high quality and professional look for my game I got help doing this by looking at other professional looks in the industry. I did create a high standard interface through the work I did and it looks functional, it could be used in a real game.

I started development on my game interface by researching other games in which have a slick clean interface in which isn’t over crowded by unnecessary parts to the interface. This helped me  as this is the style I wanted to go for to make my interface look as professional as possible, I looked through different games such as forza and burnout paradise to seek inspiration for my design. I liked how forza looked with it’s professional look adding a more pleasing look to the game.

Throughout the development and planning I have come up with something that looks eye pleasing. Starting with the speedometer, I feel the overall look and the effort I put into it really paid off as it what I wanted it look like at the end as its minimalistic and has has a sort of modern feel to it as it only show  you what you need to see nothing more nothing less, the speed in (mph)/speed in a rev meter which is blue to show when the max speed is and also works as a boost mechanic. There is also powScreen Shot 2016-02-05 at 11.40.56.pnger meter/fuel gauge in which displays how much fuel your car has the lower your gauge the more likely you’ll run out of fuel and get reset at the starting line which will be a consequence for not grabbing fuel around the map, I love how this looks as it shows clearly how much power you have/speed clearly and I feel looks visually pleasing as the minimal look to it makes it look modern. Also the backing helps out line the speed so it is easier for the player to check it whilst playing. Finally the gear stick, I know electric cars do not need/have a gear stick but its just to Screen Shot 2016-01-29 at 10.35.58.pngfor look and will change when you need to change gear automatically but for the people that have a steering wheel/peddles that work with games they will be able to use the gear stick to change the gear if they want to I feel that by doing this it add more control to the user whilst playing this game, plus the colour of this changes depending what team you are on helping show what team you are on. I went through lots of different designs to get this final look and feel that it really can through for me. Next the team colour, to differentiate the teams I added two strips of shade from the same colour to show the different teams. I like the look of this as it simple and doesn’t Screen Shot 2016-01-29 at 10.35.46.pngtake up a lot of the screen so you have full view of the game whilst still knowing what team you are on. Next is the lap time and position you are in, I wanted to keep this simple and easy to read as the player is concentrating on playing the game the are only going to glance at the this so I wanted to keep it easy to read and at a top corner, this helps keep play on the game reducing the risk of a crash in game unless your driving whist play the game which I don’t recommend. Finally on the interface is the map, the map is from a birds eye view to show where all racers are at each part of the race. The map is also the colour of the team you on also to help show what tlap:time:pos.pngeam you are on if your stupid enough not to have got the other two hints, the map is slightly see though so you have more view of the map whist playing.

Whist creating the interface I came up with teams with their individual logo, it took a while to come up with ok names for the teams and ended up calling the teams after race horses as I think its quite funny and it fits quite well, but the fourth was a rip off of Red Bull as its called Pink Cows. On a side note I can’t use other well known brands and cars as I would have to pay for the rights to use them in my game and since I’m broke I can’t really do that now back
Pink-Cows-logo.jpgto the evaluation. I really like the end look I got for the logos, unfortunately I don’t have a very detailed as I’m not that great with illustrator to make tCouch_Potato.jpgCarrot_Stick.jpghe super professional so I made them look like they where for horses. I also made a pop up when you finish a lap to tell you what lap you are on, I like how they look as I went for a shield look and it came out well I wouMeerkat_Manner.jpgld of like to make each lap a different colour but I wasn’t quite sure how to do that fortunately I doesn’t really impact the look of the shields the its fine.

Overall I feel that the look and the way my interface turned out was good the style and feel I went for where what I ended up with. Maybe I could had detailed so parts more but for my ability I think it turned out well.




Game Interface Update 22/01/16

I have made 3 sets of each team each with a different style but still using the same components showing off different ways to view the interface. The first image is the original idea I went with but with the feedback I got from the other students I added that into the other designs to see what it would look like.


Nex_Lap_Popup .jpg
This is the lap counter, each lap you complete the these will pop up telling you that you have completed your first, second and third lap.

Car interface update

Screen Shot 2015-11-26 at 14.59.08.png
This is the base design for the car interface but not the finished design the number on the left in the blue box is the gear ( I know its wired for it to be in first gear whilst going 92 mph ) the big number is the speed in mph and at the bottom is the speed and if you can reach boost.
Screen Shot 2015-12-04 at 10.58.32.png
Different designs for the interface.
This is the track it goes through Tower Bridge around to London Bridge