HUD and Icon moodboard

 

car-dashboard-moodboardSeen above is the mood board I created which was based on car dashboards and HUDs. The word dashboard, in terms of a car means, a panel extending across the interior of a vehicle (as an automobile) below the windshield and usually containing instruments and controls; this of course includes the speedometer, fuel gauge and many other features that car racing games commonly use.

Since my driving game HUD will be based in the future I tried to theme the moodboard around more futuristic looking dashboards, this included how the icons glowed and the colour choices the design used, since blues are commonly known and synonymous for a futuristic colour, this is because many modern interfaces for electronic devices are blue coloured as well as pieces of media suck as “Tron” which made colours such as blue equal future technology.

I also tried to find dashboard features that looked futuristic in terms of the shapes used, using uneven shapes with bits coming out of it, as seen in the picture in the top right of the moodboard is also synonymous for futuristic simply because it’s used a lot in already established media, whether it be games or movies.

However, while I feel it’s important to look at car dashboards that can be a good inspiration for my games version, meaning how they look futuristic, it’s also important to look at real modern car dashboards that already exist, this is because while I want my game to have the identity of a futuristic racing game to suit the want for electric cars, the HUD should also be recognizable as using modern car dashboard elements so that the user knows which part of the HUD is what.

car-dashboard-icons

I also looked at the specific icons that are used on a car dashboard, the reason for this is the same as why I looked at real modern car dashboards, so that the identity of my racing game won’t stray too far away from what is commonly seen as necessities of a car dashboard.

The reason we need the car symbols is because each represent a different aspect of the car, such as the fuel and how much is still in the tank, whether or not someone is wearing their seatbelts, if the cars indicators are on or not or if something is wrong with the engine. These are all safety precautions that keep someone in the car from being hurt or in danger, these precautions and warning s are also to keep those outside of the car safe, for example, if the car didn’t show the driver if someone in the car had a seatbelt on or off the driver could assume everyone’s seatbelt is on and then begin driving, if the driver had a car accident the person who didn’t have a seatbelt on would be twice as likely to get killed. It’s important to note that drivers and passengers who don’t wear a seatbelt are breaking the law and will be fined if caught.

Why am I saying this? Well, the reason for that is that part of creating a design for a dashboard is to take in to consideration the legal and ethical implications of what you’re creating, if the design of a car failed to show one of the important icons it needs to, such as engine failure or something that’s seemingly as minuscule as someone not wearing a seatbelt can endanger lives both inside and outside the car, which is both morally and legally wrong and will get the company that created the car in serious trouble.

I believe that this line of thought should be carried over to car racing games, that may sound ridiculous because of the fact that no real people will get hurt if a game HUD doesn’t include all the icons real cars would have which I agree with, not only on that but I think it would also, in terms of design, be impractical at best and unnecessarily annoying and a downright ugly design at worst because it would take up a lot of the screen. However what must be taken into consideration is the fact that not all players of a racing game will be old enough to know what the icons on a car is and if a designer of a game HUD did use real life car icons in their game they would be educating younger game players on what the icons looked like and what they represented. It isn’t a legal or moral necessity to have a hundred percent accuracy of a cars dashboard symbols in a game but to be able to educate younger people on basic car symbols so they’ll be able to identify them later in life is, in my opinion ethically correct and can improve a games reputation in the eyes of parents, even though it’s a fairly small detail.

However having a fairly accurate representation of a car dashboard has another good reason to be shown in games which has nothing to do with the ethical implications, this is the creation of immersion for a player. By having a HUD that looks very similar to a real life car dashboard a player can relate the game to something they know of in real life and be more immersed and absorbed into the game compared to a game which doesn’t use familiar features of a car dashboard.

Something interesting to note is how most of the icons will be different colours to the rest of the car dashboard, this is probably because, as stated before, the icons represent important aspects of a car so having them be in different colours to the rest of the dashboard will draw attention to them faster than if they blended in with the rest of the dashboards colour scheme. This is something I should take into consideration when I get to designing and creating my dashboard.

 

Bibliography:
Think.direct.gov.uk. (2017). Seatbelts : THINK! : Roadsafety. [online] Available at: http://think.direct.gov.uk/seat-belts.html [Accessed 20 Feb. 2017].
Think.direct.gov.uk. (2017). Seatbelts : THINK! : Roadsafety. [online] Available at: http://think.direct.gov.uk/seat-belts.html [Accessed 20 Feb. 2017].

Bibliography moodboard of car dashboard:

Royalty Free Stock Photography, Light of mile gauge , Available from: <https://www.shutterstock.com/image-photo/light-mile-gauge-318214832 > [Accessed: 18 January 2017]

Royalty Free Stock Photography, Modern car illuminated dashboard closeup, Available from: < https://www.shutterstock.com/image-photo/modern-car-illuminated-dashboard-closeup-108187586&gt; [Accessed: 18 January 2017]

Royalty Free Stock Photography, Sci fi futuristic user interface HUD. Vector illustration, Available from: < https://www.shutterstock.com/image-vector/sci-fi-futuristic-user-interface-hud-193460531?src=32NHPPjbeI1nTLGTU1zb-w-1-92&gt; [Accessed: 18 January 2017]

Royalty Free Stock Photography, Futuristic Speedometer Interface , Available from: < https://www.shutterstock.com/image-vector/futuristic-speedometer-interface-306360464?src=RvXAtbza154N_bWj_XQFqQ-1-0&gt; [Accessed: 18 January 2017]

Royalty Free Stock Photography, Modern car instrument dashboard panel or speedometer and full symbol in night time, Available from: < https://www.shutterstock.com/image-photo/modern-car-instrument-dashboard-panel-speedometer-441914602 > [Accessed: 18 January 2017]

Royalty Free Stock Photography, Vector futuristic interface of racing game dashboard, Available from: < https://www.shutterstock.com/image-vector/vector-futuristic-interface-racing-game-dashboard-342712619?src=Mda6O-azRt3GRRanYTtzmw-1-10&gt; [Accessed: 18 January 2017]

Royalty Free Stock Photography, Car dashboard modern automobile control illuminated panel speed display vector illustration , Available from: < https://www.shutterstock.com/image-vector/car-dashboard-modern-automobile-control-illuminated-228620182?src=UAwER46lJ-nUliO1tIZvsw-1-2 > [Accessed: 18 January 2017]

Royalty Free Stock Photography: transport, business trip, technology and people concept – close up of male hands holding car wheel and driving with volume level icon on board computer screen , Available from: < https://www.shutterstock.com/image-photo/transport-business-trip-technology-people-concept-507813433?src=cJBcloOvq0GY5D7enXrc_g-1-36 > [Accessed: 18 January 2017]

Royalty Free Stock Photography: = Control panel of car, Available from: <https://www.shutterstock.com/image-photo/control-panel-car-304109330&gt; [Accessed: 18 January 2017]

Bibliography for hud icon moodboard:

Royalty Free Stock Photography, Futuristic style user interface icons for mobile and web applications. UI and HUD vector scalable illustration , Available from: <https://www.shutterstock.com/image-vector/futuristic-style-user-interface-icons-mobile-503038000 > [Accessed: 19 January 2017]

Royalty Free Stock Photography, Dashboard icons , Available from: <https://www.shutterstock.com/image-photo/dashboard-icons-163012100?src=msKCRjasAxrXfeAu5hObsw-1-3&gt; [Accessed: 19 January 2017]

Royalty Free Stock Photography, car dashboard panel icons symbols warning light indicators vector set, Available from: https://www.shutterstock.com/image-vector/car-dashboard-panel-icons-symbols-warning-486605611?src=UAwER46lJ-nUliO1tIZvsw-1-10 [Accessed: 19 January 2017]

Royalty Free Stock Photography: Dashboard indicator showing fuel half tank, Available from: https://www.shutterstock.com/image-photo/dashboard-indicator-showing-fuel-half-tank-117276109?src=sEL4eIVzBX6Tvdf9q_QhAQ-1-35 [Accessed: 19 January 2017]

Royalty Free Stock Photography: Car dashboard vector icons, Available from: https://www.shutterstock.com/image-vector/car-dashboard-vector-icons-160600160?src=KwyAvH5zJr8GVOY1gRjXNw-1-38 [Accessed: 19 January 2017]

Royalty Free Stock Photography: A fuel gauge, speedometer vector illustration, Available from: https://www.dreamstime.com/royalty-free-stock-images-fuel-gauge-vector-speedometer-illustration-image40025989 [Accessed: 19 January 2017]

Royalty Free Stock Photography: A vector Speedometer illustration design, Available from: https://www.dreamstime.com/royalty-free-stock-photography-vector-speedometer-image26272647 [Accessed: 19 January 2017]

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s