Design

20 great examples of timelines in web design

Translation of the article “20 Gorgeous Examples Of Timeline In Web Design For Inspiration” posted on the Hongkiat blog.


I’m pretty sure most of you are aware of the possibility of using a timeline in design to show how something changes over time. Moreover, all Facebook profiles use a similar principle.

Also, applications such as Tweetbot or Path use a timeline to display published stories.

Timeline is one of the best ways to display timeline in a compact and easy-to-understand way.

For example, using a timeline on the About page can depict development history rather than writing many lines of text instead.

Below are 20 great examples of using timelines in web design – you will find that using them is a space saver and a way to convey information in a concise way.

iPhone Timeline

20-velikolepnyh-primerov-tajmlajnov-v-veb-dizajne_1

Clément ZEZUKA

20-velikolepnyh-primerov-tajmlajnov-v-veb-dizajne_2

Lois Jeans

20-velikolepnyh-primerov-tajmlajnov-v-veb-dizajne_3

Anne frank timeline

20-velikolepnyh-primerov-tajmlajnov-v-veb-dizajne_4

Akita: Computing History

20-velikolepnyh-primerov-tajmlajnov-v-veb-dizajne_5

Formula 1 History

20-velikolepnyh-primerov-tajmlajnov-v-veb-dizajne_6

Orange history

20-velikolepnyh-primerov-tajmlajnov-v-veb-dizajne_7

Canal plus

20-velikolepnyh-primerov-tajmlajnov-v-veb-dizajne_8

Mixpanel History

20-velikolepnyh-primerov-tajmlajnov-v-veb-dizajne_9

Daniel mall

20-velikolepnyh-primerov-tajmlajnov-v-veb-dizajne_10

Bond cars

20-velikolepnyh-primerov-tajmlajnov-v-veb-dizajne_11

BEL50

20-velikolepnyh-primerov-tajmlajnov-v-veb-dizajne_12

Rodania

20-velikolepnyh-primerov-tajmlajnov-v-veb-dizajne_13

The Evolution of Western Dance Music

20-velikolepnyh-primerov-tajmlajnov-v-veb-dizajne_14

Ge imagination at work

20-velikolepnyh-primerov-tajmlajnov-v-veb-dizajne_15

The evolution of the web

20-velikolepnyh-primerov-tajmlajnov-v-veb-dizajne_16

The History of Sir John A.

20-velikolepnyh-primerov-tajmlajnov-v-veb-dizajne_17

Minimal monkey

20-velikolepnyh-primerov-tajmlajnov-v-veb-dizajne_18

Gramercy Park Hotel

20-velikolepnyh-primerov-tajmlajnov-v-veb-dizajne_19

Jsconfar

20-velikolepnyh-primerov-tajmlajnov-v-veb-dizajne_20



Leave a Reply

WorldOfWarcraft Shadowlands Boosting services