Leave a comment

Web Design Inspiration :: Using shapes

Web Design Inspiration :: Using shapes

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 we are posting 32 examples of websites using different kinds of shapes so you can compare, contrast and find some inspiration .

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

About superbdesignhub

Im a Designer and Webmaster, I Love to do Impossible works and competetive works. so im starting this website which can be helpfull for designers , download free bies, Inspiration samples and many many more....!

Share Your View,It motivates me to do more work !

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: