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
Black& White Business Card

Black & White Business Card PSD

Today`s freebie is a black&white business card. Since the download comes in an editable PSD file that has the front and back, you can easily make necessary changes to the…

Freebie: Smiling Coming Soon page psd template

Today’s freebie share is a Smiling Comin Soon page in PSD format.  As usual PSD file come in fully layered shapes. Almost every layer have special effects that can be…

Grid-Based Website Designs

Most website design layouts are simple bunch of cells that have different sizes and locations that are usually formed by means of  horizontal and vertical lines intersection. It’s the oldest…