Education >> Browse Articles >> Education and Art

+7

Rounded Corners

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.

Roundedcorners1_max200w

Since lines can easily be interpreted as contrasts, how does that translate into color? I’ve taken the same idea and added color:

Roundedcorners2_max200w

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.


+7
  • Img_3924_max50

    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?

  • Id2_max50

    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.

  • Mark_copy_max50

    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.

  • Mark_copy_max50

    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.

  • What_max50

    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.

  • Eday1_max50

    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.

  • Girl_with_the_chandelier_earring_small_square_max50

    creativeclaudia

    about 1 year ago

    1778 comments

    I go along with jhdejesu, I think it would look as disjointed.

  • Snapshot_2008-05-29_12-10-38_max50

    valerie

    about 1 year ago

    1878 comments

    I think that the contrasting colors were chosen the enhance the effect.

  • Meso_max50

    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.

  • Photo_21_max50

    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.

What's the Scoop?

Post a link to something interesting from another site, or submit your own original writing for the ArtBistro community to read.

Report News Here

Video of the Day

GI Corps
Stop-motion animation of G.I. Joe imitation action figures - The Corps.