project reality header
Go Back   Project Reality Forums > PR:BF2 Mod Forums > PR:BF2 Community Modding
28 Nov 2014, 00:00:00 (PRT)
Register Forum RulesDeveloper Blogs Project Reality Members List Search Today's Posts Mark Forums Read
PR:BF2 Community Modding Making or wanting help making your own asset? Check in here

Contact Support Team Frequently Asked Questions Register today!

Reply
 
LinkBack Thread Tools Display Modes
Old 10-29-2010, 02:55 PM   #1
dead.pixel

dead.pixel's Avatar
Send a message via Skype™ to dead.pixel
Default [Menu] Concept UI

Hey All,

So I am learning how to create a user interface for BF2 and I thought I would practice by making what I think PR's UI should look like. Now I am very very new at modding BF2 and have no real idea of the limitations of the UI. But if all goes to plan I hope to have a nice high-resolution UI that hopefully kicks ass!

I may be overly ambitious and fail many times but this is something I have always wanted to get into, game UI design.

I have built out some concepts for multiple screens to get a good foundation if you want to see:

Login Screen
http://img5.imageshack.us/img5/33/de...lpruilogin.jpg

Main Menu
http://img521.imageshack.us/img521/8...elpruimain.jpg

Deploy Menu
http://img100.imageshack.us/img100/7...pruideploy.jpg

Server List
http://img52.imageshack.us/img52/217...ruiservers.jpg

Join IP
http://img253.imageshack.us/img253/5...ixelpruiip.jpg

So far it is just a few hours of work. I want to sit on it for a while and see if there are any glaring problems I missed. Please give any feedback or suggestions!

.
dead.pixel is offline
Last edited by DankE_SPB; 10-31-2010 at 07:40 AM.. Reason: image tags removed due to huge images
Reply With Quote
Old 10-29-2010, 03:06 PM   #2
The Iron Dreamer

The Iron Dreamer's Avatar
Send a message via Skype™ to The Iron Dreamer
Default Re: [CONCEPT] UI

Very sleek man... I like it very much... Its just simple and I like simple.



To view links or images in signatures your post count must be 1 or greater. You currently have 0 posts.


To view links or images in signatures your post count must be 1 or greater. You currently have 0 posts.


To view links or images in signatures your post count must be 1 or greater. You currently have 0 posts.
The Iron Dreamer is offline Reply With Quote
Old 10-29-2010, 03:14 PM   #3
[R-DEV]Amok@ndy
PR:BF2 Comm Faction Lead
PR Server License Moderator

[R-DEV]Amok@ndy's Avatar
Send a message via Skype™ to [R-DEV]Amok@ndy
Default Re: [CONCEPT] UI

looks like you took the minimap of Nasirah :P


To view links or images in signatures your post count must be 1 or greater. You currently have 0 posts.

[R-DEV]Amok@ndy is online now Reply With Quote
Old 10-29-2010, 03:19 PM   #4
dead.pixel

dead.pixel's Avatar
Send a message via Skype™ to dead.pixel
Default Re: [CONCEPT] UI

Yes I did it is also listed in the server list and as a tag for the thread. Wanted to give it some cred since it looks to be a great map. Though I did do several passes in photoshop making the water and tiling textures better as well as adding in the smoke .

If the UI works out I will move over to producing a nice background vid that will resemble the current BG. Run it through some extensive after effects and hopefully have a pretty cool package that I could eventually release.
dead.pixel is offline Reply With Quote
Old 10-29-2010, 11:27 PM   #5
[R-DEV]AncientMan
PR:BF2 Project Manager
Supporting Member
PR Server License Administrator

[R-DEV]AncientMan's Avatar
Default Re: [CONCEPT] UI

I have to say, I do like some of the things you're doing there . Even though I made the current menu, I really don't like it, I had no idea what I was doing half the time . Really should do a complete rewrite/redesign on that thing one of these days with all the stuff I know now... Hmm...

Anyway, you're going to have a lot of "fun" implementing something like that, I hope you really know your Flash ActionScript 2, since you would have to rewrite a lot of stuff. It does look all possible though... You should be designing it at 1024x768 though, since that's what you'd be creating it in unfortunately, which is kinda limiting .

On limits, there's no real limitations with the design aspect, since it's all created using AS2, and you have access to all the classes. The limitations come with the functionality, communicating with the world outside of flash.

Here's a real entry level tut I wrote up a while ago that you can start with, there's pretty much no advanced ones, it's up to you and your flash skills to work it out . (google it ftw)
How To Modify The Bf2 Flash Menu - Official BF Editor Forums


To view links or images in signatures your post count must be 1 or greater. You currently have 0 posts.
[R-DEV]AncientMan is offline Reply With Quote
Old 10-30-2010, 12:28 AM   #6
Celestial1
Default Re: [CONCEPT] UI

Quote:
Originally Posted by dead.pixel View Post
Join IP
This is the only screen I have a gripe with. Lower the opacity of the black overlay behind the Join IP dialog box; it's simply so dark that it becomes difficult to distinguish the dialog box from the background.

With the rest of your design scheme, I would say bring it to a very low value; 50% or less, so that there's just enough of a change to notice that it's a modal window, but you can still see the map background.

Everything else turned out quite nice, good job.


@AncientMan: Is it only AS2, or will AS3 work, even partially?
Celestial1 is offline
Last edited by Celestial1; 10-30-2010 at 12:33 AM..
Reply With Quote
Old 10-30-2010, 02:23 AM   #7
dead.pixel

dead.pixel's Avatar
Send a message via Skype™ to dead.pixel
Default Re: [CONCEPT] UI

@AncientMan: Hey, I meant no offence about the current design. I actually applied for a graphic/web design position about a week ago. If that pans out maybe we can tackle this, or some other redesign, together.

I actually have read over your tutorial. I have some AS2 experience the biggest thing is just learning the structure of everything...pretty messy really. Before I muck around to much I want to figure out the font situation as my design relies heavily on the typography.

I know the default file is 1024x768 but I am actually playing around with it to figure out what I can do to get a nice, clean and clear interface on widescreen monitors. So far it is working alright. I wish I had some data that would give me an idea of the median resolution for PR players. I'm willing to bet 1024 isn't near the top.



@Celestial: Thanks for the feedback on the dark screen. I work on an IPS monitor so contrast is much better on my screen than most gamers. Great for print design, bit annoying with digital.

As for the other screens, I don't want to make them any lighter. I want to make everything stark and contrasted with clear definition and usability. When the background is a video it would be annoying to see the movement behind the dialog boxes so easily. But I appreciate the feedback!

Going to mock up a loading screen. I think the information can be presented better than the current design there as well.

What things about the current UI functionality do you guys dislike. What do you wish was there?
dead.pixel is offline Reply With Quote
Old 10-30-2010, 09:20 AM   #8
Arnoldio
Banned
Default Re: [CONCEPT] UI

It would be fun to havve a menu like in MOH:AA, or Jane's Longbow, where you have to click on buildings/stuff.

But something this simple is win.
Arnoldio is offline Reply With Quote
Old 10-30-2010, 11:10 AM   #9
Celestial1
Default Re: [CONCEPT] UI

Quote:
Originally Posted by dead.pixel View Post
As for the other screens, I don't want to make them any lighter. I want to make everything stark and contrasted with clear definition and usability. When the background is a video it would be annoying to see the movement behind the dialog boxes so easily. But I appreciate the feedback!
Oh, no no no, I wasn't saying you should change the other screens at all. They're just fine as they are.
I was saying that, based on the rest of your design, that the black overlay on that Join by IP screen should be rather heavily transparent; that it would fit better with the scheme you had going.



Give me a bit and I'll really try to break down where I think the design needs some tweaks, but I do love the overall effect and style you pulled off here. If you're doing this via photoshop and don't mind, I can tweak them that way to show you (along with of course explaining why the changes were made).

Web designer/developer here myself I suck at designing my own things though. I've got an eye for detail but no inspiration...
Celestial1 is offline
Last edited by Celestial1; 10-30-2010 at 12:13 PM..
Reply With Quote
Old 10-30-2010, 03:21 PM   #10
dead.pixel

dead.pixel's Avatar
Send a message via Skype™ to dead.pixel
Default Re: [CONCEPT] UI

Ohhh I see what you were saying I took "With the rest of your design scheme, I would say bring it to a very low value; 50% or less" as lowering all of the windows to 50%....it was late. lol

So you were thinking something more like
http://img177.imageshack.us/img177/5...ixelpruiip.jpg

I would have to agree, it is easier to see that way. In motion it would be even more evident.

Think I may have an idea to get animation into the ui as well. Going to be a while still on that front.


Just a little something I was doing in the meantime (may use it for the loadscreen concept, rolling with the whole Nasiriyah)




It is a sort of matte painting/concept art thing I like to do with game images. Compositing images to create a realistic scene all based on a game screen shot. So far about 5 hours in, right side of the image nearly completed.

Here is the original, full screenshot:


.
dead.pixel is offline
Last edited by DankE_SPB; 10-31-2010 at 07:41 AM..
Reply With Quote
Reply


Tags
concept, design, gui, interface, menu, nasiriyah
Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are On



All times are GMT -4. The time now is 04:26 AM.


Powered by: vBulletin. ©vBulletin Solutions, Inc.
Search Engine Optimization by vBSEO 3.6.1
All Content Copyright ©2004 - 2014, Project Reality.