Education >> Browse Articles >> Education and Art
Rounded Corners
Igor Asselbergs
Lately I’ve been contemplating the value of rounded corners in design. Is it eye-candy? Or does it add value to the user experience?
Let me put it this way:
Take a look at the black and white image here.
I hope it is clear that the rounded corners do make a difference. On the left side, you see one surface divided by a line. On the right side your eye interprets the image as two adjoining boxes. What is the difference? It is only the rounded corners.
Since lines can easily be interpreted as contrasts, how does that translate into color? I’ve taken the same idea and added color:
We have an interesting result. In the blue green box on the left the image appears as one unified surface, on the yellow purple box on the right the image appears as two adjoining boxes. The unity of shape and color forms an image in the example on the left whereas on the right your eye interprets the image as separate boxes.

DonnaMe
about 1 year ago
3098 comments
ok, it seems the round corners create a flow that is nice and organic. The sharp corners are more abrupt and hard like a room with four walls that I like to soften up with a comfy sofa... so the value is that we need both for good balance?
klockarsdesign
about 1 year ago
3148 comments
Interesting phenomenon, but the presentation has its "thumb on the scale" in too many ways to tell how much weight to give it. This particular illustration points more to the limitations/problems of color comparison by using little "chits" in a closely grouped format. The presentation does not allow you to isolate the 2 images separately, for comparison. They need greater space between them for that to occur. Further, it causes the viewer to see them as one unit (like a painting) and as such focuses on the disparity and imbalance. The blue/green piece has much closer value & hue w/ strong and nearer equal contrast from the background - it forms its own shape. Not so with the yellow/purple piece - were its corners round, it would still not read as a unit. The tight frame also forces the "volume" of background white against the volumes of colors in the comparison.
Actually, all those corners are "rounded" by the mere pixelizing on the screen - one has larger radii than the other.
Is it a matter of: degree of rounding, figure-ground contrast, ocular tracking, object unity (Gestalt), composition & framing format, a combination, or, something else which is responsible for the apparent effect? None-the-less, its a worthy discussion needing more & different examples to clarify and understand.
CardsFan
about 1 year ago
8 comments
For giggles I opened the photo in photoshop and colored the yellow and purple side with the same blues and the exercise still holds up in my opinion.
CardsFan
about 1 year ago
8 comments
I like this exercise and I agree with the author. I look at it in similiar way but perhaps I'll explain this differently. In the yellow purple example we see two shapes up against one another. But with the rounded corners you create one large shape that has been separated. Your eye follows each curve and creates one shape, because the corners are defined in your head as rounded, thus 4 corners one shape. But when you look the yellow and purple one there 16 corners that are all the same, so you see two shapes. I can't overlook the valid point that the yellow and purple contrast much more and certainly that argument has merit, but I still think this is a valid design exercise.
Baya620
about 1 year ago
40 comments
I would like to see the yellow and purple in the rectangle with the rounded square but interesting observation either way. The rounded corners do make a difference.
jsilver951
about 1 year ago
74 comments
shouldn't the "middle corners" of the blue/green group also be rounded for your argument to work? it's not the fact that corners are rounded, it's that the 'outside' corners are the same, therefore unifying the blocks. it would work the same if the rounded corners were replaced with cutouts or star bursts. your eye sees 4 points and makes it a rectangle, the lines between them are filled in by your mind, it's called gestalt.
creativeclaudia
about 1 year ago
1778 comments
I go along with jhdejesu, I think it would look as disjointed.
valerie
about 1 year ago
1878 comments
I think that the contrasting colors were chosen the enhance the effect.
simpson
about 1 year ago
192 comments
I'm going to agree with Jac here on this. The geometrics of corners isn't the issue of misinterpretation -- its the contrast intensity between yellow/purple. I'm sure that the writer took this into account since he's CEO of a color-keying company.
jhdejesu
about 1 year ago
2 comments
if you used yellow and purple on the rounded corner example im pretty sure it would look just as disjointed as the one on the right.