User Interface (UI) Design Suggestions

Description: General discussion regarding the current engine development.
Moderator: Moderators

Wohlstand M
Topic author, Lead Developer
Lead Developer
Avatar
Wohlstand M
Topic author, Lead Developer
Lead Developer
Age: 25
Reputation: 320
Posts: 1297
Joined: 15 Feb 2014
Location: Moscow, Russia
Website Skype YouTube

Post #1by Wohlstand » 31 Aug 2014, 18:20

Hello, I've heard that some people are not satisfied with the UI (User Interface) of the editor, which they say is "not good".

Feel free to DRAW your suggestion in an image or a screenshot, or you can send an alternate icon image to replace an existing one/add an icon to a feature which doesn't have an icon yet.

Don't forget to download fresh builds from the laboratory page, because the UI may change during the course of development.

Squishy Rex M
Advanced Moderator
Advanced Moderator
Avatar
Squishy Rex M
Advanced Moderator
Advanced Moderator
Age: 22
Reputation: 114
Posts: 254
Joined: 24 Feb 2014
Location: Australia

Post #2by Squishy Rex » 2 Sep 2014, 8:51

I'll mess around in Paint.NET and see what I can come up with. Though before I start I have a few questions:

1. Can the SMBXtended version of PGE use "Mario" type icons like Lunar Magic for instance, or will SMBXtended use icons not affiliated with Mario like the main non-Mario PGE.

2. What size must the icon image be to fit the UI.
Example: 16 x 16 pixels
8 x 8 pixels
Squishy Rex's CGFX Pack v1.7
Image
To show your support add any of these Userbars to your Signature!
Image

Kevsoft M
Angry developer
Angry developer
Avatar
Kevsoft M
Angry developer
Angry developer
Age: 19
Reputation: 77
Posts: 376
Joined: 26 Apr 2014
Location: Austria

Post #3by Kevsoft » 2 Sep 2014, 13:17

Squishy Rex wrote:1. Can the SMBXtended version of PGE use "Mario" type icons like Lunar Magic for instance, or will SMBXtended use icons not affiliated with Mario like the main non-Mario PGE.
There are two ways we might can implment it: Either we bind it to a config, or we make it config independet, like a own skin config.

Squishy Rex wrote:2. What size must the icon image be to fit the UI.
Example: 16 x 16 pixels
8 x 8 pixels
Most of them are 24 x 24. There are also some 16x16 version which are provided as window icon for dialogs.
▬▬▬▬▬▬▬▬▬▬ஜ۩۞۩ஜ▬▬▬▬▬▬▬▬ Signature.start() ▬▬▬▬▬▬▬▬▬▬ஜ۩۞۩ஜ▬▬▬▬▬▬▬
Image
Wohlstand in interview:
Spoiler
Image

▬▬▬▬▬▬▬▬▬▬ஜ۩۞۩ஜ▬▬▬▬▬▬▬▬ Signature.end() ▬▬▬▬▬▬▬▬▬▬ஜ۩۞۩ஜ▬▬▬▬▬▬▬▬

Squishy Rex M
Advanced Moderator
Advanced Moderator
Avatar
Squishy Rex M
Advanced Moderator
Advanced Moderator
Age: 22
Reputation: 114
Posts: 254
Joined: 24 Feb 2014
Location: Australia

Post #4by Squishy Rex » 2 Sep 2014, 13:27

Alright then.

For the Mario type icons, I'll make those, plus I'll also make ones that are not Mario affiliated, that way we have the best of both worlds. Also a custom skin config would be pretty cool. I never really thought of that, but with the amount of SMBX users doing it with the Hard-Coded GFX Tutorial by Darkchao, it might be something worth thinking about.

As for the sizes, thanks, for now I'll just make all of the toolbar icons that run the length of the top of the screen. Once I've got them finished, I'll have a look at the ones used for the dialog windows.
Squishy Rex's CGFX Pack v1.7
Image
To show your support add any of these Userbars to your Signature!
Image

Kevsoft M
Angry developer
Angry developer
Avatar
Kevsoft M
Angry developer
Angry developer
Age: 19
Reputation: 77
Posts: 376
Joined: 26 Apr 2014
Location: Austria

Post #5by Kevsoft » 2 Sep 2014, 13:36

Great then ;). But I plan to develop that after the first beta comes out, I don't want to develop anything major before the beta release.
▬▬▬▬▬▬▬▬▬▬ஜ۩۞۩ஜ▬▬▬▬▬▬▬▬ Signature.start() ▬▬▬▬▬▬▬▬▬▬ஜ۩۞۩ஜ▬▬▬▬▬▬▬
Image
Wohlstand in interview:
Spoiler
Image

▬▬▬▬▬▬▬▬▬▬ஜ۩۞۩ஜ▬▬▬▬▬▬▬▬ Signature.end() ▬▬▬▬▬▬▬▬▬▬ஜ۩۞۩ஜ▬▬▬▬▬▬▬▬

Squishy Rex M
Advanced Moderator
Advanced Moderator
Avatar
Squishy Rex M
Advanced Moderator
Advanced Moderator
Age: 22
Reputation: 114
Posts: 254
Joined: 24 Feb 2014
Location: Australia

Post #6by Squishy Rex » 2 Sep 2014, 14:16

Yeah, I don't think you'd want to get too far ahead of yourself, especially with the Beta just around the corner. But in any case, that will give me plenty of time to work on the icons. :)
Squishy Rex's CGFX Pack v1.7
Image
To show your support add any of these Userbars to your Signature!
Image

Wohlstand M
Topic author, Lead Developer
Lead Developer
Avatar
Wohlstand M
Topic author, Lead Developer
Lead Developer
Age: 25
Reputation: 320
Posts: 1297
Joined: 15 Feb 2014
Location: Moscow, Russia
Website Skype YouTube

Post #7by Wohlstand » 2 Sep 2014, 14:30

Icon sizes are 24x24.
Also I forgot about splash: I will made customization of the NOW by config, but UI icon customization will be easy too (simply load images and put them as icons) ;-)

Squishy Rex M
Advanced Moderator
Advanced Moderator
Avatar
Squishy Rex M
Advanced Moderator
Advanced Moderator
Age: 22
Reputation: 114
Posts: 254
Joined: 24 Feb 2014
Location: Australia

Post #8by Squishy Rex » 2 Sep 2014, 15:07

Well I guess I can work fairly fast. Now I've made these ones so far that could be ones for SMBXtended if Mario ones are used as default or custom skins. Also I've tried to make them so only the small few with Mario related icons have to be altered for the non SMBXtended PGE version. So far I have New File - Quicksand Select. Each box is 24 x 24 pixels.
What do you think?
Image


I still have a few left for SMBXtended, plus the ones for the non SMBXtended PGE version.
Squishy Rex's CGFX Pack v1.7
Image
To show your support add any of these Userbars to your Signature!
Image

Wohlstand M
Topic author, Lead Developer
Lead Developer
Avatar
Wohlstand M
Topic author, Lead Developer
Lead Developer
Age: 25
Reputation: 320
Posts: 1297
Joined: 15 Feb 2014
Location: Moscow, Russia
Website Skype YouTube

Post #9by Wohlstand » 2 Sep 2014, 15:41

Squishy Rex, good icons ;-)
When I make the icon customization, I will send you some properties and you can use them for testing ;-)

Squishy Rex M
Advanced Moderator
Advanced Moderator
Avatar
Squishy Rex M
Advanced Moderator
Advanced Moderator
Age: 22
Reputation: 114
Posts: 254
Joined: 24 Feb 2014
Location: Australia

Post #10by Squishy Rex » 3 Sep 2014, 5:01

Wohlstand wrote:Squishy Rex, good icons ;-)
When I make the icon customization, I will send you some properties and you can use them for testing ;-)

Okay thanks, I'd be happy to test them.

Also, here's a quick mock-up I made in Paint.NET. I pasted the custom buttons over the current ones to see how it would look:
Image
Squishy Rex's CGFX Pack v1.7
Image
To show your support add any of these Userbars to your Signature!
Image

Wohlstand M
Topic author, Lead Developer
Lead Developer
Avatar
Wohlstand M
Topic author, Lead Developer
Lead Developer
Age: 25
Reputation: 320
Posts: 1297
Joined: 15 Feb 2014
Location: Moscow, Russia
Website Skype YouTube

Post #11by Wohlstand » 3 Sep 2014, 14:35

Squishy Rex wrote:Also, here's a quick mock-up I made in Paint.NET. I pasted the custom buttons over the current ones to see how it would look:
Great!
I will define the icon's customization in configs/<config name>/main.ini's section [icons]:
put icons into config/<config name>/data/graphics/icons folder, and in the main write paths:

Code: Select all

[icons]
new=graphics/icons/new.png
open=graphics/icons/open.png
file-level=graphics/icons/level.png
file-world=graphics/icons/world.png
file-npc=graphics/icons/npc.png               ;(Always use the UNIX slash "/" in the INI file)
etc...

And when I made icon customization thing, I will put your incons into SMBX 1.3 config pack officially ;-)
Oh, I will write the "readme" with credits for config pack, forgot :biggrin:

Remember: Each icon should have size 24x24px, I'm recommend to use the transparency color of background for escape color conflicts

Squishy Rex M
Advanced Moderator
Advanced Moderator
Avatar
Squishy Rex M
Advanced Moderator
Advanced Moderator
Age: 22
Reputation: 114
Posts: 254
Joined: 24 Feb 2014
Location: Australia

Post #12by Squishy Rex » 3 Sep 2014, 15:31

Alright, no problem, I may as well make custom buttons for the 21 Sections and the Compass Button too, just to make it look complete. I'm also doing a quick proof read of PGE's built in Help Guide, (F1 Button) for any errors in the English version.

Also, what exactly is:
the transparency color of background for escape color conflicts

I just don't want to mess up the icons if I do the wrong thing.
Squishy Rex's CGFX Pack v1.7
Image
To show your support add any of these Userbars to your Signature!
Image

Wohlstand M
Topic author, Lead Developer
Lead Developer
Avatar
Wohlstand M
Topic author, Lead Developer
Lead Developer
Age: 25
Reputation: 320
Posts: 1297
Joined: 15 Feb 2014
Location: Moscow, Russia
Website Skype YouTube

Post #13by Wohlstand » 3 Sep 2014, 15:50

Squishy Rex wrote:I just don't want to mess up the icons if I do the wrong thing.
I means THIS:
(Zoom to 1200% and try to disable/enable color layer)
http://wohlsoft.ru/docs/Collected/transparency_magic.pdn

to draw chameleonic fades, draw with brush and switch them into overwrite mode (use alpha-channel and PNG format)
Spoiler
Left - fades with Alhpa-channel, Right - fades WITHOUT alpha-channel
Image

Image

Image

Image

Image


Kevsoft M
Angry developer
Angry developer
Avatar
Kevsoft M
Angry developer
Angry developer
Age: 19
Reputation: 77
Posts: 376
Joined: 26 Apr 2014
Location: Austria

Post #14by Kevsoft » 3 Sep 2014, 15:58

Wohlstand wrote:Great!
I will define the icon's customization in configs/<config name>/main.ini's section [icons]:
put icons into config/<config name>/data/graphics/icons folder, and in the main write paths:

I would like to point out that this was not intended to do so!

I will reqoute myself:
Kevsoft wrote:or we make it config independet, like a own skin config.
Squishy Rex wrote:Also a custom skin config would be pretty cool.

My presonal recommendation would be:
{Editor Dir}/Themes/{Theme Name}/config.ini
{Editor Dir}/Themes/{Theme Name}/*.png (or other picture type)

for configs/<config name>/main.ini
I would define:

Code: Select all

themepack={Theme Name}


In addition I would like to add color themes too. As I already mentioned, this is something I would like to add AFTER the first BETA RELEASE. As it is something bigger and right now it should only be bugfixes.

PS: Squishy Rex, you iconset looks great :biggrin: !
▬▬▬▬▬▬▬▬▬▬ஜ۩۞۩ஜ▬▬▬▬▬▬▬▬ Signature.start() ▬▬▬▬▬▬▬▬▬▬ஜ۩۞۩ஜ▬▬▬▬▬▬▬
Image
Wohlstand in interview:
Spoiler
Image

▬▬▬▬▬▬▬▬▬▬ஜ۩۞۩ஜ▬▬▬▬▬▬▬▬ Signature.end() ▬▬▬▬▬▬▬▬▬▬ஜ۩۞۩ஜ▬▬▬▬▬▬▬▬

Luigifan2010 M
Contributor
Contributor
Avatar
Luigifan2010 M
Contributor
Contributor
Reputation: 5
Posts: 31
Joined: 29 Mar 2014

Post #15by Luigifan2010 » 4 Sep 2014, 3:16

Squishy Rex wrote:What do you think?

OH MAMA MIA I LOVE THOSE!
I always thought open source iconsets were kinda meh honestly, so its great to see we'll be able to custmoise those

Squishy Rex M
Advanced Moderator
Advanced Moderator
Avatar
Squishy Rex M
Advanced Moderator
Advanced Moderator
Age: 22
Reputation: 114
Posts: 254
Joined: 24 Feb 2014
Location: Australia

Post #16by Squishy Rex » 4 Sep 2014, 9:27

Luigifan2010 wrote:
Squishy Rex wrote:What do you think?

OH MAMA MIA I LOVE THOSE!
I always thought open source iconsets were kinda meh honestly, so its great to see we'll be able to custmoise those

Thanks Luigifan2010!

I've nearly finished drawing up the last few icons, for the section numbers, the compass and those smaller window icons, like the coin. Once that is all said and done, I'll leave them here in a D-Link for when the time comes after the Beta release to add them to the editor as customs.
Squishy Rex's CGFX Pack v1.7
Image
To show your support add any of these Userbars to your Signature!
Image

CaptainSwag101 M
Moderator
Moderator
Avatar
CaptainSwag101 M
Moderator
Moderator
Age: 20
Reputation: 20
Posts: 113
Joined: 2 Apr 2014
Location: California, United States
YouTube

Post #17by CaptainSwag101 » 4 Sep 2014, 9:36

Yeah, I think that would be a cool feature to add after Beta is released. Also Squishy Rex, I really like those icons!
Image
--The Captain of Swag

sky2 M
Our friend
Our friend
sky2 M
Our friend
Our friend
Age: 21
Reputation: 10
Posts: 55
Joined: 30 Aug 2014
Location: Poland

Post #18by sky2 » 6 Sep 2014, 1:36

Great and well made icons. I think they will fit perfectly :)
Poof!

xxxzzz1
Good citizen
Good citizen
xxxzzz1
Good citizen
Good citizen
Reputation: 2
Posts: 22
Joined: 7 Sep 2014

Post #19by xxxzzz1 » 7 Sep 2014, 23:55

As long as the block choosing tab is near identical (same layout) to SMBX's, I'll be happy

darkhog
Citizen
Citizen
darkhog
Citizen
Citizen
Reputation: 2
Posts: 8
Joined: 10 Aug 2014

Post #20by darkhog » 12 Sep 2014, 23:36

I think you should draw inspiration from RPG Maker. Although, as it name suggests, it is made mostly for RPGs, it has one of best tile-based map/level editors I've encountered.


Return to “Engine Development”

Who is online (over the past 5 minutes)

Users browsing this forum: 1 guest