The new look for the New Game Wizard, because we need more height

[Crimson Wizard]

In 3.6.2 and 4.0.0 New Game Wizard displays a template's description under the list of game templates.

Without changing the overall dialog's height these controls look cramped:

Spoiler

[close]

IMHO it needs at least 1 more row for the list of templates, and increase the Description field maybe x1.5 in case the text is longer.

Unfortunately, it's not easy to do because of the first page that has this bitmap:



I'd like to find a way to redesign this wizard's intro page in such way that will let us increase the height at least once, or ideally - will make it easier for us to adjust its size in the future, if such need arises.

[Gilbert]

I don't know what restrictions are involved in designing an interface in Windows, but can we just leave empty space on top and below the image (or just stretch the image, at least until a newer image is made)?

I think it won't look bad, at least not something that can't be tolerated:

[Crimson Wizard]

OTOH, if we are to keep the original bitmap, then it could be aligned to the top, and have something distinct below, like a horizontal strip of different color.

[Cassiebsg]

Just remember that even though pretty design is nice, functional design is essential and much more important. Which seems like a lot of websites/UI designers (or their clients) forget, and seem to prioritize the "looks pretty", while making the site/program less functional.

[Snarky]

Would it be possible to stretch and crop the image to fit? That's how this sort of decorative image is usually handled in web design.

[Danvzare]

What about adding a border to the top and bottom of the image. Maybe something like a row of cups.

[homelightgames]

I'm not sure this will be of any help, but I tried to recreate the bitmap as a vector as close as possible and expanded the image. Not only can I make it any resolution needed, but it can be cropped to whatever is needed.

If it is helpful, I can post the vector svg file (made in Inkscape).

The posted image is a png.

[eri0o]

@homelightgames that is beautiful. Yes, the SVG file would be helpful.

Also can you additionally render two pngs, one that is only the background and other that is only the cup with a transparent image?

[homelightgames]

Absolutely.
Here's the separate cup and background images:





Here's the plain SVG
https://drive.google.com/file/d/1fGa2xUCwhVWOa7y-2syrOTxlt3swfTGe/view?usp=sharing

And here's the Inkscape SVG
https://drive.google.com/file/d/1yhOK0NSaUF4i7hZgzpOINy4vWuBw1tUR/view?usp=sharing

I hope this helps.

[eri0o]

@homelightgames  that is beautiful! Thank you so much! I will try to tackle an idea I had for this using your images. ❤️ ❤️

[homelightgames]

Good luck!

Let me know if there's anything else I can do.

[Crimson Wizard]

I finally found some time to look into this.

Here's an example of looks, using images provided by @homelightgames:


In case of a smaller wizard size (depends on pages):



In the above dialog there are 2 separate picture controls, where background is scaled to fit the page's height, and cup pic is fixed in size.
The cup may be adjusted (position and size) separately.

[Snarky]

@Crimson Wizard, I can't see the image you linked. It might only be visible if you have a GitHub account and are logged in.

[Crimson Wizard]

Uploaded to imgur instead.

[Crimson Wizard]

@homelightgames I'd like to add you to the credits, since we are going to use your variant of the cup pic, would you prefer to be mentioned by this nickname, or by a real name?

[homelightgames]

@Crimson Wizard For the credits, HomeLight Games is great. Thank you.