🎉 Celebrating 25 Years of GameDev.net! 🎉

Not many can claim 25 years on the Internet! Join us in celebrating this milestone. Learn more about our history, and thank you for being a part of our community!

UI/UX Artist: Text Fields & Research Screen!

posted in LordArt for project Rank: Warmaster
Published March 26, 2020 Imported
Advertisement

This is your UI/UX Artist Paul and tonight I have two updates. First, I've been working on making text backdrops. Second, I've begun modernizing the Research Screen!

We've had window art for a while now, as evidenced by the variety of screenshots shown already. What we've been needing however were more "slim line" holders for situations where only individual lines of text are present, for example when loading a save file. These had to be distinguishable from their container window, and not clash with its pattern.

UI/UX Artist: Text Fields & Research Screen!

In this case a glassy pane look would form a nice contrast with the previously established "scanline" aesthetic, and thus ensure visibility over such a detailed background. This is somewhat important considering that text has to be legible. There are several different minor "flavor" additions that can be explored, and blue isn't a hard necessity, but for now simply having a dedicated text field is its own achievement! 

Next up was the facelift of the Research Screen. There is practicality in similarity, and so the overall layout was taken from the pre-existing Factory Screen. 

UI/UX Artist: Text Fields & Research Screen!

For context, this is an approximation of the Factory Screen, sans minor updates. 

UI/UX Artist: Text Fields & Research Screen!

And here we have the adapted Research Screen! 

The right side window has been split into two as needed for different content; the Factory Screen held a simply vertical scroll list there, whereas this will serve other purposes. Color changes go a long way in distinguishing this screen from that the Factory. Further refinement is underway (such as the line thickness and gradient on the screen bezels), however the overall format works.

 

Read more

0 likes 0 comments

Comments

Nobody has left a comment. You can be the first!
You must log in to join the conversation.
Don't have a GameDev.net account? Sign up!
Profile
Author
Advertisement
Advertisement