Categories: Web Design

Web Design Inspiration: Shapes

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 things

2. Graphic Culture

3. Teo Skaffa

4. Domus in Fabula

Circles

1. Pop Gallery Tumblr theme

2. Dan Viveiros

3. Web is beautiful

Rectangles

1. Monella Font

2. Portfolio of Joachim Molund

3. Personal portfolio of Swetha

4. Vision of Beauties

5. Arnaud Beelen

6. Joel Reed

Triangles

1. Let`s Go Rally

Diamond shapes

1. Designer Gleb

2. Jessica Caldwell

3. Piropixel

4. Tofutask

Hexagon

1. Anet Design

2. Mission

3. Paul Goode

4. Spyll Paints

5. Dartadesign

Oval shapes

1. Movember

Other shapes

1. Made by Zeki

2. Hyper

3. Ajayu – Design Blog

4. Less Than 100g

5. Useless CSS Patterns

6. It`s a shape Christmas

7. Rui Velocci

8. Imagen and Codigo

admin

Land-of-web.com

View Comments

Recent Posts

Top 5 Must-Have Web Tools for Students to Nail Writing Assignment

I bet you have already seen those TikTok videos where future-students-to-be have shared their Ivy…

3 years ago

The Best Practices for Creating Mind-Blowing Custom Presentation Design

They say you never have a second chance to make the first impression, and this…

4 years ago

How to Add Customer Support to your Website

Do you know that according to recent studies, customer support is one of the main…

4 years ago

How to Use Customers Testimonials to Generate Conversions

Do you know that there are almost 2 billion websites on the web, the lion…

5 years ago

Web Design Inspiration: Welcome Messages/Pages

Welcome messages as usualy are shown on the landing pages since they are one of…

5 years ago

High-Converting Contact Forms: The Best Practices to Follow

A decade ago, the contact form was just an accessory that can be mostly seen…

5 years ago