網站地圖（組織圖）免費圖示 | 免費素材

將資訊全貌可視化，「網站地圖」免費素材

這是一款描繪從上方的大方塊（首頁），延伸線條至下方小方塊（下層頁面）的樹狀結構插畫圖示。不僅是顯示網站何處有什麼的「地圖」角色，也是視覺性說明事物親子關係，或組織命令系統等「階層結構（Hierarchy）」的萬能象徵標誌。

具體使用場景與用途建議

此圖示從網頁製作現場，到商務組織論，在想整理結構並展示的場面很活躍。

• 網站頁尾的「網站地圖」連結
  在大型企業網站或入口網站的頁尾部分，作為「全頁面一覽請按此」連結按鈕的圖示。當使用者迷路時，成為掌握網站整體結構的救生圈。
• UI/UX設計的「資訊架構（IA）」資料
  在網站改版提案書，或APP的畫面遷移圖中，作為討論「要如何區分類別」等目錄結構時的標題圖示。象徵資訊的整理整頓。
• 企業的「組織圖・體制圖」形象
  在公司簡介或徵才簡報資料中，作為介紹「社長→部長→課長」等指揮命令系統，或部門架構圖（Organization Chart）投影片的裝飾。傳達組織系統化運作的樣子。
• SEO對策的「爬蟲巡邏」解說
  在解說搜尋引擎機制的部落格文章中，說明「XML網站地圖」的角色，或連結結構最佳化時的插圖。補強搜尋機器人沿著連結在網站內巡邏的形象。
• 家譜・分類圖的「樹狀結構」表現
  在「家譜」製作服務，或解說生物「分類學」的教育內容中，可作為分枝出去的系統樹隱喻利用。

編輯技巧與EPS格式的優點

分發檔案中，除了方便網頁製作的PNG、SVG格式外，也同梱了適合DTP設計或高度編輯的向量數據EPS格式。

若是EPS格式，就能使用Illustrator等軟體，增加方塊數量製作更複雜的階層，或將形狀改為「圓形」變成網路圖風格等編排。此外，也能將線條（連接線）顏色改為「紅色」強調重要路徑等，請配合想說明的內容自定義。

相關關鍵字

網站地圖、架構圖、組織圖、階層、結構、樹狀、流程圖、網頁設計、SEO、導覽、目錄、分類、圖示、Sitemap、Flowchart、Hierarchy、Structure、Organization