推薦: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網頁設計公司的相關訊息嗎?

我們會不定期更新最新網頁設計相關文章,歡迎訂閱凱士知識+

 

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

做為網頁設計公司的領導品牌,凱士深受B2B外銷公司、上市櫃公司及外商公司推薦,10年來累積超過200個網頁設計作品

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

 

如果您對網站設計規劃有任何問題,歡迎聯絡凱士,我們將會為您提供最適合的建議。

 

 

追蹤文章

想要收到網頁設計領域的相關訊息嗎?

我們會不定時在FB更新上面的網頁設計相關文章,歡迎追蹤凱士臉書專頁