21 Examples of Circular Elements in Web Design

Posted by Gisele Muller on Nov 21, 2011 | 15 Comments

Designing a website is something that requires creativity, talent and a lot of thinking. To develop a nice website – both beautiful and with a good UI – we have to pay attention to elements like navigation, menus, content, header, icons and so on. And giving them a nice look will make a big difference in the final result. Today we gathered some examples of websites using circular elements in their layout. From circular icons and logos to big circular image thumbnails, there are good examples of how to incorporate circles on your next project, check it out.

Source:

The Best Designs
unmatchedstyle
awwwards

About the Author

I love communication, technology, web, design, movies, gastronomy and creativity. Web writer, portuguese/english translator and co founder of @refilmagem & @mentaway Twitter: @gismullr

Here's some other articles that you will definitely find useful.

15 comments

Sergej Müller
November 21, 2011
Fine list.
Another example, circles in the pricing table: http://wpseo.de/license/
Reply
Aviron
November 21, 2011
The circle element is barely shaped into websites, it always comes with another elements, but almost never alone, it is nice to see websites that are designed by this element alone.
Reply
aledesign.it
November 21, 2011
I like use circular designe in my work even more people don’t like so much. Nice list with more example really good and good inspirations! Thanks for sharing!
Reply
Evan 'OldWorld' Skuthorpe
November 21, 2011
Some nice examples.
Reply
noa
November 21, 2011
very nice:-)
Thank you!
Reply
Web Eminence
November 21, 2011
I’ve had a ton of ideas for circle site designs but never implemented one since most of them are single page flash designs.
Reply
Thaddeus V. Krysiuk
November 21, 2011
I’d like to toss my own website into the ring!

http://www.obsessedcreative.com

Let me know what you guys all think.

Thanks, Thaddeus

Reply
Reply
Design Turnpike
November 22, 2011
Great examples, good post as always!
Reply
kim harrison
November 23, 2011
Wow ,excellent……..Thanks for sharing..
Reply
Amit Kumar
November 23, 2011
Nice collection about circular elements in web……

Thank you
Reply
icwebdesign
November 25, 2011
Great examples thanks!
Reply
mallethenao
November 28, 2011
Very good desings, Thanks…
Reply
Morgan & Me Creative
December 2, 2011
Totally bedazzled by the use of circular elements here.
Reply
Ezgi
December 25, 2011
Hi, Thanks for sharing. I love using Circular elements.

Here is one of my designs . Hope u like it

http://www.habibelondon.com/Eboutique.aspx
Reply
Web Design Wolverhampton
March 2, 2012
Lots of lovely circles on this one: http://www.scubashack.co.uk/
Reply

Web Design Ledger

Source:

About the Author

Related Posts

15 comments

Sergej Müller

Leave a Reply

Subscribe