Web Design Inspiration: Shapes

  • Share
  • Share

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

About the author

Co-founder of land-of-web.

7 Comments

  1. This is a nice web design for collection i like see that thanks foer shearing!

    Reply

Trackbacks for this post

  1. פיקסלגיק: הפוסטים החמים בעולם העיצוב השבוע [25-02-12] | Newsgeek
  2. Web Design Inspiration: Shapes | reADactor
  3. Web Design Inspiration: Shapes | Design News
  4. פיקסלגיק: קישורים סופר יעילים למעצבים מהשבוע האחרון 1-3-12 | פיקסל פרפקט מגזין
  5. Web Design Inspiration: Shapes | mameara | Graphic and web design resources, and inspiration
  6. RT @unoeilgraphik: Web Design Inspiration: Shapes http://t.co/T0wuFEVg #webdesign #shapes #inspiration #graphicdesign #creative » Web Design

Leave a Comment