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

Vinland 1936

What have I been up to this month?

Well you can see it in a couple of development blog videos, here, here and here.

Vinland 1936 is a game I've been working on (on and off) for about 3 years. It is somewhat based on the old Nirval interactive game, Blitzkrieg;





I hope you've played it since it is one of the best games ever!!! (IMHO)
Blitzkrieg was a real time tactics game. You didn't build a base, or spawn units. It wasn't about rushing the enemy. You got a small number of troops and vehicles that could be replenished or repaired if you had access to a supply base and the right supply trucks, but couldn't be replaced if lost. Once your vehicles were destroyed and your infantry killed you were finished. You couldn't just churn out some more from your factory and have another go at rushing the enemy guns. This made you invest a lot in each of your units. They really mattered.

It was also procedurally generated. Each mission (except for the historical missions) was…

Reboot / Remake / Restart

Although the roguelike project was going well I had a few issues with some parts of the code, and the sheer size of the project was something I could see stretching away in front of me for years with no guarantee that people would actually want to play it when it's finished.

It's time to try something a little less ambitious.
I'm going full rogueLITE!

Using a lot of the code from the roguelike project, I started making a more limited game.
There will be a single character, combat will be more arcade like, there will still be a chance to upgrade and develop your character's stats, but they represent only a single class and have fixed equipment.

I've got a fun character, an interesting setting and an exciting story lined up. It still utilizes my low poly style, but things are going to be a little more cartoony.

Game play involves mostly chucking bombs at the enemy.

But there's also a lot of platforming, jumping from multiple levels is part of the game. And you ca…

Materials.

I'm currently working on the inventory and items system.
I've got a good idea of how it's going to work, and I've made a few test demos in blender so I know how it should fit together, but one area I had some trouble with is how to make the items more interesting.

I don't want to have just sword +1, necklace of AC +5 etc... I want items to feel like they are unique. So I'll be designing a few base item types and then having them generate some qualities.



The first quality is status. An old broadsword, or a rusty helm. Or spoiled meat. These will be limited by item type, so you don't end up with rusty meat or rancid chain-mail. They add a modifier to elements of the item's stats, either a positive or a negative modifier.

The second quality is wear and tear. This is more dynamic since it can change, as you take or deal damage. This might not be seen in the item's name, but rather in a status bar or something. However, it could cause the item to lose so…