Looking Into Dashed Line Trend in Web Design

Looking Into Dashed Line Trend in Web Design

Have you noticed how many websites make use of dashed and dotted lines? We have checked a number of web design galleries and it looks like this trend has been with us for at least two years now and it still continues. If you want to see this yourself, here are 20 websites for your inspiration.

In the below examples, dashed and dotted lines are used to divide space, emphasize certain areas of the layout or to show website users the path they should follow to view website content. Information about the movement of an object can also be presented with the help of a dashed or a dotted line. Sometimes dashed lines are nothing more than decoration. However, one thing is for sure, whether being used as a border, a path or anything else; a dashed line definitely gets attention and helps the site stand out.

Looking Into Dashed Line Trend in Web Design

The Dashed Line Trend is Here to Stay

Hundreds of articles have been written about the importance of simplicity in web design and one of the key points to achieve simplicity is to present information visually. That is why dashed lines with their ability to visually communicate information are so popular with web masters and web designers throughout the world.

Here is a collection of great examples of website design incorporating dashed and/or dotted lines.

Made in Sbrescia
Made in Sbrescia

S Berlin
S Berlin

AlterBuzz
AlterBuzz

1minus1
1minus1

Just Dot
Just Dot

Head 2 Heart
Head 2 Heart

Kunal Chhajer
Kunal Chhajer

Boo Bebe
Boo Bebe

Intellisult
Intellisult

Zabawnik
Zabawnik

Go Live Button
Go Live Button

FlairBuilder
FlairBuilder

Jacob Lee
Jacob Lee

Appmiral
Appmiral

Silly Poems
Silly Poems

Pointless Corp
Pointless Corp

Carsonified
Carsonified

CL Designz
CL Designz

Spoon Graphics
Spoon Graphics

Amber Support Services
Amber Support Services

Conclusion

You see, dashed lines can add that little something to the design of your site, so it becomes more appealing and trendy. A dashed line can serve many purposes, from dividing content into sections to showing website visitors the path. Also, a line often makes the design more dynamic.

If you know other inspiring examples of using dashed and dotted lines in website design, please be sure to leave a comment in the section below.

Helen loves everything about nature, reading, web design, traveling, meeting friends and anyone who is sincere and open-minded.

Comments

  1. / Reply

    Dashed lines… I made one for my blog header with blackboard two years before. and these are more inspired. thank you

    • Saya,
    • July 26, 2012
    / Reply

    If you have noticed in some of these samples, dashes are like a guide to how to follow the story or pages
    Great samples thanks

  2. / Reply

    I am definitely referring this blog to my friends and family. It was very informative, and I think everyone should read it.

  3. / Reply

    Hi!
    Dashed lines in webdesign are so creative and adorable solution! Like them!))

  4. / Reply

    Thanks for the article. I found it inspiring enough to re-blog (please see link below) and I sourced a few other examples that use this trend. Dashed & dotted lines are so versatile & practical. I personally like them best when they are used to imply motion & movement. Thanks again.

    http://www.saffronandteal.com/2012/07/30/web-trends-the-dashed-dotted/

  5. / Reply

    You’ve made some really good points there. I looked on the net to learn more about the issue and found most individuals will go along with your views on this website.

  6. / Reply

    Helen, thanks for the roundup!
    SpoonGraphic blog design is out of competition :)

Leave a Reply

Your email address will not be published. Required fields are marked *

Deals