Lets get this ball rolling. If you are reading this, either you have mistakenly come across it while journeying through a
series of tubes, or you have genuine interest in making a custom UI. If you are the latter, good for you! If you are the former, go say hi to 4chan for me.
Or go make a post about spiders. I don't care.
Since if you are still reading this, I assume you want to make a custom UI. Good for you. Seriously. On the flip side, if you are still reading this, you most likely don't know where to start. That's fine. As a matter of fact, that's why I'm here today, posting: to help you out. Lets get started.
Before you think about the actual technicalities of designing a UI, you need to know what kind of UI you want to make / play with. For simplicity, there are three basic types of UIs. (I mean good UIs. The all-too-common "ima throw all sorts of shit on my screen and see how it looks" is NOT a UI type)
- Minimalistic UI - These kinds of UIs scrap everything that isn't necessary. Unit Frames (UFs) are kept small, often without portraits. Most of the screen is very barren, typically devoid of art of other unnecessary things. Bag bars, the Micro Menu, *quite a few* action bars, among other parts of UIs are hidden. The goal here is to provide you with the maximum viewing area for quick reaction timing, as well as freeing you from things you don't relay need to know -- excess information that will paralyze you. A good example is this UI.
- Graphic UI - A graphic UI is just that. Graphic. No, not gory. A graphic UI's point is to be pretty. I'm talking prom queen pretty. It's supposed to look good. To that end graphic UIs use a lot of skins, utilizing addons such as KgPannels to do skin/art. The result is a UI that looks very slick. Here's a good example.
- Generic UI - This is where it gets sticky. I'm actually going to start with a screen shot. As you can see, the UI isn't minimalistic - there's tons of stuff on the screen, much of it which can be downsized or removed. And its definitely not graphic. There's no art. So, if I had to define this kind of UI, I'd say something along the lines of: "A UI that has all the elements of the standard WoW UI, but considerably shuffles and reskins / customises most aspects of it"
So take your pick. Go look over some of the links, see what suites your style. Go on. I'll wait.
...
Back? Ok, good. Did you pick what kind? Good. Hm...interesting choice. But for everybody else out there who didn't pick your kind of UI, I'm going to keep this advise generic.
Step oneBack away from the computer. WAIT! Not yet, read this first. Back away from the computer. Clear your head. Take a quick walk. When you come back, log onto WoW, and just look at your screen. Where do your eyes go immediately? This is an important question, as this is where you are going to put the focal point of your UI. One thing you may notice about all the UIs linked above is that the main points of any UI (UFs and Action Bars[ABs]) are all in the lower center of the UI. The reason is: that's the place that in all likely hood, your eyes are going to be spending a majority of their time.

I'm going to assume you picked the same horizon line as everybody else, lower middle. You can alter some of my advise to suit your needs should the line not be there. Here's what we got so far.
Step twoNow, again, step back from the computer. This time with pen and paper in hand. Take all of two minutes to do a quick map outline of where everything should be. And label it. Go on. Do it.

Here's what I came up with. *SCT Stands for
Scrolling Combat Text, or any other addon like that, such as
Parrot.
Omen RecountYou can see that right now I'm leaning towards a generic UI. At there's nothing 'minimal' about how much screen I'm taking up, and asides from my awsomtastic picture, there's no art (duh).
Step threeAlso known as "start downloading". Here's a list of major addons you need in order to be able to customize your UI.
- Unit frames. Pitbull and XPerl are two good examples, but by no means the only. These allow you to create custom setting for your UFs. Want a portrait? You got it. Need to move it? No problem. Need to do any number of funky things, including change skin? We got ya covered.
- Some form of Scrolling Combat Text. I just covered that. I use MSBT.
- Action Bars. These allow you to move your bars into all sorts of custom ways. Want a tiny box of your bars? That can be done. Need a big pet bar? that too. You get the idea. Bartender and Dominos are good ones.
- Omen Recount. Some need them. I have both, but barely use them, being a tank. Also, if you stare at Recount and then stand in the fire, you suck.
- Minimap mod. There's a ton of these, and they all do the same thing. Just Google "mini map wow addon" and you should get one. DONT USE SEXY MAP.
- Buff / Debuff addon. IMO, theres two major competitors here: SBF and Elk Buff Bar. I personally LOVE SBF, but it doesnt fit into the UI that im running at the moment, so I'm using EBB.
- "Hidden / extra" addons. Quick: these are extra things like Questhelper, DBM, etc. that enhance playstyle, with out affecting how the UI looks. You know what mods you need better then me.
Remember, just because I suggested an addon, does not mean that its the end-all, be-all. Now, Log in and play around with those mods. Get comfy with them. Know how they work. I'll be back with part 2 soon.