Reader UI of the Week: Vhei's UI
There is so much snow on the ground right now that I can barely leave my house, even if I wanted to. Insanity has engulfed the city; snow madness will soon set in. Why do people live in these terrible climates again? Oy. Hopefully, dear reader, you are somewhere nice and warm, kicking your feet up on the desk and giving yourself the break you deserve with some Reader UI of the Week.
You might remember Vhei from a long while back -- in June, to be exact -- when we looked at Ve's UI. Same person, new name. Back then, Ve's UI was a nice, segmented interface that relied on strong border contrasts to separate interface elements from one another. I probably said something like, "I don't like spaces!" You know me all too well. Ve, now Vhei, has returned with a new offering, one that I very much enjoy, since I'm a sucker for good texture work. So stand back as I plow through this column like the snow plow that never showed up on my street. Please send help. There's so much snow.
What do you got for me, Vhei?
Hey Mathew,
It's Ve again. Except I had to name change my main toon to Vhei after I moved him from Area 52 to Dentarg. Since last time, I have taken the feedback from everyone who commented and have designed a whole new interface in lieu of Cataclysm, with matching colors to set a dark, eerie molten lava theme. What you see is the manifestation of 3 days work, on and off. Sporadically, I worked in Photoshop CS5 to design the bottom and top first before cutting it up for KG Panels into 512 x 512 dimensions.
My last design was black and blue, which coincided with the Lick King frost-esque theme; however, seeing as we're turning a new page in World of Warcraft, this meant a new UI scheme, one to match the current expansion. Ergo, black and orange came about. Less data broker, as you may see and a more reasonable approach to screen real estate awareness. As you can see, the design is complex and data-heavy, to an extent. I do enjoy seeing statistics on my screen without having to navigate to the proper pane. For this reason, I have TitanPanel and SLDT Data text among many other addons, which are:
- TitanPanel Data Broker at the top with custom skin
- PitBull Unit Frames 4 To replace Blizzard UFs
- Elkano's Buff Frames For a matching structure to the theme. It still allows to cancel with right click, which is hard to come by with such versatility after 4.0.1
- Prat Enchanted chat modification
- Quartz Allows me to modify my casting bar and to conveniently allocate it inside that little nook at the middle of my screen, out of the way but plainly in sight.
- ButtonFacade Something I failed to utilize at the birth of my last itteration of this type of UI. It allows for a more fluid and concise design of my buttons. See how they all have orange borders? Thanks, ButtonFacade.
- Bartender 4 Extremely powerful bar addon. It allows me to minimize my bars into nothing.
- SLDT Data Text This nifty addon displays real-time stats on my screen such as FPS, latency, time, coords, location and my mailbox status.
- SexyMap Enhanced and powerful minimap configuration.
- WoW-Pro Quest Tracker replaces and leveling guide. Now that I have 5 levels to dredge through, I'll need it.
- Skada Damage meters for raids and dungeons.
- KGPanels The pinnacle of my UI. Without this, I'd be nothing. This addon grants me the power to display custom artwork on my UI.
You might have noticed that I have configured Skada and WoW-Pro to overlay with different protocols. Skada appears during raids and dungeons while WoW-Pro appears when I am leveling. I have also scripted, vigorously, for my KGPanel art to coincide with each addon. That way, when Skada appears, the bottom of the box it is held in fades away due to its dynamic nature. You won't always have 3 DPS and 1 tank. I have also configured both Skada and WoW-Pro to scroll when they pass the limit of visibility. I have also taken a liking to my new and snug castbar, which rests in the bottom middle of the screen flowing with my interface instead of just plastered on.
I hope you guys enjoyed my new UI and many cheers to all. Thank you and good night.
Ve (Vhei) of <Running Wylde> on Dentarg
P.S. A shoutout to my GM Adoreus: 'Sup?
Thank you for the submission, Vhei. I know that come later in the day, I'll have a million requests in my inbox for this one, but hopefully everyone in the comments can help some people out with some decent lower panel art.
New art
I like Vhei's art because it isn't overwhelming. The textures are complex, yes, but I think the art does a good job in being so distinct from the addons that live on top of it. The cut-outs for each addon are cut out specifically for the addon that goes there, so if you're going to make your own art in a similar fashion, be sure to assemble the UI first on paper and then draw it out on the computer.
The new color scheme is nice, and the whole setup reminds me of the dashboard on a car. Spacing is excellent, and the color and texture coordinated top and bottom elements gel together very nicely. There is a lot of scripting that goes on behind the scenes in kgPanels, as Vhei discussed in the email, but there are many workarounds for complicated art such as this. If you don't really care about the shifting tiles and crazy art size changes, just make a spot for those addons and fit the addon to the hole, not the other way around.
Slimming down the unit frames
Vhei's unit frames are slim and, for a tank or DPS, this is definitely the way to go. As a warrior tank, I used to think that I would need a robust Grid setup to be competant at using Intervene -- that is, until I created a mouseover macro for it and never had to click on Grid again. The slim frames allow only the vital information to be present, mostly health and mana, and to save on screen space.
Vhei already saves on screen space by having the art come up to a point, instead of becoming a gradient that could grow larger if the need ever arose. Instead, the art and the interface are built as one, and leaving out the unit frames allows Vhei to have a bit more freedom with them and not have to craft a large piece of art for that specific element.
Text is back, baby!
Text is one of the cleanest, simplest, and minimalist ways that you can slim down your UI and get the information you need right in front of you. I talk about SLDataText a lot, and for good reason, because the addon rocks and gives you excellent information right where you need it -- mainly, anywhere you want. Simple text takes up a fraction of the space graphics do and, if you're just a smidge savvy with the kgPanels, can create simple black backgrounds for your text addons.
Another thing that's great about text is that it is easily configurable. Most people already understand the basics behind text customization -- fonts and size. Also, text sits nicely on top of other addons, including across the tops of chat addons and cast bar addons.
Vhei, I love the new setup. If you wanted to send me the bottom art piece, I'd love to share it with the rest of the site and our readers in a special article of sorts. Let me know! Until then, I'm hard at work on a bottom panel specially designed for Reader UI of the Week readers that I can write some tutorials for. After a long bit of thought on the matter, I decided against writing a guide on any art dealing with SpartanUI. That is their art, they worked very hard on their UI, and I wouldn't feel right co-opting it in any way at all. I still want them to do a slim version of their UI, however.
Filed under: Add-Ons, Reader UI of the Week









Reader Comments (Page 1 of 4)
niko Dec 28th 2010 8:25PM
Beautiful UI. While I still don't understand why people insist on placing the player frames in the stock position, I love the entire look and feel. Real smart decisions all around (except my minor quibble with that unit frame placement).
Revynn Dec 28th 2010 9:10PM
From what I can see, I think by leaving them in the stock position they sort of Balance out the Buff Bars on the other side of the screen. I agree though, I really need to have my Target and Player frames more centralized.
Vhei Dec 28th 2010 11:53PM
Yes, if you can't tell, the design is semi-symmetrical. Putting my unit frames on the left side does, barely, balance out my buff bars in symmetry, which I like.
Snuzzle Dec 29th 2010 2:08PM
I think it's more a question of what you're used to. For the longest time, stock unit frame placement was all I could stand. Then I used a UI where they were immovably placed low center, and now I can't stand stock placement.
Devilol Dec 28th 2010 8:29PM
Brillaint looking. SO my question is where can i get my copy of this ? :)
mneill Dec 28th 2010 8:42PM
I agree, I'm no good at downloading and setting up the addons myself. Would love to see a download-able and set up version ready to go "not even sure if it can be done".
Aquaroko Dec 28th 2010 9:04PM
I believe the most direct way (and in my opinion, best) would be to stalk Vhei diligently until you pry from him his address, then head to his home and copy paste the files onto a thumb-drive! Preferably in the dead of night, since he's a heavy sleeper.
It pays off. Trust me.
Sean Dec 28th 2010 9:08PM
Same. I would love to use this UI setup. Keeps everything to the outside edges and as streamlined as possible. I'm bookmarking this page and I'll check back to see if there's anyway to get this.
Vhei Dec 28th 2010 9:13PM
How do you know I am a heavy sleeper?
You could have just asked, you know.
Matt Dec 28th 2010 9:30PM
I absolutely want this UI. It's clean and covers all the bases. Definitely something I would use. And the artwork is fantastic. Wish I was even half as talented.
Merthas Dec 28th 2010 9:40PM
Im currently using Lui3, but if i were able to download this i would get it immediatley
trefpoid Dec 28th 2010 10:02PM
I agree, this UI looks really damn awesome, but I have no idea how you can configure this stuff. If we could just download the addons ready in a .rar file or something, that would be so damn awesome. I've never tried changing my UI at all and this looks really, really neat. Is that even possible? to get all this ready to use with copy&paste?
Vhei Dec 28th 2010 11:53PM
As of now, all I would be able to do is give you guys the artwork. 4 .tga files, 512x512. Then you yourself would have to download and use KGPanels to import the artwork itself and configure the dimensions, strate and alpha.
James Riggs Dec 29th 2010 8:40AM
Alas, that's the problem. I just can't grok KGPanels to save my life. Their configuration system is horrific.
Kyle Dec 29th 2010 11:41AM
Actually Vhei, you can share by sending your interface and wtf folders I believe. However, that is completely up to you.
Novaiis Dec 31st 2010 3:25AM
If you could supply the textures that you used that'd be enough. I don't expect you to upload a whole addon folder w/ configuration (personally, I kinda like figuring stuff out for myself).
I love this UI purely for how clean it is (if you saw my current one you'd probably want to rip off a chunk of the nearest door and hit me with it), and I'd love to see how you actually pulled this off.
I'm currently playing around with kgPanels and would love something of an example.
Vhei Jan 4th 2011 6:36PM
http://wow.curse.com/downloads/wow-addons/details/vheis-cataclysm-kgpanels.aspx
Revynn Dec 28th 2010 9:06PM
A couple gripes, mostly preference though. IMO still way too much going on in Titan Panel. I would slim things down by reducing the amount of text that each one shows (do you really care how many silver/copper you have when you're carrying around close to 1K gold? Do you need to know exactly how your talent points are allocated or do you just need to know if you're in Fury or Prot?)
I remember that one of the things people pointed out in his last UI was an abundance of Duplicate information. He seems to have fixed this . . . except for the two clocks. One in the SLDT and one under the minimap. =)
I would also consider playing around with some different textures for Pitbull/Quartz/Elkano's. The Carbon Fiber-ish overlay on your panels and the high gloss look of the others seems to clash a bit, IMO.
My only other issue is purely preference, and it's that I really never liked having a bottom bar that completely covers everything from one side of the screen to the next. I get all chlostrophobic . . .
Overall though, the entire setup is a massive improvement over the last submission and is, quite honestly, pretty impressive. Nice work. There's a couple layout issues that have always stumped me in my own UI and I think you gave me a couple ideas on how to fix them. I just wish I had the dedication to sit down and create my own panel textures like that. Way too easily distracted . . . .
Vhei Dec 28th 2010 9:20PM
Actually, the clock under the minimap was a SexyMap button mistake. I just forgot to fix it, it never shows up anymore. And, yes, I like knowing how much gold and what spec I am all the time, but that's just me.
And I tried using Aluminum for all my bars, that or gloss.
Thanks, though, if you need any help with KGPanels, feel free to email me at (Beret.Z@hotmail.com)
Noblebeast Dec 28th 2010 10:04PM
Bit bold posting your personal email there... You're gonna get a lot of telling you to email them your artwork.
First thing that impressed me was the colors on the UI. Beatiful. Also, I like the fonts you've picked. What did you use? Fontain? Fontifier? And I'm guessing those are Tidy Plates configured your style or something else entirely?
Nice job man. 3 days of work and it shows.