Different alignment for elements of two groupBox in a form

Question

I'm trying to design a settings form for a Desktop Application. There is two groupBoxes in the form. Each groupBox may contains some elements(TextBox, ComboBox , ...). Is it force for good design to align this elements with single alignment ? Or if i don't do that may it break up the rules? Here is the screenshot with alignment:

Answer 1

You should be mindful of gestalt principals when grouping or aligning controls.

Gestalt principal of perception states that when looking at a complex visual image, our minds see coherent, whole forms, rather than individually perceiving all of the smaller elements in the image.

For grouping controls, alignment will of course make a form more pleasing to the eye, but take care that you get the spacing right or the user will see "groups" of controls that you did not intend.

The above image illustrates what I mean in relation to your question. In the first example the alignment combined with inadequate spacing forces the user to see the controls from 2 different groups as being a single entity. In the second example all the controls are still aligned, but now the spacing aids the user in seeing them as 2 seperate groups.