question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Consistent UI screen styles

See original GitHub issue

I 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, because engine: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:closed
  • Created 6 years ago
  • Comments:6 (5 by maintainers)

github_iconTop GitHub Comments

1reaction
Cervatorcommented, Jun 24, 2017

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 😃

0reactions
Cervatorcommented, Oct 11, 2018

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.

Read more comments on GitHub >

github_iconTop 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 >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found