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

2016-07-08

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

 

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

 

Apple官方網站

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

 

apple-sitemap

 

Judes官方網站

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

 

apple-sitemap

airbnb官方網站

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

 

apple-sitemap

 

Nabtesco官方網站

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

 

apple-sitemap

 

Prova Group官方網站

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

 

apple-sitemap

 

Kyodo News Digital 官方網站

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

 

apple-sitemap

 

PCPhase 官方網站

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

 

apple-sitemap

 

ORII & MEC 官方網站

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

 

apple-sitemap

 

NIHON BUSINESS DATA PROCESSING CENTER 官方網站

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

 

apple-sitemap

 

Aichi Tokei Denki 官方網站

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

 

apple-sitemap

 

 

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

 

訂閱文章

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

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

 

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

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

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

 

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

 

 

追蹤文章

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

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