Web Design Inspiration: Shapes

Total
0
Shares

Almost every website is created by means of grid. Since it is so much simpler to design on the web using boxes and hard angles, all you need to do is  create invisible rectangle in which you can easily put any kind of information. But nowadays this kind of presentation becomes really boring. Designers try to find new, more sophisticated methods to draw user`s attention.

One way is to change regular shapes and use something unusual, for example, circles that, by the way, were recognized as a web design trend of 2011.

So you don`t have to invent outrageous design or animation you can simply manipulate with tools that you`ve been given by HTML/CSS/Jquery. As a result, your website will be out of the ordinary, light and fast.

You can use any kind of shapes

  • Triangles
  • Squares
  • Circles
  • Oval shapes
  • Hexagons, heart-shaped and other

Everything is going to work all right.

Today I`ve collected 32 examples of websites using different kinds of shapes so you can compare and contrast.

Related Posts:

Circles in web design – 40 amazing examples

Web Design Inspiration: 20 best website designs of the 2011 Year

1. Making thingsMaking things

2. Graphic CultureGraphic Culture

3. Teo SkaffaTeo Skaffa

4. Domus in FabulaDomus in Fabula

Circles

1. Pop Gallery Tumblr themePop Gallery Tumblr theme

2. Dan ViveirosDan Viveiros

3. Web is beautifulWeb is beautiful

Rectangles

1. Monella FontMonella Font

2. Portfolio of Joachim MolundPortfolio of Joachim Molund

3. Personal portfolio of SwethaPersonal portfolio of Swetha

4. Vision of BeautiesVision of Beauties

5. Arnaud BeelenArnaud Beelen

6. Joel ReedJoel Reed

Triangles

1. Let`s Go RallyLet`s Go Rally

Diamond shapes

1. Designer GlebDesigner Gleb

2. Jessica CaldwellJessica Caldwell

3. PiropixelPiropixel

4. TofutaskTofutask

Hexagon

1. Anet DesignAnet Design

2. MissionMission

3. Paul GoodePaul Goode

4. Spyll PaintsSpyll Paints

5. DartadesignDartadesign

Oval shapes

1. Movemberhttp://mo.8vodesigns.com/

Other shapes

1. Made by ZekiMade by Zeki

2. HyperHyper

3. Ajayu – Design BlogAjayu - Design Blog

4. Less Than 100gLess Than 100g

5. Useless CSS PatternsUseless CSS Patterns

6. It`s a shape ChristmasIt`s a shape Christmas

7. Rui VelocciRui Velocci

8. Imagen and CodigoImagen and Codigo

1 comment
Leave a Reply

Your email address will not be published. Required fields are marked *

You May Also Like

Freebie: Rocket Coming Soon Page

Today`s freebie is a coming soon page psd template. That is absolutely free! I`ve not used any special font just standard Arial, so you can spice up template by means…

Save the date: Breathtaking Wedding Photography

Undoubtedly, wedding photography is one of the most beautiful and breathtaking direction of modern art. As for artist it’s, vice versa, one of the most stressful and demanding. Depending on…

Typography Inspiration – Vol.4

All we in search of inspiration time to time, especially when it comes to design or creation. And one of the main Pierian spring is Typography. Type treatment can be…