HAWKEN servers are up and our latest minor update is live!
Forgot Password_ SUPPORT REDEEM CODE

Jump to content


Graphic studies for the Garage Interface / Icons / HUD overall (wip)

Art

  • Please log in to reply
29 replies to this topic

#1 erathic

erathic

    Advanced Member

  • Members
  • PipPipPip
  • 769 posts
  • LocationSentium Design HQ

Posted April 22 2013 - 03:33 PM

Since the latest patch, i can't think at anything but this damm game lol,
i'm enjoying playing it (even if i still not very good at it) I enjoyed the graphic novels as well and beyond that the game universe is so inspiring so as 'im also very pationate about graphic design, UI and UX i can't hold myself at imagining how i would twist and tweak it.

how i imagine with words the general UI experience :

A holographic display, mechanical, futuristic and gritty because it's a mech game set in a post-apo universe
responsive and "fast" feel, almost aggresive, because it's a fast paced shooter game

Here's a work in progress of this personnal interpretation :

As suggested later* i will add static and post effects in later updates

Sync screen and game-modes icons/ screen (on 1024 res) :
Posted Image
Posted Image

commo rose :

Posted Image

having big fun at it but i'm not yet happy about the style, i would like to make it less futuristic and a bit more "retro-futuristic" a bit like :

Posted Image

Edited by erathic, April 23 2013 - 02:14 AM.

Posted Image


#2 PlayedSun

PlayedSun

    Advanced Member

  • Members
  • PipPipPip
  • 55 posts
  • LocationVirginia

Posted April 22 2013 - 03:42 PM

I think it's a cool idea of where you want to take this, but I feel as if it's a tad too monochromatic. I like the command rose though, I'm always a fan of them in any game.
-There can only be one-

Posted Image

#3 OdinTheWise

OdinTheWise

    Advanced Member

  • Full Members
  • PipPipPip
  • 2,596 posts
  • Locationsomewhere beyond time and space (-5 GMT)

Posted April 22 2013 - 05:39 PM

I am usually not a fan of camand rose, I prefer hot keys

because bow ties are cool


#4 CommanderWindhover

CommanderWindhover

    Advanced Member

  • Members
  • PipPipPip
  • 53 posts
  • LocationGracemeria, Emmeria, Anea

Posted April 22 2013 - 06:03 PM

I like it, but it needs more grit and a background.

Throw in a bit of static, perhaps superimpose it over the current background, add a blue screen wipe that occurs along the lines every few seconds

More interference, make the alerts and syncing notices be off center and around the screen, like notification pop ups.

resize it so it fits a 16:4 monitor resolution, remove the line stretching across the top, it seems superfluous.

make the gametype logos smaller, surround them in white hexagons, offset them individually from the equator in an up down up down pattern, link each hexagon together at the sides and link the two outside hexagons to the center of the "altimeters" on each side. as the altimeters idle, moving up and down, have those two lines move to match the points they connect to on the altimeter

Make the callsign bigger

Perhaps have two different color schemes for the different corporations_

This is Commander Windhover of the 15th Squadron. The enemy is expanding its field of attack. Stay alert.

- Daniel "Windhover" Pollini, Ace Combat 6


You and I are opposite sides of the same coin. When we face each other we can finally see our true selves. There may be a resemblance, but we never  face the same direction. - "Solo Wing" Pixy, Ace Combat Zero


#5 erathic

erathic

    Advanced Member

  • Members
  • PipPipPip
  • 769 posts
  • LocationSentium Design HQ

Posted April 22 2013 - 10:25 PM

Thanks for the feedback!

Posted Image


#6 Frouste

Frouste

    Advanced Member

  • Members
  • PipPipPip
  • 815 posts
  • LocationNorth Carolina, USA

Posted April 23 2013 - 03:05 AM

Menu themes:  Mercenary, Sentium, and Prosk.

Mercenary theme is more touchpad like, and scratched up but still functional.  Mercs on Illal likely have to be mobile, hence the touchpad style.

The others are terminal/computer style.
Prosk theme is more organic/circular in its design, but kept in decent condition I'd imagine a faint red tint in its text backgrounds...
Sentium theme is angular and in well kept condition.  I'd imagine a faint blue tint in its text backgrounds...

I really need to take art classes some time...  :rolleyes:

Edited by Frouste, April 23 2013 - 03:06 AM.

"... And I gazed once more unto the looking glass, but with a clear and unclouded will..."

#7 erathic

erathic

    Advanced Member

  • Members
  • PipPipPip
  • 769 posts
  • LocationSentium Design HQ

Posted April 23 2013 - 04:15 AM

yep themed selectable menus would be great, :)
A touch pad style Ui could be also great, and could even become a real tablet apps to remotely access to players stats, and stuffs


continuing the initial project, here's some little progress (in a 1920x1080 setting this time)
It's still very flat and monotone at this time:

Posted Image

Edited by erathic, April 23 2013 - 04:18 AM.

Posted Image


#8 KaszaWspraju

KaszaWspraju

    Advanced Member

  • Members
  • PipPipPip
  • 922 posts
  • LocationPoland

Posted April 23 2013 - 05:08 AM

It would be great if the devs implemented a random background with art works, so each time we log in, we have a different background from sketches, art works, images of work on maps, e.t.c..

I'm waiting for the development of the project, because frankly the game menu looks like another incarnation web, forum and laucher, and nothing stands out against the other menu form free to play games - almost standard layout.

View PostKaszaWspraju, on March 25 2013 - 03:14 PM, said:

IMO uniformity of, pages, forum, launcher, I do not mind, but why in the game menu uses the same design as website, forum and launcher. In the game menu, we spend a lot of time, and  I wish that it would not be the next incarnation of the website. From the moment you press launch in launcher, You should immediately feel that you are playing Hawken, and not constantly reading/watching website and forum.

EDIT
I like idea of XP and HC boost are coud down in real time - day, hour, minute, and finally seconds. This has an impact on how we perceive the passage of time, eg: two days to the end of XP boost, or 46 hours 34 minutes 13 seconds, kind of similar, but not the same.

Edited by KaszaWspraju, April 23 2013 - 06:26 AM.

INTEL i5-4670K * ASUS Z87-A * GOODRAM DDR3 2x4GB * GIGABYTE GTX 760 OC rev 2.0 * X-Fi XTREME MUSIC * GRADO SR-60

SAMSUNG EVO 120GB * OCZ STEALTHXSTREAM 2 600W * Win 7 64
@ defekt : Mobility is King and burst damage is Queen. Checkmate.
Gdy byłem młodszy byłem bardziej beztroski... aha... nie lubię już POLSKI !


#9 Gunmoku

Gunmoku

    Advanced Member

  • Full Members
  • PipPipPip
  • 551 posts
  • LocationThe mystical, magical land of Right Over There

Posted April 23 2013 - 07:07 AM

Holy sh**tcakes, this is gorgeous.  Hey, Adhesive, HIRE THIS MAN!  Seriously, this all fits Hawken's aesthetics and makes it super-clean and easy to look at.

I made a suggestion for a tactical communication wheel like that a while ago and I'm hopeful they consider something like this for a future update.  That's definitely what I was looking for if I would do a command wheel like that.

Edited by Gunmoku, April 23 2013 - 07:09 AM.

View PostRED_FIVE, on September 04 2013 - 08:20 PM, said:

YER A RAIDER, HARRY.

#10 SilentJacket

SilentJacket

    Advanced Member

  • Members
  • PipPipPip
  • 1,590 posts
  • LocationInstallation 00b

Posted April 23 2013 - 08:13 AM

I dunno, it looks nice, but it's really barren

Posted Image


#11 CommanderWindhover

CommanderWindhover

    Advanced Member

  • Members
  • PipPipPip
  • 53 posts
  • LocationGracemeria, Emmeria, Anea

Posted April 23 2013 - 08:44 AM

To make it more active, have the callsign name by the logo be bigger in font, have scrolling lines of code in each corner inside the altimeters, have a scrolling news ticker on top.

This is Commander Windhover of the 15th Squadron. The enemy is expanding its field of attack. Stay alert.

- Daniel "Windhover" Pollini, Ace Combat 6


You and I are opposite sides of the same coin. When we face each other we can finally see our true selves. There may be a resemblance, but we never  face the same direction. - "Solo Wing" Pixy, Ace Combat Zero


#12 h0B0

h0B0

    Non Sequitur Leprechaun

  • Full Members
  • PipPipPip
  • 4,143 posts
  • Location[delete for trolling] --defter

Posted April 23 2013 - 09:13 AM

Nice work as always.

My favorite part is the tactical command rose.

Click me! I dare you.

Posted Image

View Post[HWK]HUGHES, on March 15 2013 - 08:35 PM, said:

Oh don't always listen to h0B0. Lol.


#13 Beefsweat

Beefsweat

    Advanced Member

  • Full Members
  • PipPipPip
  • 2,845 posts
  • Locationsan diego, usa

Posted April 23 2013 - 09:15 AM

View PostCommanderWindhover, on April 23 2013 - 08:44 AM, said:

To make it more active, have the callsign name by the logo be bigger in font, have scrolling lines of code in each corner inside the altimeters, have a scrolling news ticker on top.

This, little moving UI bits would help break up the overall 'static-ness', though I understand this is all just concept work. Looking great at any rate! I'd kill for that commo rose.
Posted Image

#14 Frouste

Frouste

    Advanced Member

  • Members
  • PipPipPip
  • 815 posts
  • LocationNorth Carolina, USA

Posted April 23 2013 - 09:17 AM

View Posterathic, on April 23 2013 - 04:15 AM, said:

yep themed selectable menus would be great, :)
A touch pad style Ui could be also great, and could even become a real tablet apps to remotely access to players stats, and stuffs

What I meant was that the default UI in the main menu is being held from the perspective of a mercenary pilot (the player) on the field and you're sifting through your equipment on his touch-pad.
"... And I gazed once more unto the looking glass, but with a clear and unclouded will..."

#15 Pastorius

Pastorius

    Advanced Member

  • Full Members
  • PipPipPip
  • 914 posts
  • LocationUK: (In my castle talking to the Queen on skype)

Posted April 23 2013 - 09:30 AM

erathic, this is awesome work my friend. I'm a sucker for clean lines an simplicity when it comes to UI's and this has real style too. Fantastic.
Posted Image

#16 Gree

Gree

    Advanced Member

  • Members
  • PipPipPip
  • 508 posts
  • LocationBrazil

Posted April 23 2013 - 09:30 AM

View Posterathic, on April 23 2013 - 04:15 AM, said:

yep themed selectable menus would be great, :)
A touch pad style Ui could be also great, and could even become a real tablet apps to remotely access to players stats, and stuffs


continuing the initial project, here's some little progress (in a 1920x1080 setting this time)
It's still very flat and monotone at this time:

Posted Image
...
too epic dude.

EDIT: You devs better change our current interface to this.

Edited by Gree, April 23 2013 - 03:09 PM.


#17 TerranCmdr

TerranCmdr

    Advanced Member

  • Members
  • PipPipPip
  • 534 posts
  • LocationSan Francisco

Posted April 24 2013 - 11:42 AM

I absolutely love this, erathic.  You are truly a very talented artist.
Awesome Sentium logo in my avatar by erathic

#18 Pastorius

Pastorius

    Advanced Member

  • Full Members
  • PipPipPip
  • 914 posts
  • LocationUK: (In my castle talking to the Queen on skype)

Posted April 24 2013 - 12:04 PM

Quote


having big fun at it but i'm not yet happy about the style, i would like to make it less futuristic and a bit more "retro-futuristic" a bit like :

Posted Image

Slightly off topic but It just dawned on me that this looks a bit like the digital dash from a 1991 Vauxhall Astra GTE.

My first car :D

Look!

Posted Image

I'm defiantly with you on the retro feel erathic.

EDIT 27/04/13:
Here it is powering up ;)

Edited by Pastorius, April 27 2013 - 07:40 AM.

Posted Image

#19 erathic

erathic

    Advanced Member

  • Members
  • PipPipPip
  • 769 posts
  • LocationSentium Design HQ

Posted April 24 2013 - 01:29 PM

Haha not sooo off-topic, i really dig this kind of "interface" and look at that fuel icon, it's the exact icon for the Scout mech LOL !


Posted Image
if you have more sexy stuffs like that, feel free to share them here !

Edited by erathic, April 24 2013 - 01:31 PM.

Posted Image


#20 Pelax

Pelax

    Advanced Member

  • Full Members
  • PipPipPip
  • 261 posts

Posted April 24 2013 - 02:02 PM

Here's a little research to do for You, my friend:

http://hudsandguis.com/

Good luck with the art-journey! Hope You'll find some awesome ideas & inspiration too!





Also tagged with one or more of these keywords: Art

1 user(s) are reading this topic

0 members, 1 guests, 0 anonymous users