Skip to content

Commit

Permalink
Update README.md
Browse files Browse the repository at this point in the history
  • Loading branch information
87penginnouta authored Mar 5, 2024
1 parent 3384641 commit 9010b11
Showing 1 changed file with 12 additions and 1 deletion.
13 changes: 12 additions & 1 deletion README.md
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
# 🐟味補鮮知 - 海鮮的秘密

由女孩「蔚蔚」意外展開的海底旅程,引導使用者認識台灣常見的頭足、貝、魚及蝦類海鮮。想知道它們如何**分辨**、有什麼**挑選**要點、食材如何**處理**,以及有什麼相關**美食**嗎?這裡就是你的最佳知識庫!
由女孩**蔚蔚**意外展開的海底旅程,引導使用者認識台灣常見的頭足、貝、魚及蝦類海鮮。想知道它們「如何分辨」、有什麼「挑選要點」、食材「處理步驟」,以及有什麼「相關美食」嗎?這裡就是你的最佳知識庫!

.

Expand All @@ -15,7 +15,18 @@
身處漁產豐富的海島國家,海鮮料理是大家餐桌上的常客。然而看見這些佳餚時,你是否也說不出它的名稱,只記得那是「媽媽的味道」?
本團隊以「食魚文化」為主軸,將二十四種常見海鮮從產地到餐桌的過程,製成網站、遊戲與經營社群,並以國小高年級生為主要受眾,期望讓「好好吃飯」的觀念從小開始,傳承健全的飲食生活與文化,進而珍惜海洋資源。

.



### 🚢飛艇與海底冒險:網站圖文互動

![味補鮮知_網站介紹](./img/read_me/Cfood_01.jpg)

本網站以國小五六年級生為主要客群,因此整體美術風格偏向活潑繽紛的繪本風格,標題亦使用貼近他們的流行語為引言,並安排家庭採購的情境式劇情,增進生活代入感與自身關聯性。互動方面,則使用視差滾動動畫與動態資料庫AOS.js,讓頁面滑動時更生動活潑。使用者於前導劇情後,分別進入「頭足類」、「貝類」、「魚類」與「蝦類」的介紹頁面,於各章節小精靈的引導下,逐一認識選、買、洗、煮等過程。

+ 分辨海鮮:除了呈現動物外觀、分辨要訣,點擊後更能瀏覽該生物的相關資訊,如別名、產地與盛產期等。
+ 挑貨要訣:以卡片式簡單圖文呈現。
+ 食材處理:除了簡要的步驟圖,也附上相關的食材小知識。
+ 相關美食:以猜燈謎為發想,使用者點擊寫有提示的燈籠,將能看見與上方介紹動物有關的美食資訊,當中亦擷選章魚燒、蚵仔煎等台灣知名小吃。

0 comments on commit 9010b11

Please sign in to comment.