Project Stealth

Archives => Presentation Forum => Topic started by: Daybreak on June 23, 2007, 09:16:51 PM

Title: Concept Menus / UI
Post by: Daybreak on June 23, 2007, 09:16:51 PM
Hey hey,

I've had the ideas for a while, just no time to computerize them. I've created two pages to covey my concept. The main login page and the profile page. Since no final name or colours have been discussed, I figure I'd throw in my idea. I've never done anything like this before so I kept it simple.

The boarders and text texture, I am still working on. I'm trying to recreated what I did with the V however, it's proving rater difficult. Also the icons are those directly from CT. I am hoping either to have our own little designs, or the actual renders or our eventual weapons.

Discuss.

(https://community.projectstealthgame.com/forums/proxy.php?request=http%3A%2F%2Fimg516.imageshack.us%2Fimg516%2F9336%2Fmainpd5.th.jpg&hash=960bc48639b007e3bc42cb4675cd54e29e762187) (http://img516.imageshack.us/my.php?image=mainpd5.jpg)

(https://community.projectstealthgame.com/forums/proxy.php?request=http%3A%2F%2Fimg529.imageshack.us%2Fimg529%2F1332%2Fprofilext4.th.jpg&hash=86dd7500eaf1e8cc337d4e802b872efd3b75a736) (http://img529.imageshack.us/my.php?image=profilext4.jpg)

NEW
Added Lobby
(https://community.projectstealthgame.com/forums/proxy.php?request=http%3A%2F%2Fimg529.imageshack.us%2Fimg529%2F6417%2Flobbyaf2.th.jpg&hash=8c5a806bd7024ba41a64c09cfea0ea2cfa2d5921) (http://img529.imageshack.us/my.php?image=lobbyaf2.jpg)

Update June 30
(https://community.projectstealthgame.com/forums/proxy.php?request=http%3A%2F%2Fimg444.imageshack.us%2Fimg444%2F3604%2Fcomboth5.th.jpg&hash=ccf14a7ad2087875074e4da435037c28b39a1500) (http://img444.imageshack.us/my.php?image=comboth5.jpg)
Title: Re: Concept Menus / UI
Post by: LiVe.To.Di3 on June 23, 2007, 09:23:56 PM
i like it but something is just not right and i dont know what  ??? but anyways its not bad
Title: Re: Concept Menus / UI
Post by: Daybreak on June 23, 2007, 09:27:59 PM
I think it may be the lack of texture for the yellow text. It looks unfinished as well, which could be what your picking up, because it is unfinished. I guess that shows me I shouldn't post unfinished work. lol.
Title: Re: Concept Menus / UI
Post by: frvge on June 23, 2007, 09:37:23 PM
I like the yellow I think. Overall it looks good.
Bonus points for Pirate_Jack of course.
Title: Re: Concept Menus / UI
Post by: Spekkio on June 23, 2007, 09:46:34 PM
Heh...

I like the screen. Thing is, you probably won't be able to change profiles while online, so this is what I suggest:

There is a "LOGIN" button somewhere there. Before you login, you can pick a profile, and the "LOBBY" button is greyed out (replaces "HOST SERVER JOIN").

Once you go into the lobby, you see the host/join options. A functional lobby chat and a friends IM would be great.

I like the concept though. Very nice, and doesn't try to overdo it with fancy graphics.
Title: Re: Concept Menus / UI
Post by: Gawain on June 23, 2007, 10:49:19 PM
gj ;)
keep it clean and simple. i really like the font used for the profiles/gadget description and the good contrast (yellow font/white gadgets on black background). gogogo ;D
Title: Re: Concept Menus / UI
Post by: goodkebab on June 24, 2007, 01:43:58 AM
I like how everything is on one screen.....avoids confusion that way. 

As it stands, we will be able to use stuff for place holders for the programmers.

---------------

I would like to discuss small improvements though in simple layout changes.

Mostly with where you place each text and the heirarchy.

like:  Join should only be available under Lobby

editor and stats are questionable features atm.

Its not limited to that though, but its an awesome start in a good direction.

Normally we would need to discuss with our programmers of Lobby chat and Server Lobby chat are both possible .....

And also,  If we should have Over code this now if it is possible to link it to UT 3.
Title: Re: Concept Menus / UI
Post by: LiVe.To.Di3 on June 24, 2007, 03:40:03 AM
i like the lobby a lot. i dont see anything wrong with it and its easy to understand.
Title: Re: Concept Menus / UI
Post by: Overstatement on June 24, 2007, 04:01:34 AM
I've never actually seen a mod for any game change the menu's coding. Just the background and colour of text but they always reserve the same layout and function as the original game's UI. It's probably not lazyness that they would do that but that they are forced to do it. I think it's safer to be thinking about ingame UI elements than on the menu we may not be able to change.
Title: Re: Concept Menus / UI
Post by: iservealot on June 24, 2007, 04:43:12 AM
Quote from: Overstatement on June 24, 2007, 04:01:34 AM
I've never actually seen a mod for any game change the menu's coding. Just the background and colour of text but they always reserve the same layout and function as the original game's UI. It's probably not lazyness that they would do that but that they are forced to do it. I think it's safer to be thinking about ingame UI elements than on the menu we may not be able to change.

Lucky for us UE3 actually now has this visual UI thingy. Yup, and it seems to be fully functional as it is now. Of course along with designing it, would need some code too. Though, it might all be visual scripting now. I'd have to take a look.
Title: Re: Concept Menus / UI
Post by: Gawain on June 24, 2007, 11:58:11 AM
i like the general desing and how you filled the sketches with life :)
the bad thing that catches my eye first is the proportioning, but i'm sure you just rushed with it :P
anyway, gj
Title: Re: Concept Menus / UI
Post by: goodkebab on June 24, 2007, 02:30:36 PM
as I understand it iservalot, we are free to have the UI the way we want?

also,  is it worth having us do this with 3rd party software that can connect to UT?
Title: Re: Concept Menus / UI
Post by: Bionic-Blob on June 24, 2007, 02:59:12 PM
Quote from: goodkebab on June 24, 2007, 02:30:36 PM
as I understand it iservalot, we are free to have the UI the way we want?

also,  is it worth having us do this with 3rd party software that can connect to UT?

i hate stuff that does that myself. it just seems so clunky.
Title: Re: Concept Menus / UI
Post by: goodkebab on June 24, 2007, 03:50:07 PM
new pic for the menus
Title: Re: Concept Menus / UI
Post by: goodkebab on June 24, 2007, 03:55:40 PM
btw:  I have also asked seefoo to help on the menu stuff as well.  He comes from a graphic design - marketing background,  so between the 2 of you we should have the menu stuff sorted out.

Thanx a lot so far.
Title: Re: Concept Menus / UI
Post by: Daybreak on June 24, 2007, 11:37:14 PM
That's great pic for the lobby.
I just saw the other guy's menu and it looks much more polished. However, I do really like my layout and tabs. Makes it real easy.
Just as an FYI too, if you notice in the Lobby menu by the server names there are two symbols. One represents the classic spy gogles. He's a friend on your friends list. The nuclear symbol, is someone on your black list. Ya the symbols were lame, but I didn't think long enough for them. I wanted the ability to quickly locate a friend in the lobby, without going to the Friends list. Or in my case Opponents list. I think that would be a great new addition to the lobby.
Title: Re: Concept Menus / UI
Post by: goodkebab on June 24, 2007, 11:48:31 PM
thats a very good idea Daybreak  (friends and black list)

i wanted to put in a host controlled rating system so that vets will know what skill level they are going against...so they can avoid noob servers
Title: Re: Concept Menus / UI
Post by: Daybreak on June 24, 2007, 11:54:58 PM
It could work the same way. Have a little symbol appear by the server name in conjunction with a friend.
My original intention was this
good: friend
bad: enemy/foe/nemisis (someone you like to destroy)
ugly: Banned list

In anycase, that host control is a good idea. having 3 different symbols i think would be sufficient. experts novice and beginners. perhaps an in training as well.
Title: Re: Concept Menus / UI
Post by: Gui Brazil on June 25, 2007, 12:15:51 AM
It's looking really good Daybreak.
Title: Re: Concept Menus / UI
Post by: Daybreak on June 26, 2007, 03:43:26 AM
Alternate!!!

Sign in
(https://community.projectstealthgame.com/forums/proxy.php?request=http%3A%2F%2Fimg263.imageshack.us%2Fimg263%2F7986%2Falternatesignindi7.th.jpg&hash=bdb16d5ad194ec5ba8a99de30c213a2c599847d2) (http://img263.imageshack.us/my.php?image=alternatesignindi7.jpg)

Profile.
(https://community.projectstealthgame.com/forums/proxy.php?request=http%3A%2F%2Fimg413.imageshack.us%2Fimg413%2F2153%2Falternateprofileql6.th.jpg&hash=59eefea2d3968c465a8f3badc48131cde761bea2) (http://img413.imageshack.us/my.php?image=alternateprofileql6.jpg)

Game Lobby.
(https://community.projectstealthgame.com/forums/proxy.php?request=http%3A%2F%2Fimg171.imageshack.us%2Fimg171%2F8986%2Fgamelobbyalternateyl1.th.jpg&hash=6a6956ad9f73d922cac058099599d66992ffe29c) (http://img171.imageshack.us/my.php?image=gamelobbyalternateyl1.jpg)

Title: Re: Concept Menus / UI
Post by: Zedblade on June 26, 2007, 04:42:44 AM
other then the gold/yello i like it. I always thougt red would be a better color to go with Gold/yellow is very sneaky/cool/gloomy/mature enough

when I see gold/yello i think happy places
Title: Re: Concept Menus / UI
Post by: iservealot on June 26, 2007, 05:51:25 AM
I like the blue, but it's all very cluttered.

All of the options that you have on top and on bottom should all be found under a separate page called, "Options". Just my opinion.
Title: Re: Concept Menus / UI
Post by: Vega on June 26, 2007, 06:12:46 AM
I like the blue significantly better than the gold.  The menus look good, kinda bland, but other than that it's superdeduper!
Title: Re: Concept Menus / UI
Post by: Westfall on June 26, 2007, 09:40:38 AM
Daybreak...that looks sick nasty...nicely done...
Title: Re: Concept Menus / UI
Post by: frvge on June 26, 2007, 12:23:23 PM
I think I prefer the yellow. More contrast. But the blue logo looks better. =/ lol.

+ button placement
+ font for 'Spies' and 'Mercs'
+ placement of the map and Briefings and stuff
- how do you change equip in lobby?
- how do you change team?
- text in chat through picture. Maybe a fade?
Title: Re: Concept Menus / UI
Post by: Bionic-Blob on June 26, 2007, 12:43:30 PM
yellow all the way.
Title: Re: Concept Menus / UI
Post by: goodkebab on June 26, 2007, 02:14:08 PM
word up on yellow....

keep the cold colors, and use yellow for highlight of buttons and/or text.

This creates a color depth....cold colors are distant where as warm colors catch attention and appear closer.

The weakness of doing an all yellow UI is that you lose the ability to use the depth with colors.

Also, yellow is associated with Mercs.
Title: Re: Concept Menus / UI
Post by: Gawain on June 26, 2007, 03:50:31 PM
listen to the master ;)
i wanna see more discreet transitions and less contrast where it is not needed, and maybe some highlights (would be cool if they move). the creation lacks of flow, it somehow looks kludgy.
Title: Re: Concept Menus / UI
Post by: Daybreak on June 26, 2007, 04:19:06 PM
I can change the bottom right to options, but then it'll make two more clicks to get to any options you want.
Changing equipment in the game lobby is as easy as hitting profile. Just, in game lobby profile doesn't have the create a name menu.
Changing teams, click on the name. Or do we still want a button so we can rappidly change teams for no apparent reason.
The picture was a last minute addition. My original intention is having a close up of the spy face and merc face, faded in the background. However The mercs not done.

I was also a big fan of the yellow, but i wanted to show a different look. What I'm gonna try and do is merge the ideas of both tigear's and mine. I'll keep workin' and merging ideas.

Keep the ideas commin'
Title: Re: Concept Menus / UI
Post by: Gui Brazil on June 26, 2007, 06:00:24 PM
What if you made the players name yellow in the menu?
Title: Re: Concept Menus / UI
Post by: Stealth.Hero on June 27, 2007, 02:15:51 AM
Man this i soooo amazing game!!!!!!!!
Title: Re: Concept Menus / UI
Post by: Succubus Dryad Of The Undying Comet on June 27, 2007, 03:11:53 AM
Quote from: Stealth.Hero on June 27, 2007, 02:15:51 AM
Man this i soooo amazing game!!!!!!!!
Dude, write something constructive, please???
And yes, it will be amazing - when THE DEV TEAM finishes it.
Title: Re: Concept Menus / UI
Post by: LiVe.To.Di3 on June 27, 2007, 10:21:35 PM
the IDEAS are amazing lol.. and until i see something i will not say its the best thing in the world when there is not a lot of the best thing
Title: Re: Concept Menus / UI
Post by: Bionic-Blob on June 28, 2007, 11:18:37 PM
i still prefer this over the other 3..

get to work daybreak! :D
Title: Re: Concept Menus / UI
Post by: Daybreak on June 28, 2007, 11:35:41 PM
You and me both buddy.
I had a lot of work to do on tuesday, and went to see DieHard right after work yesterday. Which if you haven't, is a must. Brings back all the good things about DieHard, not 2 or vengence just good ol' diehard.
Anyway, I"m workin on a new version that mixes both the style of Tigaer's and crispness of seefoos.
Sadly, I just don't have as much time in the next little bit to pump it out. It's a busy weekend with friends and partying. And it's Canada Day, so i'm gonna be drunk the entire weekend. Only to sober up in time for Transformers.
Title: Re: Concept Menus / UI
Post by: Daybreak on June 30, 2007, 12:25:18 AM
Rather than make a new Thread, I'm posting here.

Here's all three UIs mashed to gether with no sort of care. I have to leave for hockey and am late as it is but wanted to get this across. Each one keeps adding great new things, we just had to put them together.
There's some background work needed, and well it's all gotta be centered and perfect but I think this is the best one so far. Simply because it's got everything.
Maybe I did it too fast... but the effect is still there.

(https://community.projectstealthgame.com/forums/proxy.php?request=http%3A%2F%2Fimg509.imageshack.us%2Fimg509%2F4753%2Fcombinationiz4.th.jpg&hash=cfc8316322027dc1b0954740612f8e2e5ecd901b) (http://img509.imageshack.us/my.php?image=combinationiz4.jpg)


http://img164.imageshack.us/img164/808/combinationdc4.jpg
Title: Re: Concept Menus / UI
Post by: HeroFromHyrule on June 30, 2007, 12:43:32 AM
Very nice Daybreak, I like the compilation a lot.  I've got a few suggestions though:

1) I feel like that gray part in the top right corner should have something in it, but I can't think of anything that isn't already displayed on the screen.
2) I really like the design of the Change Team buttons, but I still like the idea of having one button better.  Yea, the ability to rapidly change teams is pretty useless, but having a button for each team just seems extraneous IMO.
3) The text fade should be more subtle.  The line at the top of the box is completely unreadable, whereas the line just below it is hardly faded.
4) In the player listing windows there seems to be something faded in the background, like a watermark.  I can't quite make out what it is though, but it seems it is the same object in each window.  Perhaps something Spy-specific should be watermarked in the back of the Spy player list, with something Merc-specific watermarked into the background of the Merc player list?
5) Yea, there is some background work needed.  I can definitely see a little background "video" working really well with this layout.
Title: Re: Concept Menus / UI
Post by: Daybreak on June 30, 2007, 01:44:20 AM
This combination picture, I literally just copy pasted from the different versions. So ofcourse so effects look weird. Like the fades and things because they are part of other pictures.

Ya something needs to go up there and eventually when I or someone else thinks of it... it will be.
The colours look good and maybe only one change button is needed but the idea of all of ours, I think is successfully illustrated in this collage.

Title: Re: Concept Menus / UI
Post by: Tidenburg on June 30, 2007, 01:45:42 AM
Urgh, that spy picture looks awful, upclose with little shading or blending makes the model seem really low quality  :-\
Title: Re: Concept Menus / UI
Post by: Daybreak on June 30, 2007, 10:41:25 PM
UPdate!!!

So again, me trying to merge everyone's ideas into one.
There should be a folder type picture where the briefing box is.
Nothing at the top right of this screen simply because there's no need, just as someone mentioned. You don't need to see all the things from the in game. From the servers lobby, there will be the profile and friends list just as it is in my original layout.

Maybe a standard background image that stays the same throughout the entire UI like in CT would be better. I just like my 'fake screen pop up' better because then we could have multiple photos with out it getting too complicated.

The chat box is off because I just scaled it and such. Hit Say, and it turns into team say just like in CT. Forgot to add send button.

HOST IS READY TO LAUNCH should appear in the chat box that way, whoever's gone or what not can know when they get back. Small issue would be flodding the screen with the message, then again, why would you do that you jerk.

Yes, equipment things on both sides, easier and looks pretty with seefoo's drop box. OOOoooo.
Invites and the friends list would work a similar way.

Briefing and Settings would be new screens due to their complexity.

I still prefer having the character models show up detailed on the profile screens and not in lobby. Though as I said, a standard picture in the back might work. There may be too much going on with the pics.

(https://community.projectstealthgame.com/forums/proxy.php?request=http%3A%2F%2Fimg444.imageshack.us%2Fimg444%2F3604%2Fcomboth5.th.jpg&hash=ccf14a7ad2087875074e4da435037c28b39a1500) (http://img444.imageshack.us/my.php?image=comboth5.jpg)

Title: Re: Concept Menus / UI
Post by: HeroFromHyrule on June 30, 2007, 11:43:39 PM
Much improved Daybreak.  In a way, it almost works perfectly with just the black background.  I like the popup menu for changing equipment, looks like it could work well.  And I like that you've cut it down to only one button for switching teams.

Lol, my eyes finally put together what was in the background of the player listings, a profile of the spies.  If this layout were the final UI, would those spies be animated?  If they were animated (obviously only within the player listing boxes) it doesn't seem necessary to have anything going on in the background behind everything.
Title: Re: Concept Menus / UI
Post by: Tidenburg on June 30, 2007, 11:50:20 PM
I'm assuming that when you click the gun the equip menu appears?
Anywho...
I really like this one, The V seems really out of place, I think its because its got a texture whereas everything is all very iconic. Experiment with the logo a little.
Title: Re: Concept Menus / UI
Post by: Daybreak on July 01, 2007, 01:05:55 AM
You assume correct Tiden. After looking at the layout with one main equip button, this worked best as the menus could be connected to it all. Thus it'd flow that little bit more.

V is out of place, and probably the wrong colour. I liked the yellow. Anyway, it comes down to what we are gonna name the thing anyway. I just figured I'd use it to show that's where the name/logo would go.

When I have time, i'm gonna make a the server lobby using the same boxes and such. Then we'll definitely start seeing some great flow.
Title: Re: Concept Menus / UI
Post by: Gui Brazil on July 01, 2007, 01:40:00 AM
Simply awesome. It has the best out of all the UI's together. As Tidenburg said, the only thing that doesn't seem right is the V. What if you try it yellow with a different blending mode?

By the way, what's that send friend's request on the pop up menu?
Title: Re: Concept Menus / UI
Post by: Daybreak on July 01, 2007, 03:19:58 AM
Ya, i'll be playing with The V for sure.

As for that "friend request" i think, it's exactly what you it says. You click on it and then he gets a message saying add to friends. Kinda like, xfire and what not I guess. I'm not exactly sure but that's how i see it. That way, not just anyone can add you as a friend. Several times i'm like who's this guy, and i think it's a smurf then it turns out to be some other guy I'm not particularly fond of. I added the blacklist cause you don't need permision. Just black list that mother $%!#!.