Take the 2-minute tour ×
Game Development Stack Exchange is a question and answer site for professional and independent game developers. It's 100% free, no registration required.

I'm making a browser strategy game.

Now my problem is that I have a feeling that my design is dated. For now I have only used background colors and borders to make things look nice, but I have planed to add some pictures later.

Here is what it looks like now:

enter image description here (Click for larger)

You will see that the game has a top and bottom bar and has the main section in the middle. My main concern is that this may not be best idea, because not full width and height of the window is used.

What strategies can I use to update the visuals of the site to a more modern look?

share|improve this question
    
The game is not playable yet, you can't build building or send messages. You can only view the game. Only difference you can make is that new players are added to the rank list (refreshes every 30 min) and I can do that myself. Besides, you will get much better look at the game when you see it yourself then on a photo. –  zoran404 Jul 18 '13 at 15:57
    
This doesn't seem like an actual question. If you can be specific about an actual issue (not something as general as how to make the game look better) you might get some better help. –  Benjamin Danger Johnson Jul 18 '13 at 17:15
    
You forgot: "Tell people what you've tried, why you don't think it works and how you want it to work." –  Byte56 Jul 18 '13 at 18:00
2  
Get an experienced UI designer/artist. Or if you can't, do what ashes999 said. –  Sean Middleditch Jul 18 '13 at 20:12
1  
@zor Design it yourself then? For me, design is about removing everything unnecessary. Suggestions are subjective though. There's also a UX SE, by the way. –  Anko Jul 19 '13 at 9:01
show 4 more comments

closed as primarily opinion-based by Nicol Bolas, Sean Middleditch, msell, Anko, Seth Battin Jul 20 '13 at 18:22

Many good questions generate some degree of opinion based on expert experience, but answers to this question will tend to be almost entirely based on opinions, rather than facts, references, or specific expertise.If this question can be reworded to fit the rules in the help center, please edit the question.

1 Answer

up vote 1 down vote accepted

Let the important content take as much space as possible. Show utility buttons (like add/remove) only when needed. Replace the wall of text with images where possible. Where not, keep the text short. Take example from the design of good browser-based games.

If you are having a hard type designing the page take a look at those UI libraries that can make your life easier:

JQueryUI

Bootstrap

Metro UI

Kendo UI

If those don't fit your design, use your favourite search engine to find more such libraries.

share|improve this answer
    
thanks, I'll check it out –  zoran404 Jul 18 '13 at 20:15
add comment

Not the answer you're looking for? Browse other questions tagged or ask your own question.