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

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

1.Radio Taxis

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

radiotaxis 

 

2.Matt's

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

matts

 

3.aiia

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

aiia 

 

4.TAGUCHI

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

taguchi

 

5.OAK LAWN

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

oaklawn 

 

6.orange

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

orange 

 

7.I AND C-Cruise

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

iacc 

 

8.Akitaya

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

akitaya 

 

9.GENE TECHNO SCIENCE

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

gts 

 

10.MITSUI

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

mitsui 

 

想跟我們談談你的網頁設計構想嗎?

 

 

網頁設計洽詢 >