@"V:|-[redView]-[blueView]-|"
This says that the bottom of redView should be aligned to the top of blueView, which it is. It says nothing about the relative heights of redView and blueView.
If you want them to be equal height, you can say so.
@"V:|-[redView]-[blueView(==redView)]-|"