This is a turn-based battle system I'm working with for my current IF project; this screenshot shows just about every element that'll be on the screen (Enemy's names/HP, the battle text itself)...though it's, for lack of a better word, ugly. Basic? Unpolished? Either way, I'd like to smarten it up before presenting it to other people for the demo. I'm not much of a designer! Work on this has been very slow going and a lot of 'well this still looks bad but it looked worse the old way'...and I'd like some feedback on how to tweak this to look better. Font change? Change in the color scheme? Alignments, etc? Should I fiddle with textures?
I look forward to hearing from you!
- Eileen-Class Veteran
- Posts: 1335
- Joined: Mon Feb 02, 2015 8:35 pm
- Projects: Template Maker for Ren'Py, What Life
- Github: lunalucid
- Skype: Discord: lunalucid#1991
- Soundcloud: LunaLucidMusic
- itch: lunalucid
- Location: USA
Basically, keep information on subjects together visually, then add size and font effects (size, bold, italicize) based on importance/function.
(It's a janky Photoshop job, nothing is exact)
I only did a few changes here by separating the enemies and shrinking text. It's now easier to see at a glance the sequence of actions (I would recommend bolding or isolating damage counters and status effects, as that information is important to the player)
As for font choices, use sans serif fonts. What you have is a serif font, which was traditionally created for large chunks of text. Sans serif fonts are faster to read and are more easily recognizable from a distance. Take a look at other game UI fonts and see what feels best for your game.
Thank you so much! The moment I saw your quick mockup it was like a lightbulb went off in my head. "Ah! Yes, of course, they're so right! Of course this should be aligned like this, and this..."
Anyway. I've spent a day working off and on with it (encountered like three bugs in the middle of testing all these changes, lmao) and this is what I have now!
This is the current version! I think this is about as nice as it'll look short of coding in things like background images and overlays, or messing around with the border. Any further commentary is of course greatly appreciated
Best of luck!
Hire me for proofreading, editing, and (maybe) writing! ♡ Check here!
Users browsing this forum: No registered users