Welcome! 登入 註冊
專區首頁 專區百科 專區論壇 專區部落格 專區地圖

Advanced

Change History

Message: Re: [期末作業] 專題網站設計

Changed By: janny
Change Date: June 11, 2017 04:17PM

Re: [期末作業] 專題網站設計
Changed By: janny
Change Date: June 03, 2017 08:32PM

Re: [期末作業] 專題網站設計

Original Message

作者: janny
Date: June 03, 2017 08:19PM

Re: [期末作業] 專題網站設計
1.作業網址:http://mepopedia.com/~css105-2b/final/final-1045445014

2.網站主題:
台灣小吃

3.內容描述:
介紹有關於台灣各式各樣的夜市小吃
有關於基隆以台灣傳統紅色為主色廟口較有名的夜市小吃

4.風格設計:
以台製作過程圖作為搭配,
灣傳統紅色為主色調,黃、黑色為輔,搭配夜市小吃、夜市場景以及夜市小吃圖作為搭配,
使畫面具有整體性,簡單卻也有質感

5.組員名單,工作分配(視覺規劃、HTML CSS設計、動態效果):
羅欣妮(個人)

6.個人製作心得:
其實幾乎都還挺順利的,我是沿用作業8選的版型再去作色彩、圖片以及一些語法的修改,
但不知為何有些圖片明明是橫式點開效果的圖片卻是直式,用了好久還是用不太出來,但還
好都還是小問題,目前看來還是挺完整的:)-D

我的題目訂太大,內容不夠全面,
所以我把主題訂為''基隆廟口的小吃'',範圍較小,也比
較符何我版型的需求,介紹主要基隆有名的美食與歷夜市小吃

2.網站架構(導覽列名稱與檔名史
等HOME
*FOOD GAIIERY
*SPECIAL MENU
*CHEFS
吃以及關於基
隆的故事:)-D

企劃大綱

*參考版型:http://www.tooplate
[img]http://imgur.com/a/uB2kl[/img]

6.網頁版型設計圖wireframe

[img]http://imgur.com/a/pE4LM[/img]

7.色彩規劃: 傳統紅色為主,黃、黑為輔

8.歷屆得獎分析(至少三組)

1.Slang Formosa(醋咪ㄟ流行語):http://www.slangmosa.tw/listCard/6/#
以逗趣簡單設計的方式告訴大眾現在流行語的使用方式與意思,
整體採簡約風但內容卻不失風趣,每個圈圈、按鈕點進去都有滑
動或是跳新頁面的效果,使進到這個網站的人印象深刻。

2.《o`big!》藏在巷弄禮的風雅小世界:http://www.obig.com.tw/
整體採用明信片有趣特別的方式去呈現,地圖指標還做了動態效果,
內容與排版也很豐富完善,很有自己的風格特色,使人為之一亮。

3古早味鹹酸甜 :http://retrospective.idv.tw/
不管是音樂的搭配,還是整體排版都令人有懷舊的感覺,
也很符合古早味這主題,設計也很可愛很有趣,中間圖片
的部分點出來還有做聲音的效果,還滿好玩的。.com介紹台灣夜市各式各樣的小吃,讓不管是觀光客還是本地人都能更加瞭解

4.主要對象(分析):本地人/觀光客(外國人)
>
市主要有名的小吃,能讓觀光客或外地人更了解有關基隆小吃,
也能清楚知道來到廟口一定要吃哪幾種本地人推薦的美食。

4.主要對象(分析


6.網頁版型設計圖wireframe


7.色彩規劃: 傳統紅色為主,黃、黑為輔

8.歷屆得獎分析(至少三組)

1.Slang Formosa(醋咪ㄟ流行語):http://www.slangmosa.tw/listCard/6/#
以逗趣簡單設計的方式告訴大眾現在流行語的使用方式與意思,
整體採簡約風但內容卻不失風趣,每個圈圈、按鈕點進去都有滑
動或是跳新頁面的效果,使進到這個網站的人印象深刻。

2.《o`big!》藏在巷弄禮的風雅小世界:http://www.obig.com.tw/
整體採用明信片有趣特別的方式去呈現,地圖指標還做了動態效果,
內容與排版也很豐富完善,很有自己的風格特色,使人為之一亮。

3古早味鹹酸甜 :http://retrospective.idv.tw/
不管是音樂的搭配,還是整體排版都令人有懷舊的感覺,
也很符合古早味這主題,設計也很可愛很有趣,中間圖片
的部分點出來還有做聲音的效果,還滿好玩的。

9.組員名單:
羅欣妮-1045445014