Coming up with a simple grid system for your ui or website layout can make designing easier and produce more professional results. Not only are you making it easier on yourself your making a user friendly design because the layout is easier to understand. So what is the perfect width? Research shows that at least 96% of computers have their resolution set at 1024 x 768 or higher. So a target size for the width of our layout needs to be less than 1024 to accommodate almost every machine. The other requirement for our layout width is divisibly, a highly divisible number allows for endless combinations or columns and margin widths. The closest highly divisible number that’s less than 1024 is 960. 960 is the magic layout number because it is devisable by 2, 3, 4, 5, 6, 8, 10, 12, 15, 16, 20, 24, 30, 32, 40, 48, 60, 64, 80, 96, 120, 160, 192, 240, 320 and 480. Bellow is an example using a 12 column structure.
You will find adding a simple structured grid will make designing and understanding your project much easier!