Consistent UI screen styles
See original GitHub issueI would like to see a menu using a uniform! Actually there are PopUps and Message boxes used in the main menu, as well as in-game. This looks horrible if one screen is transparent and the second one is using a strict gray-tone!
change the background to transparent and center the titles as well as possible to underline them;
- engine:videoMenuScreen
- engine:inputSettingsScreen
- in-game skills screen
- in-game inventory/backpack screen
- (engine:previewWorldScreen) just the right part
- (engine:selectGameScreen) maybe
- core:inventoryHUD bar as well as the crosshair
change the background to strict gray;
- engine:midTestScreen
- engine:addServerPopup
create bordered screen for;
engine:enterTextPopup
// if used at all, becauseengine:enterUsernamePopup
looks better!
fine looking screen are;
- engine:joinGameScreen
- engine:createGameScreen
- engine:selectModsScreen
- engine:loadingScreen
- engine:creditsScreen
- engine:changeBindingPopup
- in-game journal
There are also some other issues
- screenshot size options are sorted in a not logical way
- screenshot format should be png by standard
- drop-down menu on “create game”-screen are not viewable in window-mode
- “Play” and “Back” button are also displaced in window-mode
- the title “experimental” on the “Player-Settings”-Screen is centered and do have a “:” at the end (whyever)
- there is no space between the right and left side of the text on “Select Modules…”-screen this cause failed space with other translations
- the text-field for the sound-settings is bit to short for some languages
Issue Analytics
- State:
- Created 6 years ago
- Comments:6 (5 by maintainers)
Top Results From Across the Web
Principle of Consistency and Standards in User Interface Design
Make sure visual elements are consistent throughout your site.The content, the UI elements, fonts, backgrounds and colors should be in harmony ...
Read more >Design Consistency Guide UI and UX Best Practices - UXPin
Stay consistent with the overall brand. Typography, logo, correct image styles, brand color schemes, etc. should be reflected in the application ...
Read more >Tips for Consistency in UI Design | by Vikalp Kaushik | UX Planet
Maintaining consistency is very crucial in UI design as it makes the user believe in your design and also remember your design for...
Read more >Design principle: Consistency - UX Collective
When consistency is present in your design, people can transfer knowledge to new contexts and learn new things quickly without pain. This way...
Read more >Creating a UI Style Guide for Better UX - Toptal
A consistent UI leads to a better UX, but with so many moving parts in modern user interfaces, designers need a single source...
Read more >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
Hi @Translator5 thanks for the detailed suggestion 😃
Just to be totally sure, what you’re saying here is to make the various UI screens look more consistent right? So uniform in appearance.
Marking this bite-sized since it seems like some pieces would be easy to tweak at 😃
Hey @Joseph5610 - could you go ahead and submit your changes as a PR? That way we can add line comments and merge it when ready. It sounds like it might already be there 😃
Some of the affected screens have been changed since this issue. Anything you can’t find or think is no longer valid is probably correct. My reading of the OP here seems to suggest underlining would be a possible nicety, but not something currently in place. We might want to skip that as underlining doesn’t work in some character scripts.