網頁是每個網站最基本的獨立元素，每個頁面都有特定的任務。這些頁面組成了整個網站，就像一個連環。每個頁面主要提供兩個基本任務來構建整個鏈

在網站設計中，用戶的任務應該與適當的頁面類型相匹配。如果用戶查看一篇文章，他們需要有導航和詳細頁面；如果用戶想要查看包含某些關鍵字的文章或網頁，他們需要交互、導航和詳細頁面

網站建設" />

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

在界面設計中，有三種方式來完成交互任務的組合；它們分別是向導、控制面板和工具欄。這三者各有優缺點。例如，在安裝軟件時，您通常使用向導讓用戶按照順序操作，并確保他們不會錯過重要的步驟。當然，他們也很無聊。一路“下一步”是安裝許多人使用的軟件的首選方法。控制面板也使用較多，習慣后使用方便。工具欄、手機網站的制作應注意訪問者的視覺體驗，加強客戶服務，提高網絡業務，吸引潛在客戶的注意力。就像office上的那些工具一樣，它們在網絡上很少見，只有在編輯文本時才會出現。根據上述三個原則為任何工具確定優先級。具有多個頁面任務或“下一步”的頁面根據優先級進行劃分。重要內容安排在突出位置，通常在頁面的左側，右側通常是一些次要內容

在網站任務多、交互復雜的情況下，有必要建立網站結構圖。在建立結構圖之前，有必要澄清每個頁面的關鍵任務，以及頁面之間的關系、交互關系和其他方面（根據不同的項目而有所不同）。要組織這些關系，您需要使用網站結構圖（網站地圖）

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

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

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

好吧，今天的編輯就這些。如果您對網站建設有其他問題，請隨時致電或留言。盈科。com專業從事網站建設和推廣多年，經驗豐富。