為了能更直觀和更簡(jiǎn)單地表述出網(wǎng)站頁(yè)面的流程，就需要設(shè)計(jì)網(wǎng)站頁(yè)面流程圖。網(wǎng)站頁(yè)面流程圖是呈現(xiàn)網(wǎng)站流程最好與最常用的方式，它主要包括已經(jīng)劃分好的每個(gè)頁(yè)面的單元內(nèi)容，還有把各個(gè)單元連接在一起的箭頭，最后是以說(shuō)明為目的的圖例。下面就詳細(xì)介紹一下這幾個(gè)元素。

1、 網(wǎng)站流程圖的標(biāo)題

設(shè)計(jì)網(wǎng)站流程圖的標(biāo)題一般會(huì)使用比較醒目的字體，也可以使用明顯大于流程圖內(nèi)其他文字的字號(hào)，在顏色選擇上也可以鮮艷一些。

2、 內(nèi)容單元

通常在設(shè)計(jì)網(wǎng)站流程圖時(shí)會(huì)把每個(gè)單元都視為一個(gè)節(jié)點(diǎn)，它們會(huì)以有頁(yè)面名字的方式呈現(xiàn)在一些方框里。為了區(qū)分謝謝功能單元，可以使用不同的字體、不同的文字顏色、背景顏色或者底紋。也可以用兩種簡(jiǎn)單的區(qū)別方框來(lái)代表功能性單元和一般單元。

3、 箭頭與線(xiàn)

從一個(gè)單元連接到另一個(gè)單元，這種具有方向性的鏈接可以用帶剪頭的線(xiàn)來(lái)表示。當(dāng)箭頭的尾部與頭部形成一個(gè)環(huán)形且其圍繞著一個(gè)單元時(shí)，它就是自我鏈接。而當(dāng)有兩個(gè)箭頭的線(xiàn)夾在兩個(gè)單元之間時(shí)我們稱(chēng)它為雙向鏈接?？梢杂迷诰€(xiàn)的旁邊標(biāo)注流程號(hào)的方式來(lái)表示它的流程線(xiàn)路。

4、 圖例

為了有效說(shuō)明設(shè)計(jì)網(wǎng)站流程圖的各個(gè)元素的功能與分類(lèi)，設(shè)計(jì)師需要用圖例的形式來(lái)對(duì)流程圖的各個(gè)元素進(jìn)行說(shuō)明。例如哪些形狀的方框是一般單元，哪些是功能單元等等。以上就是網(wǎng)站頁(yè)面流程圖的制作元素。