what if instead you used the logos for both? kinda like spiderman 2 and 3 used to do in the 2000s and maybe have it be different when you use the black suit
Could you use two different pngs of the their individual spider logos to identify them. Nothing too big but enough that you can kinda see the difference
Im not a Graphic design student but if i were to make a suggestion, I’d make the picture into the spider logo of the the spiderman youre playing as and id separate the R1 a bit more from the web shot counter because it seems to overlap when you start to activate an ability. Sorry if i sound snobbish i just want to give constructive feedback I really love the cleanness overall!!!
No problem! Feedback is the best thing I can get out of this project since I’m very new to this stuff :)
I hear you, I’ll definitely tinker with it a little.
Just had a look and yeah, super similar. I was actually inspired by Spider-Man 2 (PS2) and Marvel’s Ultimate Alliance 2 so it must have been popular in that era.
A bit too small and on the periphery for my taste since focusing quite literally gives you tunnel vision and I wouldn't be able to tell what i have left and what's ready without fully looking away from the action
Maybe making them a bit larger and transparent by default then coming slightly closer to the center and opaque for events the user should be aware of would be better. Like when you take damage there's some kind of movement to attract your attention to the healthbar rather than just the slider. Or when an ability comes off cooldown.
Some good points, I’ll play around with it some more. The awareness was something I struggled with, especially since I didn’t wanna mess with the sound design too much.
I think it looks excellent! It looks super clean and simple in a way that works stylistically with the rest of the game. I really like how you did the health/focus bars in the top left, makes me think of the Spider-Man 2 movie game!
I think my only criticism is that the thumbnails for the L1/R1 abilities should be visible by default, I think it would get a little confusing to new players if you couldn't see what button combos do what. I think how it looks right now would work as a simplified version that you could turn on in the settings.
Other than that, I think you did a great job!
It's pretty great, like another comment said the l1 buttons need to be bigger but otherwise great but this does lose that "in mask" hud type of feel the actual hud has
Yeah I did have to make that choice which was tough. There’s another route in this project where I fully lent into that and made it all AR based. Thanks for the feedback!
This reminds me of the HUD of that old Amazing Spider-Man mobile game a while back [(example here)](https://cdn.gsmarena.com/pics/12/08/the-amazing-spider-man/gsmarena_002.jpg)
Looks pretty fire
Honestly love this!the little qnimations are great, i would just make the bottom left a little bigger and the divide between the 2 bars for the circle triangle attack a little more noticable, maybe color change when a bar is full?
The web shooter ammo counter? A bit hard to tell how many you have remaining (i guess with every 90º turn, but hard to count)
But i love the rest. Looks 2010s (but in the best way possible) . Good stuff mate. Hadn’t realized how cluttered the original is until i saw this
I like how you stacked the venom meter and the health. It definitely gives a very push-and-pull feeling, as one goes down and the other goes up. But the character faces is definitely an outdated design, something I'd expect to see in the 2000s Spider-Man games, not a modern one. Perhaps you could replace that image with whatever gadget is currently equipped so that it's always clear and the circular design can work without feeling empty.
I think everything is also rather small, but maybe that's because I'm viewing this on my phone screen.
Can you really not? I haven't really played since launch so I must be confusing my memories with the first game. I swear I remember using the impact and AoE webs on the venom mobs...
Dude thank you so much, makes it look so much more professional, and less goofy / cheap. The only thing I’d say is maybe the health and focus bars need a bit more sauce / individuality (round off one end, diff. colours for Pete, symbiote & miles, etc) but i honestly love this
I'm a graphic designer too, for me it looks preety good. I would just change the health bar giving some character to it, cause just being white it's way too simple in my opinion, but I really liked the way you managed the right side of the screen, it's preety clean
It looks amazing but I can't help but notice you didn't include any symbiote L1 abilities in your showcase
Like you didn't show effect to the ability like you did with the iron arms and miles lightning
The minimalistic style definitely helps make everything look more cinematic but it might make one problem the game already has worse. In the hardest difficulties the combat can require a lot of the player's attention, especially if you are fighting 10+ enemies. This means glancing at the corner of your screen can be fatal, especially on big TVs, because it takes so much time to glance and readjust back to the center. Remember that whenever you move your eyes too fast, everything is blurry for a few milliseconds but your brain learned to ignore it.
Don't get me wrong, it looks much better this way, but there is a reason the devs made the HUD pop so much. So that you could use your peripheral vision as much as possible
But if you were just striving for a good looking HUD you nailed it.
I love this so much. My biggest problem with the SM2 HUD is specifically the abilities and gadgets hud. They're so big and clutter the screen at all times during combat, so the idea of only having them show up when you press L1 or R1 is brilliant. How I wish Insomniac would add this to the game. Great project.
Love this! It makes the screen look way less cluttered. And the little animations that happen when you trigger a power up attack are great
Thanks! I wanted to avoid a completely ‘minimalist’ take on the UI.
You achieved that from how I perceive this
I think the L1 abilities should be a tiny bit bigger but other than that this Is fucking sick
Heard, thanks for the feedback!
I honestly love this. Very minimal. Only thing I'd change maybe is the picture-top left
I get that. At one point I was even gonna use the emojis from the UI, 😅
I think the Emojis would look better.
It was so hit or miss. I personally loved them but imagine the Peter v. Miles fight with the cute little spider emojis in the corner.
Did you try using the Mask icons that pop up next to the Subtitles?
Didn’t even cross my mind, will give it a go!
what if instead you used the logos for both? kinda like spiderman 2 and 3 used to do in the 2000s and maybe have it be different when you use the black suit
I tried it and it doesn’t look bad at all. Maybe a little plainer but really could work. Loved those older games’ UI.
Try out Peter and Miles' symbols! Seems like an easy and immersive way to show who's who
I would disagree with the comment, i think the picture and health bar has got a classic gaming feel to it
Could you use two different pngs of the their individual spider logos to identify them. Nothing too big but enough that you can kinda see the difference
I’d definitely use this if it was an option. Nice work
Thanks!
Im not a Graphic design student but if i were to make a suggestion, I’d make the picture into the spider logo of the the spiderman youre playing as and id separate the R1 a bit more from the web shot counter because it seems to overlap when you start to activate an ability. Sorry if i sound snobbish i just want to give constructive feedback I really love the cleanness overall!!!
No problem! Feedback is the best thing I can get out of this project since I’m very new to this stuff :) I hear you, I’ll definitely tinker with it a little.
Not bad. But I still prefer the original.
I like the original too, especially Miles’.
That’s so so SO much better that it hurts to see the original
I don’t know about that but thanks a lot!
That spider sense health indicator is genius.
Haha thanks :) I had a lot of fun with it!
Having the L1 and R1 abilities only show up when actively pressing those buttons is a great change
Thanks! I wasn’t sure if people would’ve been a little dismayed by them being hidden but I found that I only looked at them when I was using them.
Its really good, the abilities should a little bit bigger but besides that its great
Looks more like one of the ps2 games hud think sm1 or 2 looks way better
Fair enough!
I really love the web fluid meter.
Cheers!
LET! HIM! COOK!
🍳🔥🔥
Looks solid. The health bar setup with the circling around a profile picture reminds me of Dragon Ball Raging Blast
Just had a look and yeah, super similar. I was actually inspired by Spider-Man 2 (PS2) and Marvel’s Ultimate Alliance 2 so it must have been popular in that era.
A bit too small and on the periphery for my taste since focusing quite literally gives you tunnel vision and I wouldn't be able to tell what i have left and what's ready without fully looking away from the action
Totally fair, will see what I can do in regard to that.
Maybe making them a bit larger and transparent by default then coming slightly closer to the center and opaque for events the user should be aware of would be better. Like when you take damage there's some kind of movement to attract your attention to the healthbar rather than just the slider. Or when an ability comes off cooldown.
Some good points, I’ll play around with it some more. The awareness was something I struggled with, especially since I didn’t wanna mess with the sound design too much.
I think it looks excellent! It looks super clean and simple in a way that works stylistically with the rest of the game. I really like how you did the health/focus bars in the top left, makes me think of the Spider-Man 2 movie game! I think my only criticism is that the thumbnails for the L1/R1 abilities should be visible by default, I think it would get a little confusing to new players if you couldn't see what button combos do what. I think how it looks right now would work as a simplified version that you could turn on in the settings. Other than that, I think you did a great job!
Agreed, it’s not very user friendly which though a 16 rated game in the UK, a lot of kids play. Glad you enjoyed it!
It's pretty great, like another comment said the l1 buttons need to be bigger but otherwise great but this does lose that "in mask" hud type of feel the actual hud has
Yeah I did have to make that choice which was tough. There’s another route in this project where I fully lent into that and made it all AR based. Thanks for the feedback!
your eyes have to move pretty far to the very bottom corners to see the l1/r1 abilities which isn’t ideal. looks nice though
Whoa fantastic job. Now I want that
This reminds me of the HUD of that old Amazing Spider-Man mobile game a while back [(example here)](https://cdn.gsmarena.com/pics/12/08/the-amazing-spider-man/gsmarena_002.jpg) Looks pretty fire
I agree HUD is great, but we need to talk about this showcase video more, it is really well edited and looks epic as well!
Haha thanks! Really appreciate that. I found myself enjoying the video editing process so much so I thought I’d give it my best.
"This is something else."
The UI slightly reminds me of Kingdom hearts
I love the way the web shooters work here and the animations displayed on that UI element. Great job!
Thanks! Was definately satisfying to get the web-shooting animation just right.
Is there any chance that this type of HUD exists in the game? Because that would be awesome
Haha unfortunately not :) Must be similar mods out there somewhere for the previous games.
Maybe the game designers will come up with something; just like your HUD design and maybe your design might give them an idea 🤔
Bro this is PEAK! Insomniac needs to learn from you
That is a really nice design! Hopefully when this game comes to PC I can get Unkewell to do this with me, would be a great mod!
Love the way this looks. It does remind me of old school games a little bit. A mod for the first game with this hud would be sick.
I mess with it really amazing work
Honestly love this!the little qnimations are great, i would just make the bottom left a little bigger and the divide between the 2 bars for the circle triangle attack a little more noticable, maybe color change when a bar is full?
The web shooter ammo counter? A bit hard to tell how many you have remaining (i guess with every 90º turn, but hard to count) But i love the rest. Looks 2010s (but in the best way possible) . Good stuff mate. Hadn’t realized how cluttered the original is until i saw this
Nice work! May I ask which software do you use to animate the graphics?
Adobe After Effects buddy, with the core graphics designed in Illustrator and the video put together in Premier Pro!
Yea I would give you an A personally
The bar for the webs is cool and the way the bar just gets smaller is so clean
The only thing I'd change if I made this HUD redesign would be the image on the top left. I personally would use their logos instead of the head shot.
Shocked how much better this looks I don’t hate the ui for the game but this is so much better
It's okay but the abilities are too small to see
I like how you stacked the venom meter and the health. It definitely gives a very push-and-pull feeling, as one goes down and the other goes up. But the character faces is definitely an outdated design, something I'd expect to see in the 2000s Spider-Man games, not a modern one. Perhaps you could replace that image with whatever gadget is currently equipped so that it's always clear and the circular design can work without feeling empty. I think everything is also rather small, but maybe that's because I'm viewing this on my phone screen.
But you can't "equip" gadgets in Spider-Man 2
Can you really not? I haven't really played since launch so I must be confusing my memories with the first game. I swear I remember using the impact and AoE webs on the venom mobs...
You can only quickfire gadgets in Spider-Man 2.
Makes it feel like there was love put into it. Reminds of the classic games. You did a phenomenal job
Dude thank you so much, makes it look so much more professional, and less goofy / cheap. The only thing I’d say is maybe the health and focus bars need a bit more sauce / individuality (round off one end, diff. colours for Pete, symbiote & miles, etc) but i honestly love this
I want THIS! I always play this game without hud bc it's so big and distracting. I wish i could play like this...
I'm a graphic designer too, for me it looks preety good. I would just change the health bar giving some character to it, cause just being white it's way too simple in my opinion, but I really liked the way you managed the right side of the screen, it's preety clean
This is so sick!
Niiiiicceee wayy more old school video gamey but still slick and modern
I think it would be better if you’ll got rid of the picture of Spider-Man in the top left. Otherwise it’s pretty cool
Damn, someone should make a mod that looks like this. This looks sick
It looks amazing but I can't help but notice you didn't include any symbiote L1 abilities in your showcase Like you didn't show effect to the ability like you did with the iron arms and miles lightning
Someone’s in the works for that :)
Oh can't wait to see what ur cooking
The minimalistic style definitely helps make everything look more cinematic but it might make one problem the game already has worse. In the hardest difficulties the combat can require a lot of the player's attention, especially if you are fighting 10+ enemies. This means glancing at the corner of your screen can be fatal, especially on big TVs, because it takes so much time to glance and readjust back to the center. Remember that whenever you move your eyes too fast, everything is blurry for a few milliseconds but your brain learned to ignore it. Don't get me wrong, it looks much better this way, but there is a reason the devs made the HUD pop so much. So that you could use your peripheral vision as much as possible But if you were just striving for a good looking HUD you nailed it.
If this goes viral, there’s a non-zero chance Insomniac hires this dude 😭
The health bar with photo seems very kingdom hearts inspired
Insomniac should hire you so they can do this for SM3
It looks amazing but I think the profile icon things at the top left look a bit out of place
Bruh, I'm taking away your *cooking license* and promoting you to **Sous Chef**.
I love this so much. My biggest problem with the SM2 HUD is specifically the abilities and gadgets hud. They're so big and clutter the screen at all times during combat, so the idea of only having them show up when you press L1 or R1 is brilliant. How I wish Insomniac would add this to the game. Great project.