推薦:TOP10 時間軸 Timeline 網頁設計參考範例

2016-09-27

時間軸常應用於形象網站的歷史沿革單元上,把品牌歷史的發生先後次序用時間軸表達,是能幫助網站造訪者能快速暸解關於網站品牌的歷史發展,以最精簡的方式呈現一個品牌的發展歷史,是非常方便的元件。

以下分享10個網站的Timeline設計範例:

Radio Taxis

 在時間軸上使用插圖設計,沿革事件以照片配合文字簡述呈現,網頁效果上更為生動。

radiotaxis

 

Matt's

 以簡單的點線面元素,在風格上更簡潔大方,且也能配合左右鍵,更增加互動效果。

radiotaxis

 

aiia

圖片採用圓形呈現,及簡要文字排列,視覺上也能有活潑的效果。

radiotaxis

 

TAGUCHI

 時間軸採用較粗的線條,風格呈現較工業風,然而在每10年份在做一次階段分類,更清楚明暸,適合消化有大量資訊的公司品牌。

radiotaxis

 

OAK LAWN

 文字採用紅色,視覺上更鮮明。

radiotaxis

 

orange

 時間軸採用紙牌式的設計,跟一般時間軸的設計較為特別,風格上呈現時尚風格,

radiotaxis

 

I AND C-Cruise

 使用UI色做配色,在網站上也更能統一風格。

radiotaxis

 

Akitaya

使用表格排版設計,畫面雖較傳統、簡單,如加上圖片置入,能在畫面上有畫龍點睛的效果。 

radiotaxis

 

GENE TECHNO SCIENCE

 文字簡單排列,在使用分隔線排列,視覺上也能容易閱讀。

radiotaxis

 

MITSUI

 於版面上,以每時期所代表照片兩欄方式排列,畫面也較為整齊。

radiotaxis

 

 

訂閱文章

想要收到CADIIS網頁設計公司的相關訊息嗎?

我們會在FB轉貼網頁設計專欄文章,歡迎訂閱CADIIS凱士數位臉書專頁


想詢問網站設計方面的問題?

沒問題!

凱士網站設計公司深受B2B外銷公司、上市櫃公司及外商公司推薦,累積超過100個網頁設計案例。

我們很樂意用淺顯易懂的方式讓我們的客戶輕鬆了解網頁設計的各種疑難雜症。

如果您對網站設計規劃有任何問題,歡迎與我們聯絡:立即填寫諮詢表單