undefined | Better HN

0 pointsnitrogen15y ago0 comments

That's a very powerful example. The Expression Blend interface (though it's showing a completely different function) feels very uncomfortable, while the Lightroom interface feels natural inviting. I'm glad to have learned that alignment lines make up a big part of that difference (I also prefer the Lightroom typography).

0 comments

4 comments · 1 top-level

ThomPete15y ago· 3 in thread

I am working on a small book about design for developers. Alignment is one of those things that people often don't really understand (besides left, center and right). Perhaps I should make that section a little bigger.

jrwoodruff15y ago

Please please let me know when you have this finished. Teaching developers about design is one of the big things that I try to do at my job, and I'm hoping to create some more formalized training in the near future.

And yes, alignment is a big deal, especially in any kind of information design. Look at magazines, newspapers, good newsletters, business cards, etc. Alignment is all over the place, and most are designed on a fairly strict grid, i.e. many newspapers use a 6 or 12 column grid.

The big concepts I want developers understand are: Alignment, repetition, contrast and proximity. If you understand those, you will be a better visual designer.

nitrogenOP15y ago

I've always aligned my UI designs on a grid, trying to promote order and minimize clutter, but I think having an articulated goal of minimizing alignment lines will help me in the future. I'll try to keep an eye out for your book.

P.S. "natural inviting" in my original post should be "natural and inviting".

Shorel15y ago

Here is another developer waiting with enthusiasm for your book!

j / k navigate · click thread line to collapse