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

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

網(wǎng)站建設(shè)" />

在設(shè)計(jì)時(shí)，首先想象一個特定場景，并列出詳細(xì)場景中可能需要完成的任務(wù)。需要分析的任務(wù)主要有三種類型；導(dǎo)航、消費(fèi)（查看詳情）、互動；然后將相同類型的任務(wù)進(jìn)行組合和安排，并根據(jù)情況想象要構(gòu)建的頁面；導(dǎo)航需要一組鏈接，詳細(xì)頁面需要大頁面模塊；交互需要一個表單按鈕。在組織頁面模塊時(shí)，每個頁面都應(yīng)該關(guān)注一個獨(dú)立的任務(wù)，但如果有多個獨(dú)立的類似子任務(wù)，我們應(yīng)該考慮將它們組合在一起

在界面設(shè)計(jì)中，有三種方式來完成交互任務(wù)的組合；它們分別是向?qū)?、控制面板和工具欄。這三者各有優(yōu)缺點(diǎn)。例如，在安裝軟件時(shí)，您通常使用向?qū)ё層脩舭凑枕樞虿僮?，并確保他們不會錯過重要的步驟。當(dāng)然，他們也很無聊。一路“下一步”是安裝許多人使用的軟件的首選方法?？刂泼姘逡彩褂幂^多，習(xí)慣后使用方便。工具欄、手機(jī)網(wǎng)站的制作應(yīng)注意訪問者的視覺體驗(yàn)，加強(qiáng)客戶服務(wù)，提高網(wǎng)絡(luò)業(yè)務(wù)，吸引潛在客戶的注意力。就像office上的那些工具一樣，它們在網(wǎng)絡(luò)上很少見，只有在編輯文本時(shí)才會出現(xiàn)。根據(jù)上述三個原則為任何工具確定優(yōu)先級。具有多個頁面任務(wù)或“下一步”的頁面根據(jù)優(yōu)先級進(jìn)行劃分。重要內(nèi)容安排在突出位置，通常在頁面的左側(cè)，右側(cè)通常是一些次要內(nèi)容

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

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

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

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

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