作品一、優秀學員介紹

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

二、Notion 作品展示

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

色票資料庫

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

視覺優化指南:色碼資料庫、LaTeX 公式與筆記美化技巧 配圖 1

LaTeX 語法展示資料庫

直接呈現不同LaTeX 於Notion上的輸出效果。

視覺優化指南:色碼資料庫、LaTeX 公式與筆記美化技巧 配圖 2

三、系統製作與迭代過程

主題思考階段

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

草稿階段

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

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

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

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

  • 顏色
  • 長寬

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

視覺優化指南:色碼資料庫、LaTeX 公式與筆記美化技巧 配圖 3

實踐之後的迭代優化

1.Gallery view 的預覽來源,可以使用 Files & media property 為來源。這樣設計讓 Table view 也能呈現實際顏色塊。多筆資料在處理時,也比上傳圖片到 Page cover 方便得多。

dac408f7-7ba1-4959-9985-d38f3f607a24.png

2.使用 Toggle List 放入相關資訊,依據需要縮放,避免佔用太大版面。並加入文字超連結,幫助在內容間快速移動。

f25fdb0c-7ebc-4159-a751-8187c6bd38db.gif

3.加上使用說明,幫助不熟悉手冊使用情境與 LaTeX 語法的人,提升熟悉度。

d3122c85-c576-4092-8bd0-fa2f6bffeb8a.gif


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

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

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

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


📍 本文由 Notion 線上實戰訓練營 學員的作品投稿

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

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

👇🏼 最完整的中文 Notion 教學服務點此瞭解,與 12,000 多名各行各業的同學一起精進自己!

06c43261-8f2b-4181-9695-519e9f20ff0a.png

分享這篇文章