農(nóng)民畫展覽館網(wǎng)站項(xiàng)目規(guī)劃與設(shè)計(jì)目錄TOC\o"1-3"\h\u24710一、項(xiàng)目背景 213083（1）網(wǎng)站需求分析 226908（2）網(wǎng)站的目的及功能定位 225165二、網(wǎng)站開發(fā)平臺(tái) 230669三、網(wǎng)站建設(shè)日程表 331752四、站點(diǎn)地圖 32387五、線框圖 46896（1）主頁(yè)布局 425420（2）子頁(yè)布局 521901六、設(shè)計(jì)規(guī)范 55119（1）簡(jiǎn)便化界面操作流程 529565（2）功能明確 513620（3）網(wǎng)站信息分布簡(jiǎn)單明了 632103七、網(wǎng)頁(yè)UI設(shè)計(jì) 613047（1）UI界面圖片 61341（2）UI界面圖標(biāo) 67481（3）UI界面文字 712750八、主要頁(yè)面的詳細(xì)設(shè)計(jì)圖 7936九、網(wǎng)站測(cè)試 812221（1）測(cè)試準(zhǔn)備 85443（2）用戶界面測(cè)試 831572（3）功能測(cè)試 818789（4）兼容性測(cè)試 820944十、網(wǎng)站推廣 8一、項(xiàng)目背景（1）網(wǎng)站需求分析農(nóng)民畫是我國(guó)特色的傳統(tǒng)非物質(zhì)文化遺產(chǎn)。因此，完善展館網(wǎng)站將大大增加參觀者的便利性。農(nóng)民畫展覽館網(wǎng)站設(shè)計(jì)，其實(shí)就是展覽館為了給游客提供信息，是傳統(tǒng)文化電子商務(wù)的一種基礎(chǔ)設(shè)施的建設(shè)與信息的平臺(tái)，也是展覽館無(wú)形資產(chǎn)的一部分。同樣也是反映農(nóng)民畫形象工作建設(shè)與文化傳播的重要窗口。在這方面我們要做一個(gè)知識(shí)的探究者，用這種網(wǎng)址對(duì)于農(nóng)民畫文化做一波宣傳，吸收流量，以此來(lái)為傳統(tǒng)文化吸收人氣，同時(shí)也給我國(guó)寶貴的非物質(zhì)文化傳播起到積極作用。（2）網(wǎng)站的目的及功能定位目的及功能：將富有文化特色的農(nóng)民畫進(jìn)行收集展覽，借助網(wǎng)站，能對(duì)外宣傳農(nóng)民畫，讓大家了解到農(nóng)民畫，這對(duì)于繼承和發(fā)揚(yáng)民族優(yōu)秀非物質(zhì)文化有著積極作用。目標(biāo)人群：優(yōu)秀的民間藝術(shù)家、傳統(tǒng)農(nóng)戶手藝人、農(nóng)民畫家。二、網(wǎng)站開發(fā)平臺(tái)功能模塊技術(shù)和軟件平臺(tái)操作系統(tǒng)Windows10設(shè)計(jì)稿、圖形處理PhotoshopCS6動(dòng)畫設(shè)計(jì)制作FlashCS5網(wǎng)頁(yè)制作平臺(tái)Dreamweaver網(wǎng)站開發(fā)語(yǔ)言HTML,CSS,JavaScript網(wǎng)站測(cè)試平臺(tái)Chrome，F(xiàn)irefox三、網(wǎng)站建設(shè)日程表完成整個(gè)項(xiàng)目所需時(shí)間為三個(gè)月，其中各項(xiàng)規(guī)劃任務(wù)如下表所示：時(shí)間任務(wù)內(nèi)容2021年8月9日-16日擬定項(xiàng)目2021年8月17日-23日制定初步項(xiàng)目計(jì)劃2021年9月6日-19日網(wǎng)站初步框架2021年9月20日-10月1日網(wǎng)站內(nèi)容具體豐富2021年10月2日-10月10日總結(jié)反思，網(wǎng)站細(xì)節(jié)完善2021年10月11日-24日計(jì)劃微調(diào)，網(wǎng)站用戶體驗(yàn)感測(cè)試2021年10月25日-11月7日網(wǎng)站裝飾再加工，CSS布局，JS語(yǔ)言,后臺(tái)數(shù)據(jù)庫(kù)設(shè)計(jì)2021年11月8日-11月15日最終測(cè)試四、站點(diǎn)地圖農(nóng)民畫展覽館農(nóng)民畫展覽館網(wǎng)站關(guān)于農(nóng)民畫展覽館走進(jìn)農(nóng)民畫展覽館展覽館農(nóng)民畫欣賞游客論壇五、線框圖（1）主頁(yè)布局農(nóng)民畫展覽館農(nóng)民畫展覽館LOGO首頁(yè)關(guān)于農(nóng)民畫展覽館走進(jìn)農(nóng)民畫展覽館展覽館農(nóng)民畫欣賞游客論壇展覽館介紹走進(jìn)展覽館展畫欣賞游客論壇關(guān)于農(nóng)民畫展覽館介紹的相關(guān)內(nèi)容（2）子頁(yè)布局展覽館農(nóng)民畫欣賞展覽館農(nóng)民畫欣賞LOGO首頁(yè)關(guān)于農(nóng)民畫展覽館走進(jìn)農(nóng)民畫展覽館展覽館農(nóng)民畫欣賞游客論壇王XX李XX張XX陳XX介紹王XX的作品，展示王XX作品六、設(shè)計(jì)規(guī)范（1）簡(jiǎn)便化界面操作流程界面容易被用戶接受，操作和任務(wù)簡(jiǎn)單，不需要減少內(nèi)容的外觀。同時(shí)，頁(yè)面的整體布局很容易分散用戶的注意力，導(dǎo)致信息交流與交互界面不太相關(guān)。每一個(gè)動(dòng)作都是一致的，以增加用戶的瀏覽興趣并減少鏈接中的空白空間。因此，在整個(gè)操作過(guò)程中界面必須保持一致，這比直接打印要好。游覽時(shí)間長(zhǎng)，影響用戶體驗(yàn)。（2）功能明確簡(jiǎn)單是網(wǎng)頁(yè)設(shè)計(jì)和用戶界面設(shè)計(jì)的基本原則。當(dāng)用戶完成體驗(yàn)后，可以再次享受交互體驗(yàn)的過(guò)程。生活方式和工作習(xí)慣通常使界面的交互操作成為重要因素。因此，在設(shè)計(jì)網(wǎng)站的過(guò)程中，需要滿足最基本的瀏覽習(xí)慣，最大限度地滿足用戶需求。（3）網(wǎng)站信息分布簡(jiǎn)單明了人們通常每秒看到4個(gè)單位的信息，而視覺信息相對(duì)較少。因此，信息的設(shè)計(jì)和傳播必須簡(jiǎn)潔明了，使用戶能夠在相對(duì)較短的時(shí)間內(nèi)做出信息和決策。這樣，用戶可以有效地減少信息負(fù)載，避免信息過(guò)載。因此，輕松高效地存儲(chǔ)信息也是確保用戶擁有良好瀏覽體驗(yàn)的有效方式。七、網(wǎng)頁(yè)UI設(shè)計(jì)（1）UI界面圖片如果網(wǎng)站僅由文字組成，用戶瀏覽時(shí)可能會(huì)感到單調(diào)，而在網(wǎng)站中添加圖片會(huì)使頁(yè)面生動(dòng)有趣，并將網(wǎng)站信息傳達(dá)給用戶。視覺元素與標(biāo)準(zhǔn)閱讀設(shè)備相比具有許多優(yōu)勢(shì)，因?yàn)樗鼈兒苋菀孜脩舻难矍?。與文本相比，視覺元素的信息量更大，用戶更容易理解。此外，視覺元素可以使枯燥乏味的頁(yè)面更加生動(dòng)和具有藝術(shù)趣味。在互聯(lián)網(wǎng)飛速發(fā)展的今天，網(wǎng)站的加載速度也在飛速提升，這是讓網(wǎng)站圖片更加人性化的關(guān)鍵因素。圖像信息相對(duì)于網(wǎng)站元素來(lái)說(shuō)是越來(lái)越多的，有的網(wǎng)站使用簡(jiǎn)潔具體的方式來(lái)表達(dá)和表現(xiàn)網(wǎng)站的獨(dú)特性，以圖像為元素，使用主頁(yè)和頁(yè)面上的少量文字。此外，優(yōu)秀的視覺元素，無(wú)論用戶來(lái)自哪里，都能將頁(yè)面中的信息直接傳達(dá)給用戶，使頁(yè)面效果更具吸引力，它應(yīng)該更人性化。（2）UI界面圖標(biāo)圖標(biāo)是網(wǎng)頁(yè)界面中一種特殊的“圖像”。這通常需要用戶點(diǎn)擊。通過(guò)用戶訪問(wèn)，它通常會(huì)提供用戶反饋。常用圖標(biāo)包括確認(rèn)、取消、注冊(cè)、登錄等，因?yàn)榘聪逻@些圖標(biāo)可能是完成用戶任務(wù)或?qū)g覽器轉(zhuǎn)換為登錄用戶的重要步驟。網(wǎng)頁(yè)界面元素的一部分。但是當(dāng)實(shí)現(xiàn)一個(gè)圖標(biāo)時(shí)，許多網(wǎng)站忽略了他們受眾的需求，而過(guò)度追求形式。圖標(biāo)設(shè)計(jì)時(shí)尚，極具吸引力。這種設(shè)計(jì)的結(jié)果會(huì)使用戶感到困惑，并讓他們不確定如何繼續(xù)，從而導(dǎo)致糟糕的用戶體驗(yàn)。另外，一個(gè)好的交互圖標(biāo)的設(shè)計(jì)應(yīng)該具備以下幾個(gè)特點(diǎn)。第一，直觀且易于使用；這讓用戶立即明白它是一個(gè)圖標(biāo)，毫無(wú)疑問(wèn)，易于使用且簡(jiǎn)單。第二，主次明顯；當(dāng)兩個(gè)或多個(gè)節(jié)點(diǎn)同時(shí)出現(xiàn)在頁(yè)面上時(shí)，我們必須根據(jù)圖標(biāo)來(lái)考慮主次關(guān)聯(lián)，明確主鍵的出現(xiàn)，弱化次鍵的作用。（3）UI界面文字網(wǎng)頁(yè)文字界面的設(shè)計(jì)應(yīng)遵循可讀性原則；文字本身是一種圖形，不同的文字有不同的形狀。文字與圖形的關(guān)系豐富了通過(guò)文字傳達(dá)的信息。網(wǎng)頁(yè)設(shè)計(jì)師對(duì)網(wǎng)頁(yè)上的扭曲、夸大、重復(fù)和其他形式的文本進(jìn)行語(yǔ)言豐富，使網(wǎng)頁(yè)能夠達(dá)到預(yù)期的最終結(jié)果。但是對(duì)于網(wǎng)站來(lái)說(shuō)，這樣的文字在網(wǎng)頁(yè)上應(yīng)該盡量少用，因?yàn)閱我坏奈淖指哐b飾性。過(guò)多的文字使用使網(wǎng)站看起來(lái)優(yōu)雅并影響頁(yè)面。閱讀文本。另外，網(wǎng)站的文字和行距不能太窄，太緊湊的文字會(huì)讓用戶不堪重負(fù)，久而久之，用戶就會(huì)感到視覺疲勞，閱讀起來(lái)不舒服。對(duì)于網(wǎng)頁(yè)中包含大量文字的標(biāo)題，在組織文字時(shí)需要調(diào)整字體間距，使頁(yè)面文字更易于閱讀；體量大，文字信息簡(jiǎn)潔準(zhǔn)確，字?jǐn)?shù)統(tǒng)計(jì)提高了單詞閱讀能力。只有保證了網(wǎng)頁(yè)文字的閱讀能力，文字才能更清晰的將網(wǎng)站上的信息傳達(dá)給用戶。八、主要頁(yè)面的詳細(xì)設(shè)計(jì)圖九、網(wǎng)站測(cè)試（1）測(cè)試準(zhǔn)備測(cè)試前，對(duì)被測(cè)系統(tǒng)做好如下準(zhǔn)備：系統(tǒng)全面?zhèn)浞?，包括軟件備份、?shù)據(jù)備份等。測(cè)試前記錄系統(tǒng)狀態(tài)；立即采取措施，以便在測(cè)試期間出現(xiàn)問(wèn)題時(shí)能夠恢復(fù)系統(tǒng)。測(cè)試人員在參加測(cè)試前，應(yīng)了解網(wǎng)站上的相關(guān)術(shù)語(yǔ)，并預(yù)測(cè)測(cè)試的預(yù)期結(jié)果。測(cè)試前，準(zhǔn)備好實(shí)際數(shù)據(jù)，從系統(tǒng)啟動(dòng)數(shù)據(jù)。（2）用戶界面測(cè)試主要測(cè)試導(dǎo)航條、內(nèi)容、圖像、各頁(yè)面返回等。（3）功能測(cè)試主要檢查網(wǎng)站測(cè)試點(diǎn)上的鏈接。鏈接測(cè)試：每個(gè)URL的目的是驗(yàn)證鏈接的頁(yè)面是否正確。表單測(cè)試：目的是驗(yàn)證每個(gè)表單和應(yīng)用程序是否正確連接，是否可以正確發(fā)送用戶請(qǐng)求。（4）兼容性測(cè)試主要檢查本次設(shè)計(jì)的網(wǎng)頁(yè)能不能在不同的瀏覽器版本進(jìn)行應(yīng)用，例如：搜狗、百度、chrome、Firefox等瀏覽器。十、網(wǎng)站推廣（1）微信公眾平臺(tái)、朋友圈、微博、QQ空間推廣（2）論