• Welcome to TechPowerUp Forums, Guest! Please check out our forum guidelines for info related to our community.
  • The forums have been upgraded with support for dark mode. By default it will follow the setting on your system/browser. You may override it by scrolling to the end of the page and clicking the gears icon.

I redesigned GPU-Z using the Fluent Design Language

OneMoar said:
a black on red version would really be slicker then Teflon covered in Hi-T-Lube
Click to expand...

You mean like this? :)
GPU-Z Fluent - Graphics Tab – Dark.png GPU-Z Fluent - Sensors Tab – Dark.png
 
Made a few changes since you all prefer the classic look, which to be honest, I also like better due to compactness.

GPU-Z Fluent - Graphics Tab.png GPU-Z Fluent - Sensors Tab.png

There are a lot of elements of the Fluent Design System that make sense here but are difficult to show using images. 'Light' and 'Reveal' being a couple of them. 'Motion' would also be great when switching between tabs. I will try to recreate the ones I can in Adobe XD and maybe release some GIFs when I have time.
 
W1zzard said:
Nice ideas, seems very big though taking up a ton of screen space.
Click to expand...

I intentionally made it larger so it's easier to see. Elements and fonts can always be made smaller.

EDIT:
Here it is to scale :)
GPU-Z Scale.PNG
 
Last edited:
i like the refined concepts a LOT
 
Based on some of the apps I've seen implementing the Fluid Design System, mouse hovers usually creates some light around hovered elements and it's surrounding (usually in a list or grid, but it can be used for more, I think), so if you're planning on making a GIF, it would be really cool if we can see that although that would be kinda hard I guess.
 
The modern graphics tab can be an in program option to change to if people dont want compact
 
eidairaman1 said:
Things have to be done right here. How'd you feel if someone did something to what you created without your authorization?
Click to expand...
i'm late to this party, but all i want to say is... it's a thread in the official section of the official source with no downloads, that is exactly the right way to go about it

it's the opposite of actual infringement such as releasing modified or alternate software(/music/video/tshirts) on unrelated sites, especially for profit

this is how to have indirect collaboration & innovation, when people are free to create or remix in a safe & visible (to the source) manner
 
:D
Fahad said:
I intentionally made it larger so it's easier to see. Elements and fonts can always be made smaller.

EDIT:
Here it is to scale :)
View attachment 92284
Click to expand...
Haha the fact your calling it gpuz 3 :D , I like the look of this! :clap:
maybe drop the font size on those tabs a bit? Also make the gpu vendor logo a lookup to the database?

Edit: just noticed yours isn't showing memory vendor:)
 
Last edited:
Fahad said:
This was made using Adobe XD. No GPU-Zs were harmed (modified) during the making of these concepts.
Click to expand...

Just so I'm clear, maybe other people understand, but it seems a bit contradictory to me, so I just want to get it clarified. Have you, or have you not created a different/modified looking GPUZ application?

The Reason I ask is ,if there's nothing I can actually try myself there's no reason for me to continue looking ... i'm not trying to take away from your creation it's just I'm not interested in pictures of gpuZ. Ty
 
W1zzard said:
Nice ideas, seems very big though taking up a ton of screen space.
Click to expand...

@W1zzard is he ok to posts his .exe?
So we can have a look at it?

Or maybe post in testing?
 
Nice design :) does the perfcap on the sensor tab still have a Graph?
 
jboydgolfer said:
Just so I'm clear, maybe other people understand, but it seems a bit contradictory to me, so I just want to get it clarified. Have you, or have you not created a different/modified looking GPUZ application?

The Reason I ask is ,if there's nothing I can actually try myself there's no reason for me to continue looking ... i'm not trying to take away from your creation it's just I'm not interested in pictures of gpuZ. Ty
Click to expand...

There is no actual .exe.

Adobe XD is a UI design application. What I conceptualized is purely graphical, no code behind it. The most that can be done in XD is creating pathways. So for example, when you click the 'Sensors' tab, it takes you to the Sensors UI. That's it.

Hope that clears things up. :)
 
Fahad said:
EDIT:
Here it is to scale :)
gpu-z-scale-png.92284
Click to expand...


When I look at these side by side, I like @W1zzard 's best. It's just an easier read at a glance. I can find the info faster and it is better for my eyes.

De gustibus non est disputandum.
 
jsfitz54 said:
When I look at these side by side, I like @W1zzard 's best. It's just an easier read at a glance. I can find the info faster and it is better for my eyes.

De gustibus non est disputandum.
Click to expand...

Red and black is not the best combo for readability, made it by request.

I find the Light version easier to read at a glance, but for some reason, when I export from Adobe XD, the font becomes a little pixilated. It's sharp when in the application.
1 GPU-Z Light.PNG 2 GPU-Z Dark.PNG
 
What about the compute tab? do features just disappear if they're not supported, or do they change colour?
 
the modern version looks nice!
 
gdallsk said:
What about the compute tab? do features just disappear if they're not supported, or do they change colour?
Click to expand...

I figured they just disappear. Why show something that isn't supported? That's just a bad tease. :p It's not like AMD cards will support CUDA or PhysX anytime soon :laugh:
 
the question I have is what does it look like at 2560x1440.
 
jsfitz54 said:
When I look at these side by side, I like @W1zzard 's best. It's just an easier read at a glance. I can find the info faster and it is better for my eyes.

De gustibus non est disputandum.
Click to expand...
if https://en.wikipedia.org/wiki/De_gustibus_non_est_disputandum is correct, you just described the exact opposite

easier to read, finding information faster, these are usability concerns directly related to vision & cognitive ability, aka NOT subjective

as an example, using a 4px font is wrong, yes it looks cool, yes it looks great in an upscaled retro pixel art game, but it is wrong to use in a document of text
 
Not a taste issue. Current look is horrible and outdated and is optimized for 800x600 resolution which was the norm, say 15? 20? years ago, when CRT was the only thing possible and LCD/plasma displays did not exist. It is not 2000 any more, it is almost 2018. So 800x600 resolution is ancient and obsoleted.
If someone still uses 800x600 as main resolution, they should not use GPU-Z at all and should re-consider what they are even doing using a PC.

I will post another thread on this. Issue is not with the looks so much, as with the badly chosen window size, which is no good any more - we discussed this before too...
 
Last edited:
You must log in or register to reply here.
Back
Top