網(wǎng)頁是每個網(wǎng)站最基本的獨立元素,每個頁面都有特定的任務。這些頁面組成了整個網(wǎng)站,就像一個連環(huán)。每個頁面主要提供兩個基本任務來構(gòu)建整個鏈
在網(wǎng)站設(shè)計中,用戶的任務應該與適當?shù)捻撁骖愋拖嗥ヅ?。如果用戶查看一篇文章,他們需要有導航和詳細頁面;如果用戶想要查看包含某些關(guān)鍵字的文章或網(wǎng)頁,他們需要交互、導航和詳細頁面
在設(shè)計時,首先想象一個特定場景,并列出詳細場景中可能需要完成的任務。需要分析的任務主要有三種類型;導航、企業(yè)網(wǎng)站制作企業(yè)網(wǎng)站是企業(yè)在互聯(lián)網(wǎng)上進行網(wǎng)絡營銷和形象宣傳的平臺,相當于企業(yè)的網(wǎng)絡名片。它不僅可以很好地宣傳企業(yè)的形象,還可以輔助企業(yè)的銷售。通過網(wǎng)絡,可以直接幫助企業(yè)實現(xiàn)產(chǎn)品的銷售、消費(查看細節(jié))和交互;然后將相同類型的任務進行組合和安排,并根據(jù)情況想象要構(gòu)建的頁面;導航需要一組鏈接。要建設(shè)一個人氣聚集、特色鮮明、高效務實的網(wǎng)站,企業(yè)必須冷靜理性地分析自身和競爭對手的優(yōu)劣勢。詳細頁面需要大頁面模塊;交互需要一個表單按鈕。在組織頁面模塊時,每個頁面都應該關(guān)注一個獨立的任務,但如果有多個獨立的類似子任務,我們應該考慮將它們組合在一起
在界面設(shè)計中,有三種方式來完成交互任務的組合;它們分別是向?qū)?、控制面板?strong>工具欄。這三者各有優(yōu)缺點。例如,在安裝軟件時,您通常使用向?qū)ё層脩舭凑枕樞虿僮鳎⒋_保他們不會錯過重要的步驟。當然,他們也很無聊。一路“下一步”是安裝許多人使用的軟件的首選方法??刂泼姘逡彩褂幂^多,習慣后使用方便。工具欄和office上的工具欄一樣,在網(wǎng)絡上很少見,只有在編輯文本時才會出現(xiàn)更多工具欄。工具欄根據(jù)上述三個原則為任何一個工具欄建立優(yōu)先級。具有多個頁面任務或“下一步”的頁面根據(jù)優(yōu)先級進行劃分。重要內(nèi)容安排在突出位置,通常在頁面的左側(cè),右側(cè)通常是一些次要內(nèi)容
在網(wǎng)站任務多、交互復雜的情況下,有必要建立網(wǎng)站結(jié)構(gòu)圖。在建立結(jié)構(gòu)圖之前,有必要澄清每個頁面的關(guān)鍵任務,以及頁面之間的關(guān)系、交互關(guān)系和其他方面(根據(jù)不同的項目而有所不同)。要組織這些關(guān)系,您需要使用網(wǎng)站結(jié)構(gòu)圖(網(wǎng)站地圖)
1。樹狀視圖;這適用于顯示層次,但很容易超出水瓶空間,導致層次太深。它可以與梳狀圖一起使用以避免這種情況
除了網(wǎng)站地圖的形式外,還需要為其中的所有對象建立一個詞匯表(有關(guān)詳細信息,請參閱jessejamesgarrett創(chuàng)建的視覺詞匯表),該詞匯表易于在白板和正式文檔中使用。您也可以閱讀流程圖上的書籍,如UML
最后,根據(jù)上述組織內(nèi)容,您可以在30秒內(nèi)建立任何頁面的低保真度線框。記住標記線框,標記它,然后標記它。其基本框架的每個元素都應該考慮以下問題:
好吧,今天的編輯就這些。如果您對網(wǎng)站建設(shè)有其他問題,請隨時致電或留言。盈科。com專業(yè)從事網(wǎng)站建設(shè)和推廣多年,經(jīng)驗豐富。