網(wǎng)頁(yè)是每個(gè)網(wǎng)站最基本的獨(dú)立元素，每個(gè)頁(yè)面都有特定的任務(wù)。這些頁(yè)面組成了整個(gè)網(wǎng)站，就像一個(gè)連環(huán)。每個(gè)頁(yè)面主要提供兩個(gè)基本任務(wù)來(lái)構(gòu)建整個(gè)鏈

在網(wǎng)站設(shè)計(jì)中，用戶的任務(wù)應(yīng)該與適當(dāng)?shù)捻?yè)面類(lèi)型相匹配。如果用戶查看一篇文章，他們需要有導(dǎo)航和詳細(xì)頁(yè)面；如果用戶想要查看包含某些關(guān)鍵字的文章或網(wǎng)頁(yè)，他們需要交互、導(dǎo)航和詳細(xì)頁(yè)面

在設(shè)計(jì)時(shí)，首先想象一個(gè)特定場(chǎng)景，并列出詳細(xì)場(chǎng)景中可能需要完成的任務(wù)。需要分析的任務(wù)主要有三種類(lèi)型；導(dǎo)航、企業(yè)網(wǎng)站制作企業(yè)網(wǎng)站是企業(yè)在互聯(lián)網(wǎng)上進(jìn)行網(wǎng)絡(luò)營(yíng)銷(xiāo)和形象宣傳的平臺(tái)，相當(dāng)于企業(yè)的網(wǎng)絡(luò)名片。它不僅可以很好地宣傳企業(yè)的形象，還可以輔助企業(yè)的銷(xiāo)售。通過(guò)網(wǎng)絡(luò)，可以直接幫助企業(yè)實(shí)現(xiàn)產(chǎn)品的銷(xiāo)售、消費(fèi)（查看細(xì)節(jié)）和交互；然后將相同類(lèi)型的任務(wù)進(jìn)行組合和安排，并根據(jù)情況想象要構(gòu)建的頁(yè)面；導(dǎo)航需要一組鏈接。要建設(shè)一個(gè)人氣聚集、特色鮮明、高效務(wù)實(shí)的網(wǎng)站，企業(yè)必須冷靜理性地分析自身和競(jìng)爭(zhēng)對(duì)手的優(yōu)劣勢(shì)。詳細(xì)頁(yè)面需要大頁(yè)面模塊；交互需要一個(gè)表單按鈕。在組織頁(yè)面模塊時(shí)，每個(gè)頁(yè)面都應(yīng)該關(guān)注一個(gè)獨(dú)立的任務(wù)，但如果有多個(gè)獨(dú)立的類(lèi)似子任務(wù)，我們應(yīng)該考慮將它們組合在一起

在界面設(shè)計(jì)中，有三種方式來(lái)完成交互任務(wù)的組合；它們分別是向?qū)А⒖刂泼姘搴?strong>工具欄。這三者各有優(yōu)缺點(diǎn)。例如，在安裝軟件時(shí)，您通常使用向?qū)ё層脩舭凑枕樞虿僮鳎⒋_保他們不會(huì)錯(cuò)過(guò)重要的步驟。當(dāng)然，他們也很無(wú)聊。一路“下一步”是安裝許多人使用的軟件的首選方法。控制面板也使用較多，習(xí)慣后使用方便。工具欄和office上的工具欄一樣，在網(wǎng)絡(luò)上很少見(jiàn)，只有在編輯文本時(shí)才會(huì)出現(xiàn)更多工具欄。工具欄根據(jù)上述三個(gè)原則為任何一個(gè)工具欄建立優(yōu)先級(jí)。具有多個(gè)頁(yè)面任務(wù)或“下一步”的頁(yè)面根據(jù)優(yōu)先級(jí)進(jìn)行劃分。重要內(nèi)容安排在突出位置，通常在頁(yè)面的左側(cè)，右側(cè)通常是一些次要內(nèi)容

在網(wǎng)站任務(wù)多、交互復(fù)雜的情況下，有必要建立網(wǎng)站結(jié)構(gòu)圖。在建立結(jié)構(gòu)圖之前，有必要澄清每個(gè)頁(yè)面的關(guān)鍵任務(wù)，以及頁(yè)面之間的關(guān)系、交互關(guān)系和其他方面（根據(jù)不同的項(xiàng)目而有所不同）。要組織這些關(guān)系，您需要使用網(wǎng)站結(jié)構(gòu)圖（網(wǎng)站地圖）

1。樹(shù)狀視圖；這適用于顯示層次，但很容易超出水瓶空間，導(dǎo)致層次太深。它可以與梳狀圖一起使用以避免這種情況

除了網(wǎng)站地圖的形式外，還需要為其中的所有對(duì)象建立一個(gè)詞匯表（有關(guān)詳細(xì)信息，請(qǐng)參閱jessejamesgarrett創(chuàng)建的視覺(jué)詞匯表），該詞匯表易于在白板和正式文檔中使用。您也可以閱讀流程圖上的書(shū)籍，如UML

最后，根據(jù)上述組織內(nèi)容，您可以在30秒內(nèi)建立任何頁(yè)面的低保真度線框。記住標(biāo)記線框，標(biāo)記它，然后標(biāo)記它。其基本框架的每個(gè)元素都應(yīng)該考慮以下問(wèn)題：

好吧，今天的編輯就這些。如果您對(duì)網(wǎng)站建設(shè)有其他問(wèn)題，請(qǐng)隨時(shí)致電或留言。盈科。com專(zhuān)業(yè)從事網(wǎng)站建設(shè)和推廣多年，經(jīng)驗(yàn)豐富。