Goonstation Forums
New popup design - Printable Version

+- Goonstation Forums (https://forum.ss13.co)
+-- Forum: Discussion (https://forum.ss13.co/forumdisplay.php?fid=6)
+--- Forum: Ideas & Suggestions (https://forum.ss13.co/forumdisplay.php?fid=8)
+--- Thread: New popup design (/showthread.php?tid=5568)

Pages: 1 2 3 4

Re: New popup design - atomic1fire - 11-16-2015

My JSFiddle thing was more about the contents then anything.

I was basically aiming for "Still retro gameboy screen, but with actual buttons instead of looking like they just found a free copy of lynx and decided to force an HTML file with no styling."

I also tried to make the buttons look fairly uniform, including changing the text so they all have similar spacing although it wasn't perfect.

If someone wants to give a shot at something better they're welcome to it.

Re: New popup design - Erik - 11-16-2015

Would something like this fit in well with the game?

[Image: 9x3gzQf.png]

Re: New popup design - Rocket - 11-17-2015

Here's my previous PDA design converted to html/css:

http://codepen.io/iloveju1897/pen/meaXZw

Re: New popup design - Sundance - 11-17-2015

I refashioned my old admittedly shitty effort into a new alot less shitty effort using the same color code as the new hud, using navy blue/neon green scheme
Feedback appreciated, like the last effort there's always room for a different take.
[Image: fi3qbya.png]

Re: New popup design - ZeWaka - 11-17-2015

Sundance Wrote:I refashioned my old admittedly shitty effort into a new alot less shitty effort using the same color code as the new hud, using navy blue/neon green scheme
Feedback appreciated, like the last effort there's always room for a different take.
[Image: fi3qbya.png]

Really like that design.
However, the blurring on the top is really throwing me off.

Re: New popup design - Erik - 11-17-2015

Rocket Wrote:Here's my previous PDA design converted to html/css:

http://codepen.io/iloveju1897/pen/meaXZw

Looks cool, what about these colors? http://codepen.io/anon/pen/dYrGxQ

[Image: ndZZWkA.png]

Re: New popup design - Rocket - 11-18-2015

ErikHanson Wrote:
Rocket Wrote:Here's my previous PDA design converted to html/css:

http://codepen.io/iloveju1897/pen/meaXZw

Looks cool, what about these colors? http://codepen.io/anon/pen/dYrGxQ

Looks great! Only need to change the link hover to the brighter color too.

Re: New popup design - Erik - 11-18-2015

I deffo like rocket his PDA stuff, it can easily be adapted for other UI elements, and styled to make a better impression.

[Image: SiyEpdC.png]

And you can slightly change the BG hue/colour to make other popups stand out more.

[Image: 9nc63xE.png]

Even the oh-so-ugly hotkeys file can easily look a lot better if you add a cool UI to it: [Image: XGIFWy6.png]

Re: New popup design - Sundance - 11-18-2015

zewaka Wrote:However, the blurring on the top is really throwing me off.

Which blur? I haven't smudged or blurred anything, everything is using sharp colors and luminosity.
Could you be talking about the nanotrasen N? That was compressed slightly so it was of a nicer shape.

Re: New popup design - Frank_Stein - 11-18-2015

Wonkmin Wrote:I love that pink one
[Image: wFdc2.png]
I wouldn't mind being able to pick a window flavor

Re: New popup design - Rocket - 11-20-2015

PDA was a bit updated with darker screen edges and resizing: http://codepen.io/iloveju1897/pen/meaXZw

Based on that, here's a terminal WIP for everyone to mess around: http://codepen.io/iloveju1897/pen/epoNJR

[Image: cogqRwb.png]

Re: New popup design - somepotato - 12-05-2015

ideas on revamping existing popups' interface would be nice too
for example, how would you update the chemistry popup

Re: New popup design - Nnystyxx - 12-05-2015

For Chemistry, I have drawn this shitty mockup design. Warning: shitty.

[Image: jfBI6LE.png]

Included: an alternate 'LED' type thing for if a container is full, the absence of a cardslot because *scream, an abbreviated form of the chemical options, chemcial symbols, and whatnot. There are 29 chems in the dispenser, I set Water off in the corner because of it not fitting in the alphabetical pattern and being a 'universal' thing and also it wouldn't fit as part of a 4x7 grid. These would look way more buttony and pleasant in the real thing, I simply created this as a proof of concept for spacing.

Re: New popup design - Erik - 12-11-2015

Somepotato Wrote:ideas on revamping existing popups' interface would be nice too
for example, how would you update the chemistry popup

I'm terrible at CSS, but i'd suggest something like this/

[Image: RAYnGMg.png]

Re: New popup design - Zamujasa - 12-11-2015

Can there be an option to disable "new-style" popups and leave the ones that use the system controls intact? Because the fancy new ones break horribly in WINE, especially when moving them -- they jump all over and tend to follow the mouse even after not dragging them, which makes it kind of frustrating to close them.

They look impressive, they're just... not usable.