UI Overhaul Capitalist City

The UI overhaul is going pretty good. I have been working over some iterations. I think the first iterations were more classical “City builder UI”. But I didn’t really like it. Here is the example on how the design file in figma look

Now I really like the idea of windows that are movable that I got from software inc. I still think that’s a great idea but just this design does not work too well. The boats on the bottom I also had an Idea to make it look like an inventory. But that didn’t turn out well either. Mainly because each of them is a button to open another ui with buildings that can be placed.

Colors

The main problem I faced with these are colors. In the beginning I thought the color scheme I had was pretty good. But I decided to back away from it because it jumps at the player very hard. Everything screams for attention meaning it’s hard for the player to know what to focus on. 

The current color scheme is 

#42BFDD a very light blue

#F0F6F6 a shade of white

#F0F6F6 coal black?

#847E89 Gray

#847E89 Black Bluish

#3F4255 Lighter black bluish

Current Design

Instead of a lot of colors screaming there are not as many and more sparkly used to be able to draw attention when it is important

This is the window design. Currently this one just serves as a base. It also has a blinking function to show when there is a problem with the current resource. Example electricity when the production is lower then the consumption.

There is also this part where you open this bar where you can choose the right building type you want to place and then the building. The light blue color is currently a slider if it would happen that there are more buildings than can fit in the row.

What’s left?

Currently there is some linking up to do between actions and I want to add 2 other windows. One before placing you can hover over and see specifications. Such as Max electricity production. And also in the game you can click on a building and see how used it is, for example how many people live in this building.