Carbon UI Controls (Graphics)

Discuss Scirra's 2D Asset Store

Post » Fri Nov 21, 2014 12:38 pm



Carbon UI Controls — Now for sale in the Scirra Store!
https://www.scirra.com/store/royalty-free-graphics/carbon-ui-controls-492

Cool and Stylish!

Carbon UI Controls are designed to help you create a themed interface that looks cool, and adds a touch of polish to your games.

This collection contains 92 elements including 82 PNG images, 9 PSD files, and 1 example capx.

The Product

Fourty five carbon discs and symbols with pattern insets and semi-gloss overlays, along with four transition controls sporting transparent centres with semi-gloss overlays, combine to produce stylish buttons and pause screen controls for your projects.

Create themed dialogs, information panels, and home screens, with a choice of three TiledBackground and twenty 9Patch images.

Carry the carbon theme to sizable progress bars with a choice of two end caps and four bar covers, and you can of course change the carbon indicator bar to any colour of choice.

Something Missing?

If you like this pack, but it doesn't have a particular control you need for your project - please tell us - we just may be able to add it!

Service

The product ships with an example project (capx) to show how to set up the progress bars and 9Patch objects. The capx requires Construct 2 R184 free version or better.

We trust that you would be very happy with this product. If you have any queries or need further assistance please feel free to contact us.

Check It Out

To see these controls in a web application, please go here: http://www.cdasinnovations.com/demo/controls/index.html



Use this topic to leave comments, ask questions and talk about Carbon UI Controls
If it can be done, someone on the web will show you how to do it!

CDASI Games Mentality Break Splat-a-bug FlapFleet Challenge
B
35
S
13
G
7
Posts: 363
Reputation: 7,283

Post » Fri Nov 21, 2014 12:47 pm

Hi @michael I certainly like the style but being a little red/green colourblind the green looks very muted compared to the blue and orange. (Or maybe that's supposed to be red?)
Image
B
9
S
3
G
1
Posts: 346
Reputation: 1,560

Post » Fri Nov 21, 2014 1:22 pm

hundredfold wrote:Hi @michael I certainly like the style but being a little red/green colourblind the green looks very muted compared to the blue and orange. (Or maybe that's supposed to be red?)


@hundredfold thanks for the feed-back. Yeah, actually I think you are right there.

Originally there was intended to be no colour, just grey tones for the collection. But when the pause controls are used over a game layout - for example displayed over a semi transparent black layer - I thought it would help to have subtle colours for the arrows of the Continue and Restart buttons (since both controls are similar in overall shape).

I'm thinking the orange arrow of the Restart control should be toned down a bit rather than making the Continue arrow brighter. Any thoughts....

The blue indicator used for some of the progress bars was just to demonstrate that you can use any colour for the bars.

Edit: Demo content removed, adding new screenshots soon.
Last edited by michael on Fri Nov 21, 2014 11:14 pm, edited 1 time in total.
If it can be done, someone on the web will show you how to do it!

CDASI Games Mentality Break Splat-a-bug FlapFleet Challenge
B
35
S
13
G
7
Posts: 363
Reputation: 7,283

Post » Fri Nov 21, 2014 2:14 pm

I was just looking at the screen shots.
Image
B
9
S
3
G
1
Posts: 346
Reputation: 1,560

Post » Fri Nov 21, 2014 2:20 pm

I'm thinking the orange arrow of the Restart control should be toned down a bit rather than making the Continue arrow brighter. Any thoughts....


Sure, I know subtlety is nice but that can sometimes hinder the game experience for players. You can do some automatic contrast check online for all kinds of visual condition. For most people it's not a problem which way you go, but it's just a matter of how inclusive you want to make your game.

I really liked the blue because it stands out so well and makes a strong contrast with the carbon grey. I also see the edges of the blue shape more clearly whereas the orange and green go kinda fuzzy around the edge for me.

All the best with it.
Image
B
9
S
3
G
1
Posts: 346
Reputation: 1,560


Return to Scirra Store

Who is online

Users browsing this forum: No registered users and 3 guests