WIP Gamestrap UI themes


Asset Store Link

Website: http://www.gamestrap.info
Facebook: Redirecting...

We are looking to create new Gamestrap assets for specific types of genres, we would love to get your input and vote in the poll above.

Each genre will require different types of UI elements so we’ll be adding and changing things based on the particular genre’s needs.

We will leave the links below to the assets we’ve already created for different types of genre.

Gamestrap UI
Gamestrap UI is a generic UI package for prototyping and creating different types of UI

We are looking for feedback on the products we already have and also on the new genres, feel free to comment!

1 Like

I like what you have so far. I’m not really looking for a genre specific UI, so for me a generic one like what you have here is nice. Perhaps more generic styles? I think they’re lacking on the asset store.

2 Likes

As flat and non stylized as can be pls. I need something like this for my upcoming game!

1 Like

1926915--124461--GamestrapUI_editor_flat.PNG
Alright, so we actually just finished setting up all of the graphic elements we published initially. We also went ahead and created a Custom editor script to help with the “Custom Colors” feature that allows you to select the colors you want and then assign it to the UI elements you want. Next we should be creating some example scenes with menus and we should be publishing the asset fairly soon. What do you guys think?

4 Likes

Sounds great!

1 Like

Can’t wait! Looks really cool especially for prototyping

1 Like

I just submitted it to the asset store, let’s see if everything is in order! Here are some sample screen of stuff you can do :slight_smile:
Basic menus


The showcase of what the pack contains:

Examples of custom UI you can create on your own:

These look decent for a beginner UI designer’s work and may function as ‘halfway decent’ placeholders, but even a generic UI kit could follow some best practices and make a good-looking generic icon set.

I recommend reading this article: 7 Rules for Creating Gorgeous UI. A non-artsy primer in digital… | by Erik D. Kennedy | Medium

1 Like

Thanks for the comments and suggestions, I’ll take a look and see what we can improve on. Generally we are trying to get some basic UI so we can later on create other generic styles and also themed UI packs. Since we are just starting, feedback like this is great. I appreciate it.

2 Likes

I’m glad to see you didn’t respond negatively or harshly to my feedback. Definitely a sign of good things possibly to come. I’ll follow this asset as I think it is a wonderful idea, but I would like to see best practices followed. Consider that your asset may one day be used in a prototype within a game company to pitch a gameplay concept to a project manager - it needs to be of high quality even as a generic UI.

Don’t get me wrong, flat icons are great and some people above even requested them. However, as the article mentions, most people don’t know UI best practices and don’t really know what they want. Having a great generic UI that follows the practices in the article will be a great ‘out-of-box’ asset to any project, even if the project developers have no clue about good UI design.

3 Likes

New additions based on some feedback,
I like the fact that the user can choose what their look and feel will be for their UI whether is completely flat or not, it’s their game, but I also like the fact that we can add some additional options so you can play with them, thus I am going to introduce 2 UI effects for Gamestrap Flat Theme.
One is the basic shadow effect that Unity comes with and the other one is one I created to be able to add a gradient.
Here is the result of the elements with/without the effects:
1931295--124790--effectsUI.png
The user will be able to choose how they like it through the Custom editor tool.
How does that sound?

3 Likes

If you can add a slight lighting “oval” (no other way to describe it, but you can see examples of what I mean in the article I linked) to the top of the 3D ones and make that another option, that would be great. Right now the non-flat ones look a little dark.

You mean the lighting that makes it look specular? Kinda like the Apple Icons? If so, then that would probably go better in a Glass theme instead of flat, we’ll probably make that theme too.

1 Like

This is getting better, I like how you can just customize your buttons as well :), how about possibility of flat shadow ones similar to those found in websites?

1 Like

Thanks for the suggestion!
I’ll see what I can do, sadly for now, at least that I know of, the Unity UI effects are very limited. I’ll try to see if with a material or some masking we could do it but I’m not sure. The idea is to not have thousands of different images but just the basic ones and customize from those. Worst case scenario we’ll do the images but I’ll try to avoid that :slight_smile:

Just want to drop this here: Reddit - Dive into anything

A lot of other gamedevs have asked for flat UI elements, and while it’s certainly not wrong to include them in your asset, keep in mind that most gamedevs are terrible at UI design because they are not UI/UX designers. Quoted from the above post (this is also mentioned in the article I linked earlier):

2 Likes

flat is a VERY GOOD start. In fact it should still be your baseline. Adding shadow + depth properties should just come in as options (which can easily be added in your inspector I see).

2 Likes

New updates, I’m still figuring out the flat shadows to see if there is any way to make them so it’s simple for you guys. Aside from that here are the new updates:

New Effect section
1934950--125062--Gamestrap UI Flat kit.PNG
Results of applying shadows and gradients.

I think there would be a real market in the asset store for a bunch of 9 slice button options.

1 Like

Yeah part of this is that we are going to be creating different types of themes all with different 9 slice buttons, but with this comment I guess I’ll try to see if we can get more types of flat buttons/bases out there, it would be cool. You could use those for panels, buttons, etc…

Thanks for the comment :slight_smile: