UI/UX Artist: Text Fields & Research Screen!

UI/UX Artist: Text Fields & Research Screen!

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.

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.


No feedback yet
Leave a comment

Click here to log in if you already have an account on this site.
Your email address will not be revealed on this site.
(Set cookies so I don't need to fill out my details next time)
(Allow users to contact me through a message form -- Your email will not be revealed!)

What goes tick tock?
Please answer the question above.