Highlight: Duke -or- How to Use Art Responsibly

Apologies to Duke for this taking forever! My writing is even sloppier than normal when I’m sick, so the post quality is not great. <3<3

There are very few people who produce UIs that I would use; in fact, the list is three people long. Duke is one of those three people, and the astounding thing is that I’d probably use all of his UIs. This post, how to use art responsibly, could apply to any of Duke’s recent UIs, and extreme examples aside, it could apply to any UI he’s made. There’s more gushing in the body of the post, but for now let’s look at two screenshots

Download! *** See bottom of the post for the profiles to load!!!!!!

Duke’s UI

Before getting into the art-part of the post, I thought I’d take a moment to remark on a few things I like and don’t like generally about Duke’s UI. As a spoiler the only thing I really don’t like is the outlining on the cast-bar text, but this isn’t really Duke’s fault so I’ll let it slide. I do like how he’s brought his action bars up to his unit frames, as well the way he’s included the ToT text on the target frame itself rather than above it. He’s included the cast-bar and power bar in the border frames of his action bars and unit frames respectively (much like Maggs). I like the integration of rune tracking into the player frame itself. He’s really brought everything together in a nice cluster which seems relatively usable and is very attractive.

Outside the art (and everything I mentioned above), this UI isn’t that remarkable.That’s a misleading statement, which boils down to “outside of the things that make this UI awesome, it’s just a regular UI.” Well, obviously. But one thing folks can take away from Duke’s UIs is that finish work separates a simply mediocre UI from a great UI – and while I’ll get in trouble for saying this, I’d have to say that Duke’s making the best looking UIs these days by a wide margin, and with this UI I think he’s moving into Chim territory.

On the Use of Art

A graphic should never be the beginning point of a UI, since the graphic doesn’t contribute to the functionality of the UI is makes very little sense to design around it. Rather, a graphic should only function to compliment the rest of the UI to make it more visually appealing. Even then, graphics should be used sparingly and only when they do not come at the detriment of visibility. It is ideal for an art element to contribute to the functionality of the UI, and that’s what we see in Duke’s UI. Duke’s UI stands out because the art is integrated directly into the functional elements of the UI. Instead of just using some horrible vector graphic, or putting leaves on everything, Duke has instead used negative spaces in relatively minimal textures to make the textures into functional elements themselves (that’s a bit of a stretch honestly, they’re just pretty borders in the end).

Not only is Duke’s art “functional,” but it’s visually interesting. The way he uses negative space in the middle of the unit frame/action bar cluster is pretty neat, and gives the UI some dynamic visuals without adding additional textures. “Folding the corners of the texture in” is also something I haven’t seen before. I’m not necessarily crazy about it on the action bars (I’d find it distracting, probably) but I think it looks great on the minimap and unit frames.

What this means, as sort-of a categorical rule on the use of art, is that art must be minimal and it should be functional. That doesn’t mean that you MUST get rid of your button facade texture or move towards a thin black border on everything (although, it’s the best). But, like what Duke’s done here or what Ishtara’s done with his line fetish, art elements in a user interface should never be the basis for the UI -nor- should be they inhibit gameplay in some way. So, yeah.

*** Load these profiles

- /acb “Duke”
- /sldt “Doobiest of Ysondre”
- /dom “Defaut – fixe”
- eavesdrop “Doobiest of Ysondre”
- proximo “Doobiest of Ysondre”
- omen “Doobiest of Ysondre”
- recount “Doobiest of Ysondre”

29 Responses to “Highlight: Duke -or- How to Use Art Responsibly” »»

  1. Comment by pHishr | 08/07/09 at 10:38 am

    Only thing I dislike is that there’s so much gloss(minimap especially :p), and the unitframe font, the rest is awesome however.

    The alpha on the unitframes is very cool, I’ve seen it before but not in a slick gradient way.

    We didn’t get a rating either Rob!

  2. Comment by Duke | 08/07/09 at 2:01 pm

    Thanks Rob for all the good things you said about my UIs, specialy for “with this UI I think he’s moving into Chim territory”, i’m glad.

    @pHishr: yes, my health bar texture is your old action bars gloss :)
    Unitframe font and minimap gloss is from Giddeon, like the originals arts, I keep it in my UI just for remind his work.

  3. Comment by Daniel | 08/07/09 at 2:50 pm

    Merci Duke, your ui really is magnificent

  4. Comment by Khmhm | 08/08/09 at 2:08 am

    Duke’s ideas and graphics are fantastic. However, it feels like he’s sacrificing functionality for looks.

  5. Comment by Duke | 08/08/09 at 2:34 am

    It depends of what is functionality for you, or for me.

  6. Comment by Ryas | 08/08/09 at 3:43 am

    Who are the three people on your list?

  7. Comment by Daniel | 08/08/09 at 4:34 am

    Dukes UI is excellent for pve (healing and dps), for pvp i have another set of addons and saved preset in Addon Control Panel

  8. Comment by Jurandr | 08/08/09 at 4:46 am

    Now, my words certainly don’t carry as much weight as Rob’s do, but this is the first artistic UI that has actually impressed me. Fantastic work, Duke!

    I’ve never installed somebody else’s UI before, but I think I will attempt to just this once to see how it all works.

  9. Comment by Duke | 08/08/09 at 11:35 am

    Thx, i’m glad you like it.

  10. Comment by Aureilie | 08/08/09 at 3:24 pm

    @Rob: I’ve checked around a bit and I haven’t found a way to get in touch with you other than leaving a comment. I was hoping that you may be able to take a look at the current UI I am running and perhaps give me a quick review. I love your sense of style and functionality and your feedback would be greatly appreciated. I realize you’re very busy, but if you do have a bit of time to give it a look, please shoot me an email or leave me a comment on my blog.

    @Duke: This UI is gorgeous. Rob is right, the artwork fits in so well and just gives the entire UI an elegant feel.

  11. Comment by Duke | 08/08/09 at 10:41 pm

    Just a word for telling you I have open my own blog: http://www.dukeui.com
    There’s a newsletter and i’ll make few downloads of many UIs of mine.

  12. Sam
    Comment by Sam | 08/09/09 at 10:36 am

    Sweet !

    Great review, Rob.. your English is outstanding, I wish my English could rivel yours.

    And Rob, GJ with the blog ! (and for going public with your work) :)

  13. Lyn
    Comment by Lyn | 08/09/09 at 3:19 pm

    I am normally no real big fan of Duke’s UI, mostly ’cause of the fonts he used and such. But this is one of the exceptions. I like how he did the Castbar-and-Power-Border-thing together with using the art.

    One of the things I don’t like (a very very small critic point!) is the buffs on the right side of the target frame… dunno, It’s only my personal choice of never doing it. The bad thing is, you can’t put them anywhere else on this kind of setup. You may can put them above the debuffs… whatever.

    But what I totally don’t like are the fonts. Oh I hate this UF font. I always did and I always will. Dunno I think it’s fucking with typography. No offense, Duke… has nothing to do with you. It’s just the font.

    Except the font, I would use the UI for my DK, too… imo it’s an optimal setup for DK.

    Good job, especially the art around the UFs. I like it.

  14. Lyn
    Comment by Lyn | 08/09/09 at 3:23 pm

    Oh my.. I can’t write much in english.. my grammar kills me.

  15. Comment by Duke | 08/09/09 at 7:34 pm

    @Lyn: You’r right about the font, but I never find one who feet better wih the textures than that.
    If you have one, i take it ^^

  16. Lyn
    Comment by Lyn | 08/09/09 at 8:49 pm

    Since I think you want fonts which are a bit “scifi” or so.. I looked through dafont and found some, but dunno how they look a bit smaller… I chosed smallest option available but I think it’s still too big :x

    The criterias I chosed the fonts were: 1. readable 2. this “scifi” look 3. not so “scifi” :x

    Tenby Five
    Youthanasia
    Soupertrouper
    Metro-DF
    Duepuntozero (my favorite so far)
    Aldo
    Galette
    X360
    Enigmatic
    Preussische IV 44 Ausgabe 3
    SF Speedywaystar

    Quite a few… but may one fits well. The last ones were from the “Sans-serif” section since the Scifi section on dafont sucks hard.

  17. Comment by Duke | 08/10/09 at 1:45 am

    I tryed every one you linked but sorry :( I don’t like anyone.

  18. Lyn
    Comment by Lyn | 08/10/09 at 7:27 am

    Mh.. thats bad :p
    But yeah, you must like it, it’s your UI.

  19. Comment by Duke | 08/10/09 at 5:05 pm

    I followed your advices and changed the minimap gloss, remouved the outline of castbar text and placed a pixelfont o my uniframe.

    http://img7.hostingpics.net/pics/391746DukeUI19.jpg

  20. Comment by Ghepip | 08/10/09 at 5:36 pm

    http://wow.curse.com/downloads/wow-addons/details/dominos_bufftimes.aspx
    This shows debuffs timers on your action bar icon and removes the full need debuff on unit frames.
    I disabled debuff show from the target frame and moved buff up there instead.
    And then just have all my debuffs on the 12 action bars, and they show a nice little spiral showing the duration.
    Could be an idea.

  21. Comment by Desik | 08/10/09 at 6:51 pm

    Looks way better, I love the minimap

  22. Comment by pHishr | 08/11/09 at 12:06 am

    What Ghepip said is actually a very clever way to track debuff timers, I’ve done it myself and find it vastly superior to debuff bars, since you can see which debuff is missing a lot faster and it works really well together with OmniCC for tracking cooldowns.

  23. Comment by Led ++ | 08/11/09 at 7:32 am

    On the other hand you have to have your “debuff” skills on a visible actionbar, which Duke and many others dont have.

  24. Lyn
    Comment by Lyn | 08/11/09 at 8:59 am

    new fonts on the 1.9 version are nice. seems you now coming on the pixelfont-truck.

  25. Comment by Ghepip | 08/11/09 at 2:36 pm

    True that you might need more action bar buttons but for me as a destro warlock i have
    Chaos Bolt, Incinerate, Immolate and Conflag on the first 4 action bars making the dominos timer work great and it can be used by some people and others can’t.
    And truely, your could just lengthen the 2 bars of dukes bar with 4 or 6 more action buttons and lengthen the pitbull bars too and there you go, same layout but with a few more buttons.
    I use this layout for my affliction spec as it needs many more spells to watch.

  26. Comment by Kithmal | 08/11/09 at 3:34 pm

    Duke, why did you chose to have the percent HP rather than the absolute HP on the target frame?

  27. Rob
    Comment by Rob | 08/11/09 at 7:59 pm

    Three reasons:

    (a) % based phase changes
    (b) % based boss mechanics
    (c) % based abilities (execute, hammer of wrath)

    Healers honestly don’t need it, since there is no more downranking and knowing which heal you should use on a target isn’t really that complicated.

  28. Comment by Duke | 08/11/09 at 10:07 pm

    And who take the time to read the amount of healt ? Oo

  29. Lyn
    Comment by Lyn | 08/12/09 at 8:56 am

    I DO!111 :x

    :p

Leave a Reply »»