Skip to main content

UI buttons.

UI design, and 2d artwork in general is one of my weaknesses.
I'm trying to improve my work in this area and one thing I've been told is that it looks better to have cleaner textures, not so much grunge as I've been adding. Also thinner borders with more room for the icons.

Here's a mock-up of the buttons I've been working on:


The top ones are deactivated or not clicked, the bottom ones are when something is selected or clicked.

I think they look pretty good, even when small on screen.

Let's compare them to some other games:


One game UI I like the look of is "Order of battle". The icons look clean, the faded paper texture is nice. It's similar to the UI adopted for the Blitzkrieg spin off, Stalingrad:

I like this three tone effect. it doesn't detract too much from the main game action and it's pretty easy to tell one icon from another even if it's not easy to tell what they mean.

The blitzkrieg 3 UI goes back to the metal and color theme of the past, though I don't like the sci-fi look of the paneling. It's supposed to be a WWII game. Also the UI takes up quite a lot of screen space in order to be readable. Similar to "Company of Heroes" with its big buttons.



The UI looks too colorful to me, too chaotic and difficult to tell what's going on (though you can probably at least make a guess as to what each button does). It's almost as ugly as the UI from Blitzkrieg 2:


That's hideous! Every time I look at Blitzkrieg 2 I find a way in which it was inferior to the original.

The UI for the original Blitzkrieg was much better:

 
That's where I'm going with mine currently. I've still not given up on the smoother, faded paper appearance favored by Order of battle and Stalingrad, but I have to admit I'm a sucker for that rusted stamped metal look.

I like the simple icons, although they aren't easy to guess, I prefer to have mouse over tool tips so you can find out the meaning and then just remember which button does what. With Blitzkrieg I usually use keyboard shortcuts more often than the buttons in any case.

Another thing I'm thinking about right now is the position of the UI. Older games placed the UI at the side of the screen:


This gives you a play areas which has a similar amount of space both horizontally and vertically. More modern games usually put the UI along the bottom of the screen.


What a waste of space. Nearly a quarter of the screen space taken up by a UI that is mostly empty anyway.

With wide screen monitors more common these days I think the first one is maybe better. It doesn't force you to scroll up and down so much to see things that don't fit on screen.

What do you think?

Comments

Popular posts from this blog

Back to Vinland.

I'm going back to my real time tactics project, Vinland 1936.
While working on the other project I overcame the problems which were stopping me from saving/loading the game and also cleaned up the base code a lot.

After a few weeks I'm getting near the the state I was in before.


Infantry are back to their previous state, and vehicles are running OK.
This time I'm going to push ahead with mocking up the combat system though before I work any more on the vehicle builder or graphical aspects of the game.

Rockets

I finished working on the code for adding foliage and having some extra time I decided to experiment with the code for rockets.

The original idea I had was that rockets would be large vehicle components that can be fired very quickly, regardless of how much manpower is used for reloading.






They would use up a lot of ammo, so they would run dry after a short but devastating barrage.
The problem here is that it's easy to take advantage of this by adding a lot of ammo, which is much smaller than in bulk than the rockets.

There's also the problem of firing large caliber rockets. In real life rockets of up to 30cm were used, but I think that will be too powerful for the scale of combat in this game.



lol. Somehow that one trooper survived the mother of all explosions...

A 30cm rocket could contain nearly 30KG of explosive. That would be a very large explosion.

I've tried to balance the game by using a simple equation to make bigger guns more powerful, but hopefully not too powerf…

Infantry combat and entering buildings.

I've been working a lot on the game recently and I've nearly rebuilt it to the level it was before. Past that maybe, since now I have the beginning of a working combat system and the ability to save and load the game.


Infantry can now occupy a building. It's quite an abstract representation, since they stay at the door and turn invisible. But they can then fire from one of the windows and take damage from shots at the windows too. I think I've set it up well so that when building damage and destruction is working then the system should continue to work.

For combat I tried some new ideas, but they didn't work out that well. It seems that it's important that viewing range should be further than shooting range. Now shooting range is pegged at 18 units of distance, while viewing range can extend out past that.

In the above image one unit has an officer, so has further viewing range. The other can only see as far as they can shoot, a dangerous situation since the en…