2.2  頁(yè)面導(dǎo)航面板 (Sitemap)

在繪制線框圖(Wireframe)或流程圖（Flow）之前，應(yīng)該先思考界面框架，決定信息內(nèi)容與層級(jí)。明確界面框架后，接下來(lái)就可以利用頁(yè)面導(dǎo)航面板來(lái)定義所要設(shè)計(jì)的頁(yè)面。

頁(yè)面導(dǎo)航面板是用于管理所設(shè)計(jì)的頁(yè)面，可以添加、刪除及對(duì)頁(yè)面層次進(jìn)行重新組織。

1. 頁(yè)面的添加、刪除和重命名

點(diǎn)擊面板工具欄上的“Add Child Page”按鈕可以添加一個(gè)頁(yè)面，如圖1所示。點(diǎn)擊 “Delete Page”按鈕可以刪除一個(gè)頁(yè)面。右鍵單擊選擇“Rename Page”菜單項(xiàng)可對(duì)頁(yè)面進(jìn)行重命名。

圖1：添加新頁(yè)面

2. 頁(yè)面組織排序

在頁(yè)面導(dǎo)航面板中，通過(guò)拖拉頁(yè)面或點(diǎn)擊工具欄上的排序按鈕，可以上下移動(dòng)頁(yè)面的位置和重新組織頁(yè)面的層次，如圖2所示：

圖2：移動(dòng)頁(yè)面

3. 打開(kāi)頁(yè)面進(jìn)行設(shè)計(jì)

在頁(yè)面導(dǎo)航面板中，鼠標(biāo)雙擊頁(yè)面將會(huì)在線框面板中打開(kāi)頁(yè)面以進(jìn)行線框圖設(shè)計(jì)。