【Notion 優秀應用】維尼熊的色碼、特殊字手冊|訓練營作業心得 045

更新於 2024/10/18閱讀時間約 4 分鐘

一、優秀學員介紹

  • 暱稱:維尼熊
  • 現職:醫材法規
  • 哪屆訓練營:第 八 屆 Notion 訓練營(學號:#2109)
  • 作品摘要:維尼熊在參加訓練營的過程中,覺得只有 Notion 的內建文字顏色與分隔線的設計,無法完全滿足排版要求,而 LaTeX 語法可以解決這個問題。但一般 Notion 使用者對LaTeX 語法不熟悉,希望建立一個色號與 LaTeX 語法的查詢手冊,幫助自己能用、看懂 LaTeX 基礎語法。實際使用時,直接複製公式來用,也必重新撰寫方便。

二、Notion 作品展示

作品名:Notion 色碼、特殊字手冊

色票資料庫:此資料庫呈現HEX 色碼,及以該顏色為底色,放上白色字或黑色字效果。為方便檢視,設計有三個檢視方葉,分別為含HEX 色碼與黑白字的Gallery view、純色票的Gallery view、含HEX 色碼與黑白字的Table view。

raw-image

LaTeX 語法展示資料庫:直接呈現不同LaTeX 於Notion上的輸出效果。

raw-image

三、系統製作與迭代過程

主題思考階段

使用 Notion 時,有時不滿足內建分隔線、文字顏色,查到有LaTeX語法可以使用,但發現不易搜尋到在 Notion 中實際使用的案例,所以自己做一個查詢手冊。

草稿階段

LaTeX 語法在 Notion 中使用時注重在修改原本文字與分隔線效果。

以文字來說,不外乎需要考慮:

  • 顏色 (後來衍生為色票資料庫)
  • 文字大小、字型
  • 特殊符號

分隔線比較簡單,只需要考慮:

  • 顏色
  • 長寬

最終加上整份使用說明、LaTeX 語法簡介等附加內容,完成整份作品基礎架構:

raw-image

實踐之後的迭代優化

  1. Gallery view 的預覽來源,可以使用 Files & media property 為來源。這樣設計讓Table view 也能呈現實際顏色塊。多筆資料在處理時,也比上傳圖片到Page cover方便得多。
raw-image
  1. 使用 Toggle List 放入相關資訊,依據需要縮放,避免佔用太大版面。並加入文字超連結,幫助在內容間快速移動。
raw-image
  1. 加上使用說明,幫助不熟悉手冊使用情境與 LaTeX 語法的人,提升熟悉度。


raw-image

四、Notion 訓練營學習心得分享

感謝教學團隊不斷告訴我們,說要「先完成,再完美」,這對強迫症真的超重要。因為我常覺得自己得了一種怪病,叫做對自己要求很高,總是想著,既然要交就要交出滿分的答案卷。但最適合自己的系統,一定是要實際使用,並且不斷持續修改迭代的。

我很喜歡訓練營裡面提倡網狀學習的部分 (可以理解為用各種方式推動學員互相觀摩學習),因為藉由參考不同人做出的作品,可以幫助我設計出更適合自己使用的系統。在討論過程中,也能激發出很棒的想法。

為了滿足自己的顏色控喜好,並整理清楚在 LaTeX 語法在 Notion 中實際使用的情境,所以做了這個作品,看到成果的時候很有成就感。整體設計不複雜,但也算善用了Notion 不同區塊能相互連結的特色。參加訓練營果然很值得!


📍 本文主要由 Notion 線上實戰訓練營的學員的優秀作品投稿。

感謝同學們能在這 40 天的陪伴式教學中,用自己的行動力產出這些優質的作品,並且分享自己在課程中的收穫!

我們會繼續收集、整理同學們優秀作品和應用到這專欄,同時也歡迎認真學習的你,也和更多人分享你的成果、作業思路和改變故事,讓你自己透過這輸出練習,更瞭解自己,也熟練工具,還能讓需要的人因為你的分享而被點亮。

👇🏼 最完整的中文 Notion 教學服務點此瞭解


內容總結
Notion 訓練營
5
/5
主要收錄雷蒙三十 Notion 線上實戰訓練營、線上課程的優秀作業心得。中文世界最完整、最多學員的 Notion 教學服務(人生管理系統&數位大腦),一起聰明工作、好好生活。
留言0
查看全部
avatar-img
發表第一個留言支持創作者!
Joan 運用關聯資料庫整理了學過的心理學家,把他們當作神奇寶貝製作成卡牌,且新增了生平、所屬學派、何以聞名、出現學科等資訊。並利用資料庫的檢視、篩選等功能讓觀看者能聚焦於該資料庫的重點,像是用圖庫檢視展示卡牌,亦有一覽學派盛行時間及出現學科的資料庫,讓觀看者可以依照想看的部分點選閱讀。
5/5Notion 訓練營
品捷運用訓練營所學的標籤系統架構,精心打造了一個整合推薦書單、筆記心得和作者資訊的 Notion 資料庫。他巧妙地運用關聯功能,將書籍、心得和作者串聯起來,並透過篩選、排序和視覺化工具,讓資料呈現更加直觀易懂。這個資料庫不僅方便他自己整理閱讀內容,也為其他讀者提供了便捷的書籍推薦和心得分享平台。
0/5Notion 訓練營
這個系統簡單俐落明瞭,我認為你會喜歡這種乾淨俐落不囉嗦的設計,我將大部分的問題用打勾就解決方式作為核心製作而成的本系統,並且不需要額外頁面讓手機可以直接使用。
5/5Notion 訓練營
透過一個模擬的情境和人物,讓我可以更了解如何應用 notion 來針對個案分析建置對應的數位系統,我個人認為,這樣的練習,可以練習如何串連不同工具和設計思維,這是非常棒的練習。
5/5Notion 訓練營
Janice 運用了在訓練營學到的標籤系統,收錄了所有因為各種原因而購入的保養品們(女生買化妝保養品總是有各種理由😼),並且可以根據使用情境快速查找與紀錄,產品依類別及使用時機分類。解決庫存管理、到期提醒、下一瓶開封建議、回購參考、產品使用心得紀錄的問題。
5/5Notion 訓練營
Simon 將手寫版本的行動管理系統使用 Notion 電子化,運用系統模組將「12 週做完一年工作:縮短工時 x 成果翻倍的高效成功法」中的目標和行動管理實作出來。當中使用了 Relation 串連長期目標庫、行動資料庫、12 週行動追蹤庫,兼顧長期目標是否平衡和全面、方便每天和每週回顧行動進度。
5/5Notion 訓練營
Joan 運用關聯資料庫整理了學過的心理學家,把他們當作神奇寶貝製作成卡牌,且新增了生平、所屬學派、何以聞名、出現學科等資訊。並利用資料庫的檢視、篩選等功能讓觀看者能聚焦於該資料庫的重點,像是用圖庫檢視展示卡牌,亦有一覽學派盛行時間及出現學科的資料庫,讓觀看者可以依照想看的部分點選閱讀。
5/5Notion 訓練營
品捷運用訓練營所學的標籤系統架構,精心打造了一個整合推薦書單、筆記心得和作者資訊的 Notion 資料庫。他巧妙地運用關聯功能,將書籍、心得和作者串聯起來,並透過篩選、排序和視覺化工具,讓資料呈現更加直觀易懂。這個資料庫不僅方便他自己整理閱讀內容,也為其他讀者提供了便捷的書籍推薦和心得分享平台。
0/5Notion 訓練營
這個系統簡單俐落明瞭,我認為你會喜歡這種乾淨俐落不囉嗦的設計,我將大部分的問題用打勾就解決方式作為核心製作而成的本系統,並且不需要額外頁面讓手機可以直接使用。
5/5Notion 訓練營
透過一個模擬的情境和人物,讓我可以更了解如何應用 notion 來針對個案分析建置對應的數位系統,我個人認為,這樣的練習,可以練習如何串連不同工具和設計思維,這是非常棒的練習。
5/5Notion 訓練營
Janice 運用了在訓練營學到的標籤系統,收錄了所有因為各種原因而購入的保養品們(女生買化妝保養品總是有各種理由😼),並且可以根據使用情境快速查找與紀錄,產品依類別及使用時機分類。解決庫存管理、到期提醒、下一瓶開封建議、回購參考、產品使用心得紀錄的問題。
5/5Notion 訓練營
Simon 將手寫版本的行動管理系統使用 Notion 電子化,運用系統模組將「12 週做完一年工作:縮短工時 x 成果翻倍的高效成功法」中的目標和行動管理實作出來。當中使用了 Relation 串連長期目標庫、行動資料庫、12 週行動追蹤庫,兼顧長期目標是否平衡和全面、方便每天和每週回顧行動進度。
5/5Notion 訓練營
你可能也想看
Google News 追蹤
Thumbnail
*合作聲明與警語: 本文係由國泰世華銀行邀稿。 證券服務係由國泰世華銀行辦理共同行銷證券經紀開戶業務,定期定額(股)服務由國泰綜合證券提供。   剛出社會的時候,很常在各種 Podcast 或 YouTube 甚至是在朋友間聊天,都會聽到各種市場動態、理財話題,像是:聯準會降息或是近期哪些科
Thumbnail
這篇涵蓋了 Notion 建立網站的基礎,還有免費的教學資源,讓你不用寫程式,就能用 Notion 快速建立個人網站! Notion 簡易入口網站適合學生、求職、接案、小店家使用,能快速產出一個網站,節省成本又快速方便。
Thumbnail
CSS 是控制網頁外觀的語言,應用於網頁設計、UI/UX 設計、電子商務和移動應用開發。主要使用者包括前端開發者、UI/UX 設計師和網頁設計師。CSS 的特性有樣式控制、層疊優先級、響應式設計及分離內容與樣式。
Thumbnail
這個系列的教學會列出基本上所有常見的造型和一些基礎 , 讓各位可以自行搭配造型~在這個第四篇呢 , 我們會來一起了解:常見的窗口 / 框架造型定義他們的意思加了之後有什麼效果那就讓我們開始吧!
Thumbnail
你好,在下最近在學習開發web,學了html css js,也得出一些心得,由於網路上已有許多教學,所以我會著重在如何開發出to do List,以及解釋我寫的程式碼。相關的教學我會直接貼網址。如果我有什麼地方出錯,或者是可以寫得更好,歡迎在下方留言,討論。 首先先介紹我的開發環境: 我用了vs
Thumbnail
理解一個全新的操作環境有時候可能是一個挑戰,尤其對於那些剛開始接觸VS Code的開發者來說,即便具備一定的英文閱讀能力,可能也會對這個陌生的操作環境感到徬徨和不安。不過,沒有必要擔心,我們接下來就來一起用短短的一分鐘時間,將VS Code轉換成最熟悉的中文環境吧! 安裝繁體中文語言包 由於VS
Thumbnail
它解決了以上我在各種軟體中碰到的疑難雜症,並整合Notion、Obsidian、Figma等多個軟體的優點功能。
Thumbnail
因為最近想嘗試編碼風格,於是就選了一套比較"不嚴格"的輔助工具來摸索。 編輯器 VS CODE 框架 VUE3 打包工具 VITE 編碼風格 Standard 環境 version { "nodejs":"v18.18.0", "npm":"9.8.1" }
Thumbnail
平常我們在 html 上常看到的例如 v-for、v-model 等等... 也是VUE已經幫我們定義好的指令,而這次我們可以依這自己的需求來建立。 此功能屬於較進階的功能,因此實戰中會比較少見,市面上還是有不少完善的套件能達到同樣效果,建議可以先往這方面察找
Thumbnail
我們在實作中,難免會遇到在不同組件中,卻有需求相同的資料格式,因此 mixins 可以達到我們的需求,除了 data 以外也包含了 methods 可以共用,舉例來說,學生資料可能會在,班級跟社團內被使用,當我們要撰寫元件時,就可以省略多餘的 data 定義。
Thumbnail
在前一篇「教你如何用ChatGPT來製作Notion Quotes」中,我們學到了如何運用ChatGPT創建個人語錄庫,以豐富Notion數位空間。今天,我們與大家分享已完成的Notion Quotes模板,可供免費下載,輕鬆建立屬於自己的個人語錄庫,為Notion空間增添更多層次與深度。
Thumbnail
*合作聲明與警語: 本文係由國泰世華銀行邀稿。 證券服務係由國泰世華銀行辦理共同行銷證券經紀開戶業務,定期定額(股)服務由國泰綜合證券提供。   剛出社會的時候,很常在各種 Podcast 或 YouTube 甚至是在朋友間聊天,都會聽到各種市場動態、理財話題,像是:聯準會降息或是近期哪些科
Thumbnail
這篇涵蓋了 Notion 建立網站的基礎,還有免費的教學資源,讓你不用寫程式,就能用 Notion 快速建立個人網站! Notion 簡易入口網站適合學生、求職、接案、小店家使用,能快速產出一個網站,節省成本又快速方便。
Thumbnail
CSS 是控制網頁外觀的語言,應用於網頁設計、UI/UX 設計、電子商務和移動應用開發。主要使用者包括前端開發者、UI/UX 設計師和網頁設計師。CSS 的特性有樣式控制、層疊優先級、響應式設計及分離內容與樣式。
Thumbnail
這個系列的教學會列出基本上所有常見的造型和一些基礎 , 讓各位可以自行搭配造型~在這個第四篇呢 , 我們會來一起了解:常見的窗口 / 框架造型定義他們的意思加了之後有什麼效果那就讓我們開始吧!
Thumbnail
你好,在下最近在學習開發web,學了html css js,也得出一些心得,由於網路上已有許多教學,所以我會著重在如何開發出to do List,以及解釋我寫的程式碼。相關的教學我會直接貼網址。如果我有什麼地方出錯,或者是可以寫得更好,歡迎在下方留言,討論。 首先先介紹我的開發環境: 我用了vs
Thumbnail
理解一個全新的操作環境有時候可能是一個挑戰,尤其對於那些剛開始接觸VS Code的開發者來說,即便具備一定的英文閱讀能力,可能也會對這個陌生的操作環境感到徬徨和不安。不過,沒有必要擔心,我們接下來就來一起用短短的一分鐘時間,將VS Code轉換成最熟悉的中文環境吧! 安裝繁體中文語言包 由於VS
Thumbnail
它解決了以上我在各種軟體中碰到的疑難雜症,並整合Notion、Obsidian、Figma等多個軟體的優點功能。
Thumbnail
因為最近想嘗試編碼風格,於是就選了一套比較"不嚴格"的輔助工具來摸索。 編輯器 VS CODE 框架 VUE3 打包工具 VITE 編碼風格 Standard 環境 version { "nodejs":"v18.18.0", "npm":"9.8.1" }
Thumbnail
平常我們在 html 上常看到的例如 v-for、v-model 等等... 也是VUE已經幫我們定義好的指令,而這次我們可以依這自己的需求來建立。 此功能屬於較進階的功能,因此實戰中會比較少見,市面上還是有不少完善的套件能達到同樣效果,建議可以先往這方面察找
Thumbnail
我們在實作中,難免會遇到在不同組件中,卻有需求相同的資料格式,因此 mixins 可以達到我們的需求,除了 data 以外也包含了 methods 可以共用,舉例來說,學生資料可能會在,班級跟社團內被使用,當我們要撰寫元件時,就可以省略多餘的 data 定義。
Thumbnail
在前一篇「教你如何用ChatGPT來製作Notion Quotes」中,我們學到了如何運用ChatGPT創建個人語錄庫,以豐富Notion數位空間。今天,我們與大家分享已完成的Notion Quotes模板,可供免費下載,輕鬆建立屬於自己的個人語錄庫,為Notion空間增添更多層次與深度。