• Welcome to TechPowerUp Forums, Guest! Please check out our forum guidelines for info related to our community.

I redesigned GPU-Z using the Fluent Design Language

INSTG8R

Vanguard Beta Tester
Joined
Nov 26, 2004
Messages
6,138 (1.07/day)
Location
Canuck in Norway
System Name Hellbox 4.0(same case new guts)
Processor Ryzen 7 3700X
Motherboard Gigabyte Aorus X570 Pro
Cooling TT Kandalf L.C.S.(Water/Air)EK Velocity CPU Block/Noctua
Memory 2x8GB HyperX Fury 3600
Video Card(s) Sapphire 5700XT Nitro+
Storage WD Caviar Black SATA 3 1TB x2 RAID 0 2xSamsung 850 Evo 500GB RAID 0 1TB WD Blue
Display(s) Samsung CGH70 27” 1440 144hz Freesync 2 HDR
Case TT Kandalf L.C.S.
Audio Device(s) Soundblaster ZX/Logitech Z906 5.1
Power Supply Seasonic X-1050W 80+ Gold
Mouse G502 Proteus Spectrum
Keyboard G19s
Software Win 10 Pro x64
Joined
Sep 9, 2017
Messages
36 (0.03/day)
System Name B20170830 Pro SP1 R2 Gaming Edition
Processor AMD Ryzen 7 1800X
Motherboard Asus Crosshair 6 Hero (Wi-Fi AC)
Cooling Corsair H110i GTX
Memory Corsair Dominator Platinum 32GB DDR4-3000
Video Card(s) Asus GTX 1080 Ti Strix OC
Storage Samsung 950 Pro nvme + WD Black 6TB
Display(s) Samsung CF791 Curved Ultrawide
Case NZXT S340 - Designed by Razer
Power Supply Corsair HX1000i
Joined
Sep 9, 2017
Messages
36 (0.03/day)
System Name B20170830 Pro SP1 R2 Gaming Edition
Processor AMD Ryzen 7 1800X
Motherboard Asus Crosshair 6 Hero (Wi-Fi AC)
Cooling Corsair H110i GTX
Memory Corsair Dominator Platinum 32GB DDR4-3000
Video Card(s) Asus GTX 1080 Ti Strix OC
Storage Samsung 950 Pro nvme + WD Black 6TB
Display(s) Samsung CF791 Curved Ultrawide
Case NZXT S340 - Designed by Razer
Power Supply Corsair HX1000i
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.
 
Joined
Sep 9, 2017
Messages
36 (0.03/day)
System Name B20170830 Pro SP1 R2 Gaming Edition
Processor AMD Ryzen 7 1800X
Motherboard Asus Crosshair 6 Hero (Wi-Fi AC)
Cooling Corsair H110i GTX
Memory Corsair Dominator Platinum 32GB DDR4-3000
Video Card(s) Asus GTX 1080 Ti Strix OC
Storage Samsung 950 Pro nvme + WD Black 6TB
Display(s) Samsung CF791 Curved Ultrawide
Case NZXT S340 - Designed by Razer
Power Supply Corsair HX1000i
Nice ideas, seems very big though taking up a ton of screen space.
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:
Joined
Aug 23, 2011
Messages
69 (0.02/day)
Location
Athens
Processor Intel i5 750
Motherboard ASUS P7P55-M
Cooling Corsair A50
Memory HyperX Fury @1866 8GB
Video Card(s) Gigabyte R9 380 4G
Storage 1TB WD Blue / 2x SSD Kingston 120GB
Display(s) LG 24MP58VQ
Case Corsair Air 540
Audio Device(s) Soundblaster Z
Power Supply XFX TS 550w
Mouse Razer DeathAdder Chroma
Keyboard Razer Blackwidow Stealth 2016
Software Windows 10 Pro x64
i like the refined concepts a LOT
 
Joined
Oct 16, 2012
Messages
603 (0.21/day)
System Name Cypher-C4
Processor Ryzen 5 3600
Motherboard MSI B450 Tomahawk Max
Cooling Cooler Master Hyper 212+
Memory 16GB Crucial Ballistix Sport AT 3200MHz
Video Card(s) Palit GTX 1060 Jetstream 6GB
Storage 250GB Crucial MX500 + 320GB WD Blue + 1TB Samsung F3 + 2TB WD Black
Display(s) ASUS VS228
Case Corsair Obsidian 750D
Audio Device(s) Sennheiser GSP 300
Power Supply Corsair HX750i
Mouse Cooler Master Storm Recon
Keyboard Corsair Vengeance K70 (MX Blue)
Software Windows 10 Pro 64-bit
Benchmark Scores 3DMark11 Performance Preset - P7081 Cinebench 11.5 - 1.88 (Single), 7.24 (Multi)
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.
 

T4C Fantasy

CPU & GPU DB Maintainer
Staff member
Joined
May 7, 2012
Messages
2,425 (0.80/day)
Location
Rhode Island
System Name Whaaaat Kiiiiiiid!
Processor Intel Core i9-9900K @ 5.0GHz
Motherboard Gigabyte Z390 AORUS Ultra
Cooling Corsair H150i AIO Cooler
Memory Corsair Dominator Platinum 32GB DDR4-3200
Video Card(s) Zotac GeForce RTX 2080 Ti Triple Fan @ 2040MHz
Storage Samsung 970 PRO 512GB + Crucial MX300 512GB + OCZ Vertex 4 256GB
Display(s) 27" LG 27MU67-B 4K, + 27" Acer Predator XB271HU 1440P
Case Thermaltake Core X9 Snow
Audio Device(s) Logitech G935 Headset
Power Supply SeaSonic Platinum 1050W Snow Silent
Mouse Logitech G903 Lightspeed
Keyboard Logitech G915
Software Windows 10 Pro
Benchmark Scores FFXV: 19329
The modern graphics tab can be an in program option to change to if people dont want compact
 
Joined
Feb 9, 2009
Messages
1,564 (0.37/day)
Things have to be done right here. How'd you feel if someone did something to what you created without your authorization?
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
 
Joined
Mar 28, 2010
Messages
380 (0.10/day)
Location
Spain / UK
System Name Office/Gamer Mark II(its getting old now)
Processor i7 4770K @ 4.3Ghz @1.2v
Motherboard MSI Gaming 5 Z97
Cooling AiO MSI Dragon(H55), MX-4
Memory 16GB Crucial Ballistix Tactical BLT2K8G3D1608ET3LX0 @1066MHz(9-9-9-29-1t)
Video Card(s) EVGA GTX 780 Ti Classified
Storage Samsung SM961 256Gb Nvme-Boot, Toshiba MK5075GSX-storage
Display(s) LG W2261VP @ 1920 * 1080
Case Corsair Carbide 200R
Audio Device(s) Realtek ALC1150 (On Board)
Power Supply Corsair TX750W
Software Windows 10 Pro 64Bit
:D
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
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:
Joined
Oct 17, 2012
Messages
9,225 (3.23/day)
Location
Massachusetts
System Name Americas cure is the death of Social Justice & Political Correctness
Processor i5 8600k
Motherboard Asrock Z370 Extreme 4
Cooling Corsair H-110i GTX
Memory 2x 4Gb Crucial Sport LT
Video Card(s) MSI GTX 980 Gaming
Storage Samsung 850 evo 250Gb
Display(s) Dell Ultra Sharp Widescreen 24" 1200P
Case Fractal Design Meshify-C
Power Supply Seasonic Focus+ 750 Gold
Mouse Logitech G502 spectrum
Keyboard AZIO MGK-1 RGB (Kaith Blue)
Software Win 10 Professional 64 bit
This was made using Adobe XD. No GPU-Zs were harmed (modified) during the making of these concepts.
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
 
Joined
Mar 28, 2010
Messages
380 (0.10/day)
Location
Spain / UK
System Name Office/Gamer Mark II(its getting old now)
Processor i7 4770K @ 4.3Ghz @1.2v
Motherboard MSI Gaming 5 Z97
Cooling AiO MSI Dragon(H55), MX-4
Memory 16GB Crucial Ballistix Tactical BLT2K8G3D1608ET3LX0 @1066MHz(9-9-9-29-1t)
Video Card(s) EVGA GTX 780 Ti Classified
Storage Samsung SM961 256Gb Nvme-Boot, Toshiba MK5075GSX-storage
Display(s) LG W2261VP @ 1920 * 1080
Case Corsair Carbide 200R
Audio Device(s) Realtek ALC1150 (On Board)
Power Supply Corsair TX750W
Software Windows 10 Pro 64Bit
Nice ideas, seems very big though taking up a ton of screen space.
@W1zzard is he ok to posts his .exe?
So we can have a look at it?

Or maybe post in testing?
 
Joined
Mar 14, 2008
Messages
427 (0.09/day)
Location
DK
System Name Main setup
Processor I7 5930K
Motherboard Asus X99 Deluxe
Cooling Water
Memory Kingston 16GB 2400 DDR4
Video Card(s) Asus GTX 1080TI STRIX OC
Storage Samsung 960EVO, Crucial MX300 750GB Limited edition, Kingston SSDnow V+ Samsung 850 EVO
Display(s) ASUS PB287Q 4K
Audio Device(s) Logitech G933
Power Supply Corsair RX750M
Mouse MMO 800000button thing that i cant remember the name of.
Keyboard Logitech G19
Software W10
Nice design :) does the perfcap on the sensor tab still have a Graph?
 
Joined
Sep 9, 2017
Messages
36 (0.03/day)
System Name B20170830 Pro SP1 R2 Gaming Edition
Processor AMD Ryzen 7 1800X
Motherboard Asus Crosshair 6 Hero (Wi-Fi AC)
Cooling Corsair H110i GTX
Memory Corsair Dominator Platinum 32GB DDR4-3000
Video Card(s) Asus GTX 1080 Ti Strix OC
Storage Samsung 950 Pro nvme + WD Black 6TB
Display(s) Samsung CF791 Curved Ultrawide
Case NZXT S340 - Designed by Razer
Power Supply Corsair HX1000i
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
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. :)
 
Joined
Jun 18, 2010
Messages
2,137 (0.58/day)
Processor Intel i7 970 // Intel i7 2600K
Motherboard Asus Rampage III Formula // Asus P8P67 Deluxe
Cooling Zalman CNPS9900MaxB // Zalman CNPS11X
Memory GSkill 2133 12GB // Corsair V 2400 32GB
Video Card(s) ASUS GTX1080 // MSI GTX1070
Storage Samsung 860EVO // Samsung840P
Display(s) HP w2207h
Case CoolerMaster Stacker 830se // Lian Li PC-9F
Audio Device(s) onboard
Power Supply Seasonic X 850w Gold // EVGA 850w G2
Mouse Logitech G9
Keyboard Dell
Software W10 Pro 1909
EDIT:
Here it is to scale :)

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.
 
Joined
Sep 9, 2017
Messages
36 (0.03/day)
System Name B20170830 Pro SP1 R2 Gaming Edition
Processor AMD Ryzen 7 1800X
Motherboard Asus Crosshair 6 Hero (Wi-Fi AC)
Cooling Corsair H110i GTX
Memory Corsair Dominator Platinum 32GB DDR4-3000
Video Card(s) Asus GTX 1080 Ti Strix OC
Storage Samsung 950 Pro nvme + WD Black 6TB
Display(s) Samsung CF791 Curved Ultrawide
Case NZXT S340 - Designed by Razer
Power Supply Corsair HX1000i
Joined
Sep 9, 2017
Messages
36 (0.03/day)
System Name B20170830 Pro SP1 R2 Gaming Edition
Processor AMD Ryzen 7 1800X
Motherboard Asus Crosshair 6 Hero (Wi-Fi AC)
Cooling Corsair H110i GTX
Memory Corsair Dominator Platinum 32GB DDR4-3000
Video Card(s) Asus GTX 1080 Ti Strix OC
Storage Samsung 950 Pro nvme + WD Black 6TB
Display(s) Samsung CF791 Curved Ultrawide
Case NZXT S340 - Designed by Razer
Power Supply Corsair HX1000i
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.
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
 
Joined
Apr 24, 2012
Messages
1,388 (0.46/day)
Location
Northamptonshire, UK
System Name Main/VR/HTPC
Processor 9900K@4.7/Ryzen 7 2700@4.0/i3 4360@3.7
Motherboard Gigabyte Z390 Aorus Pro WiFi/Aorus B450I Pro Wifi/MSI H81I
Cooling Custom water/Custom Water/Antec C40
Memory Corsair LPX 2x8 3200MHz/HyperX Predator 2x8GB 3200MHz/Crucial Balistix Tactical 8GB
Video Card(s) MSI RTX 2080 Super Ventus /MSI RTX 2070 Super Ventus/Intel HD4600
Storage Samsung 960 EVO 250GB/Sabrent Rocket 256GB/OCZ ARC100 120 GB
Display(s) Acer Z301c/39" Panasonic HDTV
Case Fractal Design Arc XL/Bitfenix Prodigy/Thermaltake Core V1
Audio Device(s) Yamaha RX-V379/Nvidia HD Audio/ Intel HD Audio
Power Supply Corsair RM850/ Corsair SF600/350W OEM
Mouse Logitech G900
Keyboard Logitech G610 Orion Red
Software Win 10 Pro 64Bit
What about the compute tab? do features just disappear if they're not supported, or do they change colour?
 
Joined
Aug 7, 2017
Messages
21 (0.02/day)
Processor Ryzen 7 3700x
Motherboard MSI MPG X570 Gaming Pro Carbon
Cooling Corsair H100iv2
Memory Trident Z Royal Silver 2x8GB
Video Card(s) MSI Radeon RX 5700 XT MECH
Storage Corsair Force MP600 500GB, WD Caviar Blue 4TB
Display(s) LG 27UD68
Power Supply Seasonic Focus Plus Gold 650w
the modern version looks nice!
 
Joined
Sep 9, 2017
Messages
36 (0.03/day)
System Name B20170830 Pro SP1 R2 Gaming Edition
Processor AMD Ryzen 7 1800X
Motherboard Asus Crosshair 6 Hero (Wi-Fi AC)
Cooling Corsair H110i GTX
Memory Corsair Dominator Platinum 32GB DDR4-3000
Video Card(s) Asus GTX 1080 Ti Strix OC
Storage Samsung 950 Pro nvme + WD Black 6TB
Display(s) Samsung CF791 Curved Ultrawide
Case NZXT S340 - Designed by Razer
Power Supply Corsair HX1000i
What about the compute tab? do features just disappear if they're not supported, or do they change colour?
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:
 
Joined
Jul 16, 2014
Messages
3,726 (1.68/day)
Location
SE Michigan
System Name Dumbass
Processor AMD-9370BE @4.6
Motherboard ASUS SABERTOOTH 990FX R2.0 +SB950
Cooling CM Nepton 280L
Memory G.Skill Sniper 16gb DDR3 2400
Video Card(s) GreenTeam 1080 Gaming X 8GB
Storage C:\SSD (240GB), D:\Seagate (2TB), E:\Western Digital (1TB)
Display(s) 1x Nixeus NX_EDG27, 2x Dell S2440L (16:9)
Case Phanteks Enthoo Primo w/8 140mm SP Fans
Audio Device(s) onboard (realtek?) SPKRS:Logitech Z623 200w 2.1
Power Supply Corsair HX1000i
Mouse Logitech G700s
Keyboard Logitech G910 Orion Spark
Software windows 10
Benchmark Scores https://i.imgur.com/aoz3vWY.jpg?2
the question I have is what does it look like at 2560x1440.
 
Joined
Feb 9, 2009
Messages
1,564 (0.37/day)
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.
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
 
Joined
Apr 28, 2011
Messages
719 (0.21/day)
Location
Botevgrad, Bulgaria, Europe
System Name Main PC/OldPC/3rd PC
Processor Intel Core i7-3770K Ivy Bridge/Core i5-3470 Ivy Bridge/Core i3-4330 Haswell
Motherboard ASUS P8Z77-V/ASRock Z68 Pro3 Gen1/ASUS H81M2
Cooling Cooler Master Hyper 212 EVO/Intel Box cooler/Intel Box cooler
Memory 32GB Corsair Vengeance/32GB ADATA/16GB ADATA
Video Card(s) SAPPHIRE R9 290 Tri-X OC 4GB/MSI RX 480 8GB/SAPPHIRE R9 390 8GB
Storage 2x1TB ADATA SSDs in RAID0+3 HDDs/2xCrucial 1TB SSDs in RAID0+3 HDDs/Samsung 1TB SSD+8TB+4TB HDDs
Display(s) Philips 274E5QHAB@HDMI + Philips 273EQH@DVI (both 27")
Case Fractal Design Define R4 Titanium
Audio Device(s) Kenwood Mini HiFi system/Microlab speakers/Philips HDMI (main)+LG TV monitor HDMI + Apple headphones
Power Supply Cooler Master Silent ProM 600 W (modular)
Mouse Microsoft Ergonomic Sculpt Desktop 2.0 (combo)@Razer Goliath mousepad (Medium speed)
Keyboard Microsoft Ergonomic Sculpt Desktop 2.0 (combo)
Software Win10 64-bit (Main PC v.1809 RTM Enterprise/2nd PC v.1903 Insider Preview Pro/3rd PC - same as 2nd)
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:
Top