20 великолепных примеров таймлайнов в веб-дизайне

Перевод статьи «20 Gorgeous Examples Of Timeline In Web Design For Inspiration», опубликованной в блоге Hongkiat.


Я практически уверен, что большинство из вас знает о возможности использования таймлайна в дизайне для отображения изменения чего-либо во времени. Тем более что все профили Фейсбука используют схожий принцип.

Также такие приложения, как Tweetbot или Path используют таймлайн для отображения опубликованных историй.

Таймлайн — это онин из лучших способов отображения хронологии в компактном и понятном виде.

bond-cars

Например, с помощью таймлайна на странице «О компании» можно изобразить историю развития, а не писать много строчек текста вместо этого.

Ниже представлены 20 отличных примеров использования таймлайнов в веб-дизайне: вы поймете, что их использование — это экономия пространства на сайте, а также способ передать информацию в сжатом виде.

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