TOP10 官網網站地圖(網站導覽、Sitemap)的設計參考

 在公司網站中規劃Sitemap網頁的主要目的是用來描述一個網站的網站架構，它可以是任意形式的網頁頁面，通常是採用分級或分類的形式，能夠消化龐大的往架構，對於網站的訪問者在網站瀏覽上的資訊需求也能快速獲得，且能提高SEO搜尋引擎優化的效果，對網站的幫助是非常大。

 

以下分享10個網站的Sitemap設計範例： 

 

Apple官方網站

消化大量的網站資訊以及產品項目，清楚明瞭的分類設計，在瀏覽網站時非常方便，這種做法也利於RWD響應式網頁的呈現。

 

 

Judes官方網站

配合網站的UI色，Sitemap呈現明亮舒服的效果，能令消費者感受愉快，非常適合B to C的類型網站設計

 

airbnb官方網站

網站所提供的有關住房的國家地區項目，完整排列出來，在使用上能依序找到自己所需的資訊，達到快速的搜尋效果

 

 

Nabtesco官方網站

頁面設計採用粉色系的配色，搭配簡單的背景圖

 

 

Prova Group官方網站

搭配適合的Banner，提高畫面的豐富度

 

 

Kyodo News Digital 官方網站

利用表格，將架構排列出來，畫面呈現整齊劃一的設計效果

 

 

PCPhase 官方網站

紙牌的設計方式，在配合分類項目的icon，是跟一般Sitemap頁面較不一樣的設計方式

 

 

ORII & MEC 官方網站

搭配了服務項目的情境圖，頁面強烈呈現網站所需傳達的資訊目的

 

 

NIHON BUSINESS DATA PROCESSING CENTER 官方網站

採用了樹狀圖的排版，視覺上非常有活潑生動的效果，是蠻特殊的設計方式

 

 

Aichi Tokei Denki 官方網站

簡單的線條與icon排列，就能夠呈現簡潔大方的設計效果

 

 

 

＊ 歡迎分享這篇文章，分享時請務必加入文章來源網址。

 

 

 

 

追蹤文章

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

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