網站企劃顧問/專案/課程及Axure RP-悠識數位

分享

1-click繪製架構圖

1. 自動繪製架構圖(sitemap)
2. 觀看教學影片


1. 自動繪製架構圖

每一個網站的規劃,少不了要繪製樹狀的網站架構(sitemap diagram),架構圖能夠以視覺化的方式呈現網頁階層。

您在Axure RP的sitemap窗格定義好的網站架構,只要one-click就可以轉成樹狀架構圖。

建議您先開啟一個空白頁面,命名為"Sitemap"或者其他您覺得有意義的名稱。

接下來,在sitemap窗格中的最上層頁面(root 或 home),按滑鼠右鍵,選擇「Generate Flow Diagram」,此時會出現「Generate Flow Diagram」對話方塊,尋問您想要產生「Standard 」或是「 Right Hanging 」的選項。

axure generate flow diagram

 

接下來Axure RP就會把您所選擇的sitemap架構,繪製成樹狀架構在頁面上,而且樹狀架構圖中的網頁節點會自動連結到對應網頁。

axure generate sitemap

 

Axure RP輸出的樹狀架構圖的字體/節點顏色等,可以透過上方的工具列自行調整字體顏色/區塊填色/線條粗細顏色等等。

如果樹狀架構圖過於龐大,您也可以從次單元首頁,按滑鼠右鍵,選擇「Generate Flow Diagram」, 選擇輸出選項「 Right Hanging 」,來逐步依次輸出每個樹枝的結構,再組合成完整的樹狀架構圖。


2. 觀看教學影片

》教學影片 - 快速繪製網站架構圖 (Sitemap)2分28秒


(版權聲明:歡迎引用及複製Axure RP 中文教學內容,必須註明出處為悠識數位顧問有限公司及原始文章網址 UserXper.com)


訪客留言

  1. 映彤 2009/7/1 14:09:18

    您好:
    請問如果要把第3層的newpage1及newpage2改成垂直(上下)的方式,要怎麼改 ? (我不要左右擺放,因為太多單元),謝謝

  2. richard 2009/7/3 10:52:03

    沒有辦法一次完成。

    但可以選擇輸出的style是 "Right Hanging"的選項,不是從Home Page開始畫,而是從第一單元的頁面開始畫出"Right Hanging"的子單元sitemap。
    重複這個動作在每一個子單元,然後手動調整一下位置。

張貼留言

* 為必填,您的email並不會被顯示
姓名

Email *