【文章內(nèi)容簡(jiǎn)介】 要把主頁的設(shè)計(jì)盡量做得漂亮 。 但隨著網(wǎng)站建設(shè)的發(fā)展 ， 人們?cè)絹碓角宄卣J(rèn)識(shí)到 ， 這種看法有極大的片面性 。 主頁設(shè)計(jì)得好 ， 自然會(huì)吸引人們的注意 ，但這種吸引是暫時(shí)的 ， 要想長(zhǎng)期吸引住瀏覽者 ， 最終還是靠網(wǎng)站內(nèi)容的不斷更新 。 每次更新的網(wǎng)頁內(nèi)容盡量要在主頁中提示給瀏覽者 。 由于網(wǎng)站內(nèi)容的結(jié)構(gòu)一般都是樹形結(jié)構(gòu) ， 所有文章都包含在各級(jí)版塊或欄目里 。 因此 ， 如果每次更新的網(wǎng)頁內(nèi)容全都被放進(jìn)了各級(jí)版塊和欄目中 ， 瀏覽者并不知道更新了哪些東西 ， 如果讓用戶到版塊或欄目中去查找 ， 不是一個(gè)好的方法 。 所以在這種情況下 ， 一定要在首級(jí)主頁中顯示出最新更新的網(wǎng)頁目錄 ， 以便于訪問者瀏覽 。 第 3章 網(wǎng)站系統(tǒng)設(shè)計(jì) 3. 完善檢索能力 對(duì)于一個(gè)網(wǎng)站來說 ， 如何合理地組織自己要發(fā)布的信息內(nèi)容 ， 以便讓瀏覽者能夠快速 、 準(zhǔn)確地檢索到要查尋的信息 ， 這是一個(gè)網(wǎng)站是否成功的關(guān)鍵 。 如果當(dāng)用戶進(jìn)入一個(gè)網(wǎng)站后不能迅速地找到自己要找的內(nèi)容 ， 那么這個(gè)網(wǎng)站就很難吸引住瀏覽者 。 解決這個(gè)問題 ， 通?？赏ㄟ^對(duì)網(wǎng)站內(nèi)容的全中文檢索來實(shí)現(xiàn) 。 如果一個(gè)網(wǎng)站只有幾十頁內(nèi)容 ， 則根本不用進(jìn)行全中文檢索 ， 用遍歷方法就可查洵 。 但如果 — 個(gè)網(wǎng)站有幾百甚至幾千個(gè)網(wǎng)頁怎么辦 ， 遍歷法顯然不行 。 因此 ， 從實(shí)際應(yīng)用上 ， 一定規(guī)模的網(wǎng)站一定要提供全中文的檢索能力 ， 以便于用戶查找本網(wǎng)站的信息 。 4. 網(wǎng)站的信息交互能力 如果一個(gè)網(wǎng)站只是為訪問者提供瀏覽 ， 而不能引導(dǎo)瀏覽者參與到網(wǎng)站內(nèi)容的部分建設(shè)中去 ， 那么它的吸引力是有限的 。 只有當(dāng)瀏覽者能夠很方便地和信息發(fā)布者相互交流 ， 該網(wǎng)站的魅力才能充分體現(xiàn)出來 。 第 3章 網(wǎng)站系統(tǒng)設(shè)計(jì) Web站點(diǎn)的設(shè)計(jì)要點(diǎn) 各種類型的 web站點(diǎn)的設(shè)計(jì)側(cè)重點(diǎn)不同 ， 但總的說來有如下設(shè)計(jì)要點(diǎn) 。 1. 目標(biāo)明確 、 定位正確 Web站點(diǎn)的設(shè)計(jì)是企業(yè)或機(jī)構(gòu)發(fā)展戰(zhàn)略的重要組成部分 。 想要將企業(yè)站點(diǎn)作為因特網(wǎng)這個(gè)新媒體上展示企業(yè)形象 、 企業(yè)文化的信息空間 ，領(lǐng)導(dǎo)一定要給予足夠的重視 ， 明確設(shè)計(jì)站點(diǎn)的目的和用戶需求 ， 從而做出切實(shí)可行的計(jì)劃 。 挑選與錘煉企業(yè)的關(guān)鍵信息 ， 利用一個(gè)邏輯結(jié)構(gòu)有序地組織起來 ，開發(fā)一個(gè)頁面設(shè)計(jì)原型 ， 選擇用戶代表來進(jìn)行測(cè)試 ， 并逐步精煉這個(gè)原型 ， 形成創(chuàng)意 。 分析有些網(wǎng)站的效果不如預(yù)想的好 ， 主要原因是對(duì)用戶的需求理解有偏差 ， 缺少用戶的檢驗(yàn)造成的 。 設(shè)計(jì)者常常將企業(yè)的市場(chǎng)營(yíng)銷和商業(yè)目標(biāo)放在首位 ， 而對(duì)用戶和潛在的用戶的真正需求了解不多 。 第 3章 網(wǎng)站系統(tǒng)設(shè)計(jì) 所以 ， 企業(yè)或機(jī)構(gòu)應(yīng)清楚地了解本網(wǎng)站的用戶群體的基本情況 ， 如受教育程度 、 收入水平 、 需要信息的范圍及深度等 ， 從而能夠有的放矢 。 2. 主題鮮明 、 富有特色 在目標(biāo)明確的基礎(chǔ)上 ， 完成網(wǎng)站的構(gòu)思創(chuàng)意即總體設(shè)計(jì)方案 。 對(duì)網(wǎng)站的整體風(fēng)格和特色做出定位 ， 規(guī)劃網(wǎng)站的組織結(jié)構(gòu) 。 Web站點(diǎn)應(yīng)針對(duì)所服務(wù)對(duì)象 （ 機(jī)構(gòu)或人 ） 不同而具有不同的形式 。 有些站點(diǎn)只提供簡(jiǎn)潔文本信息；有些則采用多媒體表現(xiàn)手法 ， 提供華麗的圖像 、 閃爍的燈光 、 復(fù)雜的頁面布置 ， 甚至可以下載聲音和錄像片段 。最好的 Web站點(diǎn)將把圖形圖像表現(xiàn)手法與有效的組織與通信結(jié)合起來 。 要做到主題鮮明突出 ， 力求簡(jiǎn)潔 ， 要點(diǎn)明確 ， 以簡(jiǎn)單明確的語言和畫面告訴大家本站點(diǎn)的主題 ， 吸引對(duì)本站點(diǎn)有需求的人的視線 ， 對(duì)無關(guān)的人員也能留下一定的印象 。 對(duì)于一些行業(yè)標(biāo)志和公司的標(biāo)志應(yīng)充分加以利用 。 第 3章 網(wǎng)站系統(tǒng)設(shè)計(jì) 調(diào)動(dòng)一切手段充分表現(xiàn)網(wǎng)站的個(gè)性和情趣 ， 突出個(gè)性 ， 辦出網(wǎng)站的特色 。 Web站點(diǎn)主頁應(yīng)具備的基本成分包括： （ 1） 頁頭：準(zhǔn)確無誤地標(biāo)識(shí)你的站點(diǎn)和企業(yè)標(biāo)志； （ 2） Email地址：用來接收用戶垂詢； （ 3） 聯(lián)系信息：如普通郵件地址或電話； （ 4） 版權(quán)信息 。 注意重復(fù)利用已有信息 ， 如客戶手冊(cè) 、 公共關(guān)系文檔 、 技術(shù)手冊(cè)和數(shù)據(jù)庫(kù)等可以輕而易舉地用到企業(yè)的 Web站點(diǎn)中 。 3. 版式編排布局合理 網(wǎng)頁設(shè)計(jì)作為一種視覺語言 ， 當(dāng)然要講究編排和布局 ， 雖然主頁的設(shè)計(jì)不等同于平面設(shè)計(jì) ， 但它們有許多相近之處 ， 應(yīng)充分加以利用和借鑒 。 第 3章 網(wǎng)站系統(tǒng)設(shè)計(jì) 版式設(shè)計(jì)通過文字圖形的空間組合 ， 表達(dá)出和諧與美 。 版式設(shè)計(jì)通過視覺要素的理性分析 ， 和嚴(yán)格的形式構(gòu)成訓(xùn)練 ， 培養(yǎng)對(duì)整體畫面的把握能力和審美能力 。 一個(gè)優(yōu)秀的網(wǎng)頁設(shè)計(jì)者也應(yīng)該知道哪一段文字 、 圖形該落于何處 ， 才能使整個(gè)網(wǎng)頁生輝 。 努力做到整體布局合理化 、 有序化 、 整體化 。 優(yōu)秀之作 ， 善于以巧妙 、合理的視覺方式使一些語言無法表達(dá)的思想得以闡述 ， 做到豐富多樣而又簡(jiǎn)潔明了 。 多頁面站點(diǎn)頁面的編排設(shè)計(jì)要求把頁面之間的有機(jī)聯(lián)系反映出來 ， 這里主要的問題是頁面之間和頁面內(nèi)的秩序與內(nèi)容的關(guān)系 。 為了達(dá)到最佳的視覺表現(xiàn)效果 ， 應(yīng)講究整體布局的合理性 。 特別是關(guān)系十分緊密的有上下文關(guān)系的頁面 ， 一定要設(shè)計(jì)向前和向后的按鈕 ， 便于瀏覽者仔細(xì)研讀 。 第 3章 網(wǎng)站系統(tǒng)設(shè)計(jì) 站點(diǎn)設(shè)計(jì)簡(jiǎn)單有序 ， 主次關(guān)系分明 ， 將零亂頁面的組織過程混雜的內(nèi)容依整體布局的需要進(jìn)行分組歸納 ， 經(jīng)過進(jìn)行具有內(nèi)在聯(lián)系的組織排列 ， 反復(fù)推敲文字 、 圖形與空間的關(guān)系 ， 使瀏覽者有一個(gè)流暢的視覺體驗(yàn) 。 4. 色彩和諧重點(diǎn)突出 色調(diào)及黑 、 白 、 灰的三色空間關(guān)系不論在設(shè)計(jì)還是在繪畫方面都起著重要的作用 。 在頁面上一定得明確 、 協(xié)調(diào) 、 和諧 ， 而其它有色或無色的內(nèi)容均屬黑 、 白 、 灰的三色空間關(guān)系 ， 從而構(gòu)成它們的空間層次 。 色彩是藝術(shù)表現(xiàn)的要素之一 ， 它是光刺激眼睛再傳導(dǎo)到大腦中樞而產(chǎn)生的一種感覺 。 在網(wǎng)頁設(shè)計(jì)中 ， 根據(jù)和諧 、 均衡和重點(diǎn)突出的原則 ， 將不同的色彩進(jìn)行組合 、 搭配來構(gòu)成美麗的頁面 。 第 3章 網(wǎng)站系統(tǒng)設(shè)計(jì) 利用色彩對(duì)人們心理的影響的成果 ， 合理地加以運(yùn)用 。 按照色彩的記憶性原則 ， 一般暖色較冷色的記憶性強(qiáng) 。 色彩還具有聯(lián)想與象征的特質(zhì) ， 如：紅色象征火 、 血 、 太陽；藍(lán)色象征大海 、 天空和水面等 。 所以設(shè)計(jì)出售冷食的虛擬店面 ， 應(yīng)使用消極而沉靜的顏色 ， 使人心理上感覺涼爽一些 。 在色彩的運(yùn)用過程中 ， 還應(yīng)注意的一個(gè)問題是：由于國(guó)家和種族的不同 ， 宗教和信仰的不同 ， 生活的地理位置 、 文化修養(yǎng)的差異 ， 不同的人群對(duì)色彩的喜惡程度有著很大差異 。 如：兒童喜歡對(duì)比強(qiáng)烈 、 個(gè)性鮮明的純顏色；生活在草原上的人喜歡紅色；生活在鬧市中的人喜歡淡雅的顏色；生活在沙漠中的人喜歡綠色 。在設(shè)計(jì)中要考慮主要讀者群的背景和構(gòu)成 。 第 3章 網(wǎng)站系統(tǒng)設(shè)計(jì) 5. 形式內(nèi)容和諧統(tǒng)一 形式服務(wù)于內(nèi)容 ， 內(nèi)容又為目的服務(wù) ， 形式與內(nèi)容的統(tǒng)一是設(shè)計(jì)網(wǎng)頁的基本原則之一 。 畫面的組織原則中 ， 將豐富的意義和多樣的形式組織在一個(gè)統(tǒng)一的結(jié)構(gòu)里 ， 形式語言必須符合頁面的內(nèi)容 ， 體現(xiàn)內(nèi)容的豐富含義 。 運(yùn)用對(duì)比與調(diào)和 ， 對(duì)稱與平衡 ， 節(jié)奏與韻律以及留白等手段 ， 如通過空間 、 文字 、 圖形之間的相互關(guān)系建立整體的均衡狀態(tài) ， 產(chǎn)生和諧的美感 。 如對(duì)稱原則在頁面設(shè)計(jì)中 ， 它的均衡有時(shí)會(huì)使頁面顯得呆板 ， 但如果加入一些動(dòng)感的文字 、 圖案 ， 或采用夸張的手法來表現(xiàn)內(nèi)容往往會(huì)達(dá)到比較好的效果 。 點(diǎn) 、 線 、 面是視覺語言中的基本元素 ， 使用點(diǎn) 、 線 、 面的互相穿插 、 互相襯托 、 互相補(bǔ)充構(gòu)成最佳的頁面效果 。 第 3章 網(wǎng)站系統(tǒng)設(shè)計(jì) （ 1） 點(diǎn)是所有空間形態(tài)中最簡(jiǎn)潔的元素 ， 也可以說是最活躍 、 最不安分的元素 。 設(shè)計(jì)中 ， 一個(gè)點(diǎn)就可以包羅萬象 ， 體現(xiàn)設(shè)計(jì)者的無限心思 ， 網(wǎng)頁中的圖標(biāo) ， 單個(gè)圖片 ， 按鈕或一團(tuán)文字等都可以說是點(diǎn) 。 點(diǎn)是靈活多變的 ， 我們可以將一排文字視為一個(gè)點(diǎn) ， 將一個(gè)圖形視為一個(gè)點(diǎn) 。 在網(wǎng)頁設(shè)計(jì)中的點(diǎn) ， 由于大小 、 形態(tài) 、 位置的不同而給人不同的心理感受 。 （ 2） 線是點(diǎn)移動(dòng)的軌跡 ， 線在編排設(shè)計(jì)中有強(qiáng)調(diào) 、 分割 、 導(dǎo)線 ，視覺線的作用 。 線會(huì)因方向 、 形態(tài)的不同而產(chǎn)生不同的視覺感受 ，例如垂直的線給人平穩(wěn) 、 挺立的感覺 ， 弧線使人感到流暢 、 輕盈；曲線使人跳動(dòng) 、 不安 。 在頁面中內(nèi)容較多時(shí) ， 就需進(jìn)行版面分割 ，通過線的分割保證頁面良好的視覺秩序 ， 頁面在直線的分割下 ， 產(chǎn)生和諧統(tǒng)一的美感；通過不同比例的空間分割 ， 有時(shí)會(huì)產(chǎn)生空間層次韻律感 。 第 3章 網(wǎng)站系統(tǒng)設(shè)計(jì) （ 3） 面的形態(tài)除了規(guī)則的幾何形體外 ， 還有其它一些不規(guī)則的形態(tài) ，可以說表現(xiàn)形式是多種多樣的 。 面在平面設(shè)計(jì)中是點(diǎn)的擴(kuò)大 ， 線的重復(fù)形成的 。 面狀給人以整體美感 ， 使空間層次豐富 ， 使單一的空間多元化 ，在表達(dá)較含蓄 。 網(wǎng)頁設(shè)計(jì)中點(diǎn) 、 線 、 面的運(yùn)用并不是孤立的 ， 很多時(shí)候都需要將它們結(jié)合起來 ， 表達(dá)完美的設(shè)計(jì)意境 。 6. 多媒體功能的利用 最大資源優(yōu)勢(shì)在于多媒體功能 ， 因而要盡一切努力挖掘它 ， 吸引瀏覽者保持注意力 。 因而畫面的內(nèi)容應(yīng)當(dāng)有一定的實(shí)用性 ， 如產(chǎn)品的介紹甚至可以用三維動(dòng)畫來表現(xiàn) 。 這里需要注意的問題是 ， 由于網(wǎng)絡(luò)帶寬的限制 ， 在使用多媒體的形式表現(xiàn)網(wǎng)頁的內(nèi)容時(shí)應(yīng)考慮客戶端的傳輸速度 ， 或者說將多媒體的內(nèi)容控制在用戶可接收的下載時(shí)間內(nèi)是十分必要的 。 第 3章 網(wǎng)站系統(tǒng)設(shè)計(jì) 7. 相關(guān)站點(diǎn)引導(dǎo)鏈接 一個(gè)好的網(wǎng)站的基本要素是用戶進(jìn)入后 ， 與本網(wǎng)站相關(guān)的信息都可以方便快捷地找到 ， 其中要借助于相關(guān)的站點(diǎn) ， 所以做好導(dǎo)引是一項(xiàng)重要的工作 。 超文本這種結(jié)構(gòu)使全球所有聯(lián)上因特網(wǎng)的計(jì)算機(jī)成為超大規(guī)模的信息庫(kù) ， 鏈接到其它網(wǎng)站輕而易舉 。 在設(shè)計(jì)網(wǎng)頁的導(dǎo)引組織時(shí) ， 應(yīng)該給出多個(gè)相關(guān)網(wǎng)站的鏈接 ， 使得用戶感到想得到的信息就在鼠標(biāo)馬上就可以點(diǎn)擊的地方 。 8. 網(wǎng)站測(cè)試必不可少 為什么精心設(shè)計(jì)的網(wǎng)站是經(jīng)得起推敲的 ， 就是因?yàn)樗?jīng)過認(rèn)真細(xì)致的測(cè)試 。 測(cè)試實(shí)際上就是模擬用戶訪問網(wǎng)站的過程 ， 得以發(fā)現(xiàn)問題改進(jìn)設(shè)計(jì) 。 第 3章 網(wǎng)站系統(tǒng)設(shè)計(jì) 由于一般網(wǎng)站設(shè)計(jì)都是一些專業(yè)人員設(shè)計(jì)的 ， 他們對(duì)計(jì)算機(jī)和網(wǎng)絡(luò)有較深的理解 ， 但要考慮到訪問網(wǎng)站的大部分人只是使用計(jì)算機(jī)和網(wǎng)絡(luò) ， 應(yīng)切實(shí)滿足他們的需要 。 所以有許多成功的經(jīng)驗(yàn)表明 ， 讓對(duì)計(jì)算機(jī)不是很熟悉的人來參加網(wǎng)站的測(cè)試工作效果非常好 ， 這些人會(huì)提出許多專業(yè)人員沒有顧及到的問題或一些好的建議 。 9. 合理地運(yùn)用新技術(shù) 因特網(wǎng)是 IT界發(fā)展最快的領(lǐng)域 ， 其中新的網(wǎng)頁制作技術(shù)幾乎每天都會(huì)出現(xiàn) ， 如果不是介紹網(wǎng)絡(luò)技術(shù)的專業(yè)站點(diǎn) ， 一定要合理地運(yùn)用網(wǎng)頁制作的新技術(shù) ， 切忌將網(wǎng)站變?yōu)橐粋€(gè)制作網(wǎng)頁的技術(shù)展臺(tái) ， 永遠(yuǎn)記住用戶方便快捷地得到所需要的信息是最重要的 。 但對(duì)于網(wǎng)站設(shè)計(jì)者來說 ， 必須學(xué)習(xí)跟蹤掌握網(wǎng)頁設(shè)計(jì)的新技術(shù) ， 如Java、 DHTML、 XML等 ， 根據(jù)網(wǎng)站的內(nèi)容和形式的需要合理地應(yīng)用到設(shè)計(jì)中 。 第 3章 網(wǎng)站系統(tǒng)設(shè)計(jì) 要將企業(yè)站點(diǎn)作為在 Inter上展示企業(yè)形象 、 企業(yè)文化的信息中間 ， 有明確目標(biāo) 、 良好定位的 Web站點(diǎn)設(shè)計(jì)是企業(yè)或機(jī)構(gòu)發(fā)展戰(zhàn)略的重要組成部分 。 對(duì)此 ， 主管部門一定要給予足夠的重視 ， 明確設(shè)計(jì)站點(diǎn)的目的和用戶需求 ， 從而做出切實(shí)可行的計(jì)劃 。 挑選與錘煉企業(yè)的關(guān)鍵信息 ， 利用邏輯結(jié)構(gòu)有序地組織起來 ， 并開發(fā)一個(gè)頁面設(shè)計(jì)原型 ， 選擇代表性用戶來進(jìn)行測(cè)試 ， 然后逐步精煉這個(gè)原型 ，最終形成創(chuàng)意 。 Web站點(diǎn)的設(shè)計(jì)流程 在 Web站點(diǎn)的設(shè)計(jì)階段 ， 主要包括以下設(shè)計(jì)工作 。 1. 收集該站點(diǎn)的關(guān)鍵信息 它包括站點(diǎn)的目標(biāo)客戶 、 擬發(fā)布內(nèi)容 、 Web服務(wù)器開發(fā)平臺(tái)等 。 2. 概念開發(fā) 設(shè)計(jì)人員根據(jù)收集的信息進(jìn)行構(gòu)思 。 通常 ， 設(shè)計(jì)人員要把這些構(gòu)思用草圖的形式呈現(xiàn)給顧客代表 ， 這個(gè)草圖要有整個(gè)網(wǎng)站的結(jié)構(gòu) 、不同的布局設(shè)計(jì)及導(dǎo)航 。 第 3章 網(wǎng)站系統(tǒng)設(shè)計(jì) 3. 內(nèi)容綜合 設(shè)計(jì)人員開始制作一些初始圖樣 ， 這些圖樣用諸如 Photoshop的應(yīng)用程序來創(chuàng)建 ， 然后 ， 設(shè)計(jì)人員將圖樣打印出來 ， 配上文字說明 。 4. HTML布局和導(dǎo)航 一旦客戶同意了這些內(nèi)容 ， 設(shè)計(jì)人員開始編制 Web頁面 ， 導(dǎo)航器也被編制到頁面中 ， 使客戶有所體驗(yàn) 。 5. 圖形制作 如果客戶同意了站點(diǎn)的外觀和設(shè)計(jì)思想 ， 設(shè)計(jì)人員將大量制作所需的圖形 ， 并進(jìn)行優(yōu)化 。 簡(jiǎn)潔明快 、 獨(dú)具特色 、 保持統(tǒng)一的網(wǎng)站風(fēng)格能讓用戶產(chǎn)生深刻印象 ， 不斷的來訪問 。 優(yōu)秀的網(wǎng)頁畫面少不了漂亮的圖像 ， 但更重要的是布局效果 。 網(wǎng)頁布局采用的主要技術(shù)是HTML的表格 （ Table）