7
votes
4answers
482 views

Why do squares look taller than wide on screens?

Take a look at this square: To me it seems that the square is taller than that it's wide. Yet both axes measure 400 pixels. What is causing this optical illusion? UPDATE 10 March 2014: A lot of ...
93
votes
4answers
5k views

Avoiding the Hermann grid illusion

I'm a UX newbie and I'm trying to design a page of image thumbnails. I came up with this: The trouble is that this layout gives rise to an effect called the Hermann Grid illusion. When looking at ...
11
votes
8answers
4k views

What are the rules of thumb for margins in web design?

My web designer tells me that in a web page, the empty margins or padding should always be multiples of a standard. For example 6 px, 12px, 18px. This should produce nicely balanced lay-outs. I would ...
3
votes
4answers
652 views

What are examples of complex digital interfaces? [closed]

This is a call for inspiration, as I don't seem to find any beautiful web-based UI that deals with complex actions and visualizations out there on the web. I'm designing a (web-based) digital ...