> ## Content Index > Fetch the complete content index at: https://blog.lifehacker.tw/llms.txt > Use this file to discover other available public pages before exploring further. # 【Notion 中文應用案例】角色介紹與專賣店資訊整理｜訓練營作品心得 018 - URL: https://blog.lifehacker.tw/notion-casestudy-018/ - Published: 2024-05-02T16:00:00.000Z - Updated: 2026-04-07T01:59:56.000Z - Description: 如何透過 Notion 建立角色指南，結合 Gallery View、資料庫篩選與快速跳轉，打造資訊豐富的角色專屬網站。 - Author: 生活黑客社群 - Tags: 生活規劃, 訓練營學員作品, Notion, Notion 線上訓練營, Notion 教學應用 ## 一、優秀學員介紹 暱稱：Yvonne 現職：工程師 哪屆訓練營：第 6 屆 Notion 訓練營（學號：#1504） 作品摘要：Yvonne 將自己喜愛的卡通角色，運用訓練營的關係系統，打造出一個角色指南，包含角色介紹、各地實體專賣店、周邊商品等，希望有一天自己也可以去遍所有專賣店，而這份資料庫也能當成一個旅遊的行程相簿，紀錄自己所有去過的實體店的照片與心得感想。 ## 二、Notion 作品展示 ![角色介紹與專賣店資訊整理 配圖 1](https://blog.lifehacker.tw/content/images/2025/03/image-67.png) Before｜初步草稿架構 ![角色介紹與專賣店資訊整理 配圖 2](https://blog.lifehacker.tw/content/images/2025/03/image-66.png) After｜最終成品 ## 三、系統製作與迭代過程 ### 主題思考階段 一開始在思考主題時想了很久，最後打算貫徹自己在整個訓練營的風格，打造一個熊熊主題樂園，因此打算建立一個喜愛角色的介紹主頁，也因為喜歡這個角色很久了，卻沒有真的去了解他的背景，想透過製作主頁的方式，一邊更認識這個角色外，也透過資料庫的功能整理想去的的所有實體店資訊及周邊商品資訊，讓自己以後旅遊時可以走遍這些地方，拍照、紀錄遊記。 ### 草稿階段 - 初步先套用訓練營提供的關係系統作業模板，依照欄位填入內容，包含三個關鍵字、基本資料、歷年之路、個人使用說明書。 - 希望是以介紹角色的角度出發，所以是透過第三人稱視角來製作這個頁面。 關於內容資料，主要透過網路爬文相關的角色歷程，將所有資料收集整理後，透過不同年份呈現。 - 將參考的官方網站、參考資料來源，新增在頁面的左側。 ![角色介紹與專賣店資訊整理 配圖 3](https://blog.lifehacker.tw/content/images/2025/03/image-65.png) - 在作品展示區的部分，先新增三個資料庫 Full page：實體專賣店、周邊商品、小夥伴們。 - 針對不同資料庫新增各別所需的屬性欄位 Properties。 - 新增參考的網站來源在資料庫中。 - 並在主頁將三個資料庫建立 view table 檢視資料庫方便瀏覽。 ![角色介紹與專賣店資訊整理 配圖 4](https://blog.lifehacker.tw/content/images/2025/03/image-64.png) ### 實踐之後的迭代優化 在有了初步的草稿架構後，開始思考主頁想要如何呈現，才能讓整體視覺閱讀起來更流暢，因此針對每個區域的使用需求，將主頁重新排版設計，來達到順暢的瀏覽與使用。 我優化了以下幾個地方： 在主頁上方新增主頁的使用指南、各區域的快速跳轉連結。 ![角色介紹與專賣店資訊整理 配圖 5](https://blog.lifehacker.tw/content/images/2025/03/image-63.png) 新增使用說明＆快速跳轉連結 - 將基本資料、社群網站、歷年之路，集中在頁面的左側。 - 將主要的三個資料庫：實體店、周邊商品、小夥伴們，使用 Gallery view 及篩選 Filter 建立不同的檢視頁面，再設定想要顯示的屬性欄位，來達到快速瀏覽想要看的內容。 - 將專賣店的資訊整理到頁面中，就大功告成啦！ ![角色介紹與專賣店資訊整理 配圖 6](https://blog.lifehacker.tw/content/images/2025/03/image-62.png) 將角色相關資訊集中在左側，並新增 Gallery view + Filter 建立不同檢視頁面方便瀏覽想看的內容 終於完成這個角色介紹系統，在看了許多官網、故事、參考資料後，發現了好多原本不知道一面，也很佩服作者的毅力，經過這麼多年的結晶打造出這麼可愛的角色～很開心在訓練營做作業的過程中，能沉浸在自己喜愛的事物上，希望未來可以走遍上面所有的實體專賣店！ ## 四、Notion 訓練營學習心得分享 第一次參加這樣的線上訓練營，一開始以為是來學 Notion 的，沒想到收穫更多的是打開思考、思維上的新視野！在訓練營的過程中，跟著課程的安排、完成每週作業，學好 Notion 是一定可以做到的，而透過寫作業思路去挖掘自己的需求與架構系統的邏輯，讓自己在完成每份作業時都能有明確的目標與執行方向，現在自己也能根據使用需求隨心所欲打造自己想要的系統，覺得收穫良多！ 在整個營期中，教學團隊的鼓勵、加油打氣，還有同學之間互相交流、網狀學習，讓學習的過程多了許多溫暖與陪伴，在這裡可以很放心的問問題，而自己也透過回答問題得到一些成就感！ 「先完成，再完美」，在營期中會常常聽到這句話，以前總是會想要一次做到好，反而不敢跨出第一步導致進度停留在原地，但先完成某件事再來慢慢迭代優化，可以讓任務有進度，同時又能透過上次的經驗復盤來優化到下一次的任務執行，改變了以往的做事方式，也大大提升做事的效率！ 訓練營的日程感受很奇妙～有時覺得很漫長，漫長到能感覺自己明顯的進步；有時覺得很短暫，短暫到很捨不得這麼快就結束了。 原本帶著單純學習一個數位工具的心情參加的訓練營，殊不知最後得到這麼多當初完全沒想過的體驗，很謝謝訓練營所有教學團隊：雷蒙、柚子、小精靈、每位小隊助教、飛行助教，還有第六屆的同學們～讓我默默地前進了許多😊 最後想跟下一屆的同學說：「這是一場需要毅力與意志力的學習馬拉松，當你堅持不放棄的跑完全程，你會發現自己的進步與改變！而這樣的堅持，已經證實你擁有足夠的學習渴望，並且有足夠的勇氣面對各種挑戰！」 --- ### 📍 本文由 [Notion 線上實戰訓練營](https://raymondhouch.com/notioncamp?ref=blog.lifehacker.tw) 學員的作品投稿 感謝同學們在這 40 天的陪伴式教學中，用行動力產出這些優質的 Notion 作品，並分享自己在課程中的收穫！ 我們會繼續收集、整理同學們優秀作品和應用到這專欄，同時也歡迎認真學習的你，也和更多人分享你的成果、作業思路和改變故事，讓你透過這輸出練習，更瞭解自己、熟練工具，還能讓需要的人因為你的分享而被點亮。 👇🏼 最完整的中文 Notion 教學服務[點此瞭解](https://raymondhouch.com/notionhacker/?ref=blog.lifehacker.tw)，與 12,000 多名各行各業的同學一起精進自己！ [![06c43261-8f2b-4181-9695-519e9f20ff0a.png](https://blog.lifehacker.tw/content/images/2025/01/06c43261-8f2b-4181-9695-519e9f20ff0a-1.png)](https://raymondhouch.com/notioncamp?ref=blog.lifehacker.tw)