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

30+ Captivating Dark Website Designs

Great website designs don’t have to be the clean or with white background (although, to tell the truth, we get used to black font on white background since it`s more readable…

Green Content Slider FREE

DEMO DOWNLOAD content slider Credits goes to graphicsfuel.com where you can download psd version of this content slider. Today we make alive another psd file. First of all, grab necessary …