This is just a basic explanation of how I set up my widths and text and whatnot, I won't go into extra addons like mana bars or how do set up individual debuffs, how to set the border as your aggro alert, etc. If people need help doing these I might do another entry in the near future.
For now though - I'm just going to show you my settings to get the same "look" as my current setup:
You can experiment with things like scale, width, text size etc - but here are my settings if you'd like to directly copy what I have. I've posted pictures of each screen so if you're confused about the options I have listed, you can just directly copy what I have in each screen.
Padding = 1 (space between boxes)
Spacing = 0
Scale = 2
Border = set to 0% opacity
Background = set to 0% opacity
Note: you may find you can't drag the Grid frames around if you have Padding set to 1. If you want to move it, temporarily set the Padding to something higher and then to drag, put your cursor in a blank space between two of the frames and then click & drag. Later, you can reset your Padding.
Center Text Length = 5 (length of names)
Invert Bar Color = checked
(Checking this box makes the frames coloured to match each class. If you uncheck this box, the frames will be dark, with the text matching the colour of the class.)
3. Frame > Advanced
Enable Center Text 2 Indicator = checked
Enable Health Bar Color Indicator = checked
Icon Border Size = (I don't use icons)
Icon Size =
Enable Icon Cooldown Frame =
Enable Icon Stack Text =
Corner Size = 6
Font = Friz Quadrata TT
Font Size = 8
Frame Height = 23
Frame Texture = Gradient
Frame Width = 44
Orientation of Frame = Horizontal
Orientation of Text = Vertical
4. Frame > Advanced > Corner Text
Corner Text Font Size = 7
Corner Text Font = Friz Quadrata TT
The most common question I've had is how to make it so that all your texts fit into your frames without being cluttered. Various things will govern this:
1. Overall Scale (see step 1)
2. Center Text Length (see step 2)
3. Font Size (see step 3)
4. Corner Text Font Size (see step 4)
If your scale is set high and your fonts are all high also, you will run out of space and they will start overlapping with each other. Try experimenting with the font sizes and center text length to see what is best. Some people have the center text only 2 or 3 letters long (because they know who people are in their raid, and don't need the full names). Make sure the names and texts aren't too small - you still need to be able to read them easily - but see how small you can make it to save space and avoid overlapping.
You can also make your frame width slightly wider if you need to fit more information in, or if you need to use slightly larger fonts to be able to see them more easily.
It's really quite hard to cover every aspect of Grid in one big tutorial, because there are just so many different ways to do things.
I'm always happy to answer questions though - if there is something specific you'd like to do with your Grid or you're not sure how I've set something up, please let me know and I'll try to help :)