搜索
…改造繽紛旅遊網企劃書…組員:27號楊惟琇(組長)24號劉嘉惠46號許儷齡52號賴佩鈺58號蔡婉婷1頁數小組的分配與原因……………………………3網站介紹與市場分析…………………………5LOGO設計與色彩……………………………9網頁規劃與腳本………………………………12網頁的版面設計………………………………18網頁色彩計劃…………………………………21網頁視覺設計…………………………………232會選擇要做旅遊網的原因…當初某位組員希望能做有關旅遊的主題，於是我們四處去找尋相關網站，就找到了「繽紛網站」，發現這個網站不同於其他只以營業為目的，它有著豐富的人情味，會員們也會相邀出去玩，互相認識交朋友，常常在留言板上關心彼此，網站充滿了溫馨與活力，是在別的網站看不到的！另外…此網站旅遊資料齊全，網友們也會爭相提供資料，是個不可多得的好站，因此，我們決定以此網站做為題目。3小組分配…24劉嘉惠是負責網站規劃和畫面腳本設計52賴佩鈺是負責網頁色彩計劃58蔡婉婷是負責網頁版型46許儷齡是負責網頁視覺設計、LOGO設計27楊惟琇是負責網站介紹和市場分析4網站介紹…「繽紛旅遊網」原是站長小青及她的同學為了在學校的資管系專題展所製作的，後來因為站長對於網站的營運方針，並不希望走向一般為了從事商業利益的旅遊網站，而是希望能藉由這個地方，結交更多喜好「趴趴走」的朋友，因此逐漸彙聚了許多有志一同、喜愛旅遊的網友。如圖:5分析要改造這網站的原因1…1.排版：由於繽紛的排版順序有點混亂，以至於重點似乎無法注意到，而使用的不方便，應該試著先歸類各種主題，或是排版的簡顯易懂。2.色彩：色彩搭配的不是很好，大致看起來會有點亂。＊網址：如圖:6分析要改造這網站的原因2…易遊網參考這網站的優點：1.排版：排版分明清楚、整齊，使用時可以容易分辨。2.色彩：顏色搭配的很協調、也更能清楚的使歸類分配的更明顯。＊網址：如圖:7市場分析：比之網路上現有的旅遊網站，例如：易遊網、易飛網等，因為這些網站是為了謀利而建站，並不富有人情味，對於各種旅遊問題都是很制式化的回答。相較之下，繽紛旅遊網就像是個大家庭，也是採會員制，但是會員之間彼此就是旅遊最好的請教對象，網站以台灣地區旅遊為主，相當有親近感，每個加入繽紛的人都覺得能輕易地融入。8Logo設計1…重新打造一個新logo，我們是以原本的繽紛旅遊網的吉祥物。如圖:吉祥物”青蛙”加上”繽紛旅遊網”這幾個字加以結合、改造、設計來的新logo，不失有原本吉祥物青蛙的可愛性，也具有商業的標誌的logo。如圖:9Logo設計2…黑白稿:彩色稿:10Logo色彩計劃…使用的LOGO色彩為:黃色(R244G245B136)綠色(R74G119B45)橘色(R246G170B29)黑色(R0G0B0)紅色(R239G70B14)Logo的主色為暖色系的黃色及橙色，給人溫暖且歡愉的感覺，且黃色本身就有醒目的功能，又配上黑色的字體，使得色彩的明識度更高，一般人在瀏覽網頁的時候很快就能將此映入眼簾，(且雖為單一的色調，但由於深淺的不同，使logo本身雖統會有秩序，但卻不失活潑的感覺。)11網頁規畫…網頁執行流程定義目標市場調查及使用者分析擬定目標及需求企劃前準備工作類似網站收集及分析結構規劃設計探索與分析製作企劃書網頁製作開始製作網頁測設網頁整合網頁12網站腳本…13網站腳本…14版面一：畫面元件檔案說明備註LOGO按此即可將本網頁加入我的最愛圖片放置每月的旅遊主打星LOGO每月旅遊主打星：每月份的地區特別活動15版面二：畫面元件檔案說明備註回首頁討論區按下去會有彈跳式選單出現，共分為二項：討論區、圖片討論區貼圖討論區按下去會有彈跳式選單出現，共分為二項：台灣旅遊新聞列表、旅遊新聞關鍵字查詢會員專屬版面三：畫面元件檔案說明備註旅遊新聞按下去會有彈跳式選單出現，共分為二項：台灣旅遊新聞列表、旅遊新聞關鍵字查詢旅遊天氣按下去會有彈跳式選單出現，共分為二項：當日旅遊天氣、一週氣象旅遊手扎按下去會有彈跳式選單出現，共分為三項：全部的旅遊手扎、旅遊手扎分區瀏覽、旅遊手扎關鍵字查詢按下按鈕後按鈕變色，並在版面4開啟其連結16版面三台灣景點查詢按下去會有彈跳式選單出現，共分為五項：景點條件式查詢、景點關鍵字查詢、景點分類查詢、旅遊景點業者登錄網站活動報名系統按下去會有彈跳式選單出現，共分為五項：活動行事曆、全部活動列表、新增活動、歷史活動瀏覽、旅遊備忘錄價格比較按下去會有彈跳式選單出現，共分為二項：住宿價格比較、機票價格比較查詢按下去會有彈跳式選單出現，共分為六項：飛機時刻查詢、飯店資訊查詢、旅行社資訊查詢、交通工具資訊查詢、租車資訊查詢、休閒活動查詢繽紛旅遊明信片交換連結關於本站按下去會有彈跳式選單出現，共分為二項：週邊商品介紹、站長介紹17網站的版面設計1…首頁：我們是使用ｆlｅｓｈ來製作出第一頁，且自己設計出繽紛旅遊網的ｌｏｇｏ。按一下LOGO直接進入主頁。如圖:18網站的版面設計2…內頁：試著將繽紛旅遊網的排版重新分配過，色彩也自己再重新搭配，將各種功能也重新歸類，清楚分別出來，讓使用者可方便尋找出網頁的各種功能。如圖:19網站的版面設計3…板面一：活動看板：每段時間會放不同的旅遊活動資訊板面二：放關於跟會員有關的功能例如：留言版、討論區…..等會員享有之功能板面三：關於旅遊資訊的button板面四：關於旅遊的搜尋，最新消息和最新新聞，20網頁色彩計劃…網頁上使用的色彩綠色(R75G118B46)粉紅色(R247G219B241)銘黃色(R246G217B99)青綠色(R180G237B142)膚色(R238G225B216)橘色(R247G170B40)我們網頁的背景有兩個主要的顏色，依版面按鍵的不同，我們分有兩種，版面二上案件顯示出網頁的背景色為粉紅色，由於版面二大多數都是與觀賞網頁的網友們互動，所以我們講期定義為叫柔和的顏色，希望給人親切的感覺，接著是版面三上按顯示出的背景色，因為版面三大多數是與旅遊的資訊為主，讓人能寧靜的將文章看完，了解更多需要的21整體的色彩計畫…由於製作的為與旅遊的有關的網頁，所以色彩的基礎希望有溫暖、自然、健康且活潑的感覺，例如：暖色系的黃色目橙色，還有具平衡感的寒色系綠色，都是我們的基本色調。而輔助的色彩用的白，淺藍和粉紅色，因為主色以過多的暖色為主、使得版面過度的刺眼，雖有綠色的平衡，但整體還是有點過量，所以我們希望以寒色系和淡淡的粉色系為背景，在加上一點白色作為點綴。而文字的顏色以黑色為主，整體看來雖溫暖，活潑，但又有穩重之感，讓人在瀏覽時雖歡愉、舒服、但又帶點沉穩的感覺。22網頁視覺設計…首頁23網頁視覺設計…首頁主頁124網頁視覺設計…首頁主頁1主頁2(完)2526